技術系解説記事– category –

スマートフォンではしたい部分があるがパソコンでは改行せずに表示させたい！そんな時に有効なCSSの書き方は？ 意外とシンプルで基礎的なものを使います。display: none; と display: block; を使いわける！ まず<br>に何かクラス名をつけてください...

【ドメインとは】 ◯◯◯.comのように、インターネット上における住所を表すものです。 元々インターネット上での住所とは、IPアドレスといって「012.34.567.89」のような数字の住所が振り当てられています。この数字の住所を人が見ても分かりやすくするため...

PCとスマホでそれぞれ別々の画像に切り替えて表示したい！というケースに遭遇しましたか？方法はいくつかありますが、今回は初心者向けに2つの書き方をご紹介します。 【方法１：HTMLとCSSでレスポンシブ】 <img class="img-pc" src="im...

Brackets（ブラケッツ）というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいようにDockに置く」の3ステップです...

ホームページを作りたい、と言われました。そんなときに、まずなにをどうすればいいでしょうか。 HTMLとCSSをひと通り勉強したものの「いざウェブサイトを依頼されるとどうしていいのかわからない」という初心者に向けて、制作のフローをシンプルにまとめ...

htmlでidをhrefに指定して、topに戻る、というボタンを作ったとき。するする〜っと上に動く「スムーススクロール」について解説します。今回はjQueryを使用したスムーススクロールを実装したいと思います。 書いたHTMLはこちら <!--トップへ戻る--> ...

こちらの記事は「インストール方法から学べるWordPress超初級講座」や「本気ではじめるWordPressブログ【入門編】管理画面徹底解説！」にて講義中に使用するページです。講義に参加されていない方もご覧いただけますが、一部講義のみでの解説となる箇所も...

『HTML&CSSの勉強で良く詰まりやすい部分を集中的に行う講座です』 HTMLとCSSの勉強を始めた方が躓きやすい所を中心に、色んなレイアウトに対応出来るようにするための講座です。HTMLとCSSの超基本講座をしていて「次のステップになるような講座が欲し...

HTML・CSSのスキルを一通り学んだよ！さぁ、次はWordPressやJavaScript、あれ…それよりもPHP？JavaScriptはjQueryとどう違うの？え？え？え？？？ お、落ち着いて！まずは深呼吸！HTML・CSSを一通り学んだんだね。お疲れさま！でも、スキルは本当に身につ...

画像を作るためにPhotoshopを使うときに「Web用の画像を作るか・印刷用の画像を作るか」によって設定すべきことがあります。 【カラーモード・解像度】 カラーモードにはRGBカラーとCMYKカラーの２種類があります。おおざっぱに説明すると「画面で見る色（...