メインカテゴリーを選択しなおす
【CSS】マウスオーバーアクションをつけてプロのデザインを目指す
Matoiです。カーロソルをあてた時に色が変わったり、形を変化させるWEBデザイン術を解説していきます。 初心者でも簡単にできるようにお願いします カーソルをあてたときだけ変化をさせるようなCSSコードがあります。 マウスポインターを要素に
【javascript】配列の基本マスター講座 (宣言 • 追加 • 削除 • 結合)
javascriptの配列の基本的な使い方(宣言・初期化・取得・代入・追加・削除・結合)や、ループ処理、連想配列、多次元配列(二次元配列)について初心者向けに解説しています。
● パソコン表示は、アメブロをカスタマイズしていますこんにちは、片岡すずみです。このブログは、スマホで読んでくださっている方が、多いみたいなんですね。何度も読…
こんにちは。 クリエイターズ文化祭 準公式宣伝部です(嘘)。 今年も開催されるようですよ! クリエイターズ文化祭とは、オンライン即売会サービスを利用したweb上でのイベントで、多様なクリエイターがコンテンツを披露したり販売したりするお祭りで今回が3回目。 創作の分野に制限は無く、一次創作であれば漫画・小説・音楽・映像・イラスト・ゲーム・アプリ・ハンドメイドなどなど、デジタル/アナログ問わず出展できます。 会場はオンラインゲームのようになっており、アバターを動かして出展物を鑑賞したり、買い物をしたりできるんです。またチャット機能もあるため他のクリエイターや来場者と交流もできるわけですね! クリエ…
【8月最新】SHElikes(シーライクス)の料金・コース・卒業後について徹底調査
女性向けWebデザインスクール「SHElikes」の料金やコース、卒業後について調査しました。休会制度やイベント、キャンペーン内容、各拠点(青山・銀座・名古屋・梅田)、受講生のインタビューについてまとめたのでご覧ください。
【WordPress】カスタムメニューとカスタムリンクの設定方法|初心者向け完全ガイド
WordPressのカスタムメニューとカスタムリンクの設定方法について初心者向けに解説しています。CSSを適用する場合のwp_nav_menuテンプレートタグの使い方や、メニューのカスタマイズ方法についても解説しています。
影で表現力UP!CSSシャドウのデザインテクニックまとめ【box-shadow】
CSSのbox-shadowプロパティは、要素に奥行きや立体感を加え、デザインをより魅力的にすることができます。影の位置や強さ、色などを調整することで、ウェブアプリケーションやウェブサイトに現代的な雰囲気を持たせることができます。
【Adobe XD】プロトタイプやデザインスペックの共有方法を初心者向けに徹底解説!
adobe xdの共有の各機能の説明や、プロトタイプやデザインスペックの共有方法、コメント機能やピン留めについて初心者向けに解説しています。
phpのif文について、else,elseif、if文のネストの基本や、一行で記述するif文について、実例をもとに初心者向けに解説しています。
【Adobe XD】共有のパスワード付き / 招待制リンクの作成方法を初心者向けに徹底解説!
adobe xdの共有のパスワード付きリンク / 招待制リンクの作成方法や、パスワードが設定できない場合の対処法などについて初心者向けに解説しています。
【javascript】var / let / constの違いや使い分け方を初心者向けに徹底解説!
javascriptの宣言方法である「let」と「const」と「var」の違いや、結局どれを使えば良いか?といった疑問について初心者向けに解説しています。
【php8】条件分岐のswitch文とmatch式の使い方を初心者向けに徹底解説!
phpのswitch文とmatch式の使い方や、「if文との違い」「複数条件を指定した場合」「breakを使わない場合」などについて解説しています。
【WordPress】投稿・固定・カテゴリーページへのリンク設定
Web制作でHTMLをWordPress化する場合に、投稿・固定・カテゴリーページへのリンク設定に使用するテンプレートタグについて解説しています。
【初心者向け】Vivus.jsを使ったSVGアニメーションの作り方
Vivus.js のダウンロード方法やcdnの導入方法、オプションの設定など、手書き風のSVGのアニメーションやアウトラインアニメーションの実装方法とともに初心者向けに解説しています。
【WordPress】タグの取得とタグ一覧やタグ別一覧ページの表示
WordPressで設定したタグ一覧やタグ別一覧ページの表示方法についての記事です。また、タグの取得や表示の注意点として「the_tags();」「get_tags();」「get_the_tags();」の違いについても解説しています。
【WordPress】抜粋の取得や表示、文字数や文末の調整方法
本文の抜粋の入力の方法や、get_the_excerptを使用した抜粋の取得、the_excerptを使用した抜粋の表示方法について解説します。また、文字数の変更、文末の[...]のカスタマイズの方法についても解説します。
【初心者向け】PHPの演算子の一覧:種類や使い方を解説(php8対応)
初心者に向けてPHPの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。さらに、PHP8へのバージョンアップに伴い追加された演算子や変更点についても解説しています。
【初心者向け】javascriptの演算子一覧:種類や使い方を解説
初心者に向けてJavaScriptの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。コード例とともに、演算子の動作や注意点についても詳しく解説しています。
【Adobe XD】フォントの追加方法と反映されない場合の対処法
Adobe XDのフォント追加方法と反映されない場合の対処法について詳しく解説しています。また、環境にないフォントが表示された場合の特定と置き換え方法についても解説しています。
【Adobe XD】フォントの追加方法と反映されない場合の対処法
Adobe XDのフォント追加方法と反映されない場合の対処法について詳しく解説しています。また、環境にないフォントが表示された場合の特定と置き換え方法についても解説しています。
【体験談】SHElikesは意味ない?受講生に評判・口コミを調査
主婦・ママ・働く女性・女子大生向けのWebデザインスクールについて、その特徴やメリット、デメリットについてご紹介します。女性がIT業界で活躍するためにも、女性向けWebデザインスクールでスキルアップを図ることがおすすめです。
【女性向け】WeRubyは怪しい?受講生の評判・口コミを現役Webデザイナー視点で徹底調査
女性向けのWebデザインスクール「WeRuby」について、その特徴や怪しいと言われている理由などについて調査しました。「無料相談会」や「無料オンラインセミナー」「長期インターン」の詳細や、ママでも参加可能なセミナーについても徹底的に調査しましたので、ぜひご覧ください。
【主婦・ママ・女性向け】FammのWebデザイン講座を徹底調査!受講生の評判・口コミを解説
主婦・ママ・女性向けのWebデザインスクール「Famm」について、その特徴や怪しいと言われている理由などについて調査しました。受講生の卒業後のインタビューについても徹底的に調査したのでぜひご覧ください。
【主婦・ママ専用】デジタルハリウッドSTDIOの評判・口コミを徹底調査
デジタルハリウッドSTUDIOの主婦・ママ専用のWebデザイナー専攻 について、その特徴や評判・口コミについて調査しました。主婦・ママクラスの交流会や相談会などのイベントやコミュニティについても詳しく調査したので、ぜひご覧ください。
【javascript】自作スライドショー(横スクロール)の作り方:ボタン付き・自動再生
素のJavascriptの自作スライドショー(横スクロール)の作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。
E-E-A-Tとは?4つの評価要素をポイント解説<紛らわしい英単語4文字の用語集>
近年、増えてきた紛らわしい英単語4文字のWeb用語集。Googleの品質評価ガイドラインに関わる「E-E-A-T」とは?4つの評価要素や施策ポイントを紹介する。
YMYLとは?ジャンルの考え方と対策<紛らわしい英単語4文字の用語集>
近年、増えてきた紛らわしい英単語4文字のWeb用語集。Googleの品質評価ガイドラインに関わる「YMYL」とは?ジャンルにおける考え方や対策ポイントを紹介する。
Web制作をする上で覚えておきたい予備知識とWebデザイン用語
Webサイトやブログを制作する過程で、さまざまな専門用語が使われています。Webデザイン用語を中心に、Web制作に関わる時に必要な知識や最低限覚えておきたい用語を紹介します。
優先することは他にある。 ただの現実逃避なのだけど、ブログ書く勉強にもなるのでWEB作成の勉強も始めた。 10年以上前に職業訓練校でWEBの勉強はしたけど初歩の初歩の知識でその後の就職は普通の事務だったし、その間にWEB業界もだいぶ進化してしまった。 はるか彼方に置いてきてしまった知識を更新させるためにProgateという無料の学習サイトを使ってやっているのだけど、これが全然進まない。 まず集中力がない。 頭の中が整理できないから理解ができない。 4時間近くで終わる勉強がそんな時間はとうに過ぎてしまった。これが老化というものなのか…。 一応WEBクリエイター検定上級まで取ったのよ。勉強は付け焼…
【フリー素材】イラスト素材追加しました。ドリンクボトル/銃弾(箱)/ショットシェル(箱) (・∀・)
こんにちは。 前回の記事でピンチだと言っていたプレミアムツクールデーはちょっとだけ動くところをツイートしてなんとか凌ぎました。 ピンチを凌ぐためにアイテムアイコンをいくつか描いたのでついでに素材置き場へおいておくことにしました。すべてフリーです!! 1.ドリンクボトル 液体を描くのは大変だから不透明のボトルにしました。 ラベル6種。1枚が500×500pxです。ラベルがドリンクっぽくないですかねー(;・∀・) ま、ファンタジー用ということで。いや、ファンタジーでも使いにくいか。 2.ハンドガンの弾(箱) 弾だけの画像素材は既にありましたが今度は箱つきで3色。需要があるかは謎。 3.ショットシェ…
オンラインフリーランスプラットフォームのココナラは、様々なスキルやサービスを提供する個人が集まる場所です。 自…
【ココナラで出品しよう!】プロフィール作成ポイント:魅力的な自己紹介と成功のカギとは?
ココナラでは、自分のスキルや知識を販売することができます。 でも、出品する前に魅力的なプロフィールを作成するこ…
【ココナラで出品しよう!】プロフィール作成ポイント:魅力的な自己紹介と成功のカギとは?
ココナラでは、自分のスキルや知識を販売することができます。 でも、出品する前に魅力的なプロフィールを作成するこ…
自分でバナーを作ってみよう!と思って軽い気持ちでやってみたら、ダサくて嫌になったのでプロのバナーを参考に奮闘しました。 デザイナーの仕事も、素人が思うほど簡単じゃないのね。
【CSS】グローバルメニューを2段にしてみる(; ・`д・´)
こんにちは。 最近3Dモデリングをちょこっとさわってみたことでブログのカテゴリーが増えました。 なのでトップ絵の下にあるグローバルメニューっていうやつにカテゴリーが入りきらなくなり、なんとかすることにしました(PC表示のみ)。 グローバルメニューに項目をたくさん入れる手段としてドロップダウンリストがありますが、それを使うほどの数でもないのでメニューを2段にするという選択をしました。 こういうWEBページのデザインを変えるのはCSSってやつをいじることになるのですが難しいんですよね(;´Д`) ちなみにCSSはプログラミング言語ではありませんがこのサイトでのカテゴリーとしてはプログラミングに分類…
【HTML】meta description(メタディスクリプション)とは?設定方法、書き方、文字数等を解説!
本記事では、meta descriptionの設定方法や書き方、文字数を解説します。また、テンプレートや反映されない場合の対処方法も併せてご紹介します。meta descriptionについて詳しく知りたい方は必見です。
現場で迷わない実務レベルのテクニックを身につける『プロのコーディングが身につくHTML/CSSスキルアップレッスン』
株式会社翔泳社は、書籍『プロのコーディングが身につくHTML/CSSスキルアップレッスン』を発売した。本書は、実務ならではのHTMLやCSSなどのコーディングの悩みや課題を、プロの視点でやさしく丁寧に
サイト設計は、Webサイトの制作やマーケティング方針を決める上では、重要な項目になります。 このサイト設計がうまくいっていないと、Webサイトがうまく活用できなくなってしまいます。 サイト制作やリニューアルを行う場合、ぜひこの記事を参考にし
【HTML】「mailto:」とは?起動しない時の対処法や注意点も解説!
WEBサイト上に、クリックするだけでメールを送信する機能をつけたい場合「mailto:」を使う方法があります。
【CSS】hoverとは?サンプル付きで解説!効かない時の対処法も!
CSSを学習していると、hover(ホバー)というテクニックが出てきます。 使えるようになると、指定している要
【HTML】段落を表すpタグの使い方のご紹介!改行を作るbrタグとの違いも解説!
HTMLで、段落を表すには、pタグを使います。 pタグは、文章に段落を作成する事が出来るので文章を読みやすくし