技術系解説記事– category –
-
技術系解説記事
スマホの時だけ改行したい、PCの時は改行したくない。という場合のCSS
スマートフォンではしたい部分があるがパソコンでは改行せずに表示させたい!そんな時に有効なCSSの書き方は? 意外とシンプルで基礎的なものを使います。display: none; と display: block; を使いわける! まず<br>に何かクラス名をつけてください... -
技術系解説記事
独自ドメインとサブドメインの違いって何?
ドメインとは ◯◯◯.comのように、インターネット上における住所を表すものです。 元々インターネット上での住所とは、IPアドレスといって「012.34.567.89」のような数字の住所が振り当てられています。この数字の住所を人が見ても分かりやすくするためにも... -
技術系解説記事
PCとスマホで別画像に切り替えて表示したい(HTML/CSSコード例)
PCとスマホでそれぞれ別々の画像に切り替えて表示したい!というケースに遭遇しましたか?方法はいくつかありますが、今回は初心者向けに2つの書き方をご紹介します。 方法1:HTMLとCSSでレスポンシブ <img class="img-pc" src="img/pc... -
技術系解説記事
BracketsをMacにインストールする手順を、初心者向けに詳細に解説します
Brackets(ブラケッツ)というHTMLやCSSを書くためのアプリケーションをMacにインストールする手順をご紹介します。大まかな流れとしては「アプリをダウンロードする」→「Macにインストールする」→「いつでも使いやすいようにDockに置く」の3ステップです... -
技術系解説記事
「ホームページを作って」と言われたらどうする?Web制作のおおまかな流れ
ホームページを作りたい、と言われました。そんなときに、まずなにをどうすればいいでしょうか。 HTMLとCSSをひと通り勉強したものの「いざウェブサイトを依頼されるとどうしていいのかわからない」という初心者に向けて、制作のフローをシンプルにまとめ... -
技術系解説記事
スムーススクロールを実装しよう
htmlでidをhrefに指定して、topに戻る、というボタンを作ったとき。するする〜っと上に動く「スムーススクロール」について解説します。今回はjQueryを使用したスムーススクロールを実装したいと思います。 書いたHTMLはこちら <!--トップへ戻る--> ... -
技術系解説記事
WordPress管理画面はむずかしい?管理画面を徹底解説します
こちらの記事は「インストール方法から学べるWordPress超初級講座」や「本気ではじめるWordPressブログ【入門編】管理画面徹底解説!」にて講義中に使用するページです。講義に参加されていない方もご覧いただけますが、一部講義のみでの解説となる箇所も... -
技術系解説記事
【中級編】少人数で丁寧に学ぶ!HTML5&CSS3基礎講座
『HTML&CSSの勉強で良く詰まりやすい部分を集中的に行う講座です』 HTMLとCSSの勉強を始めた方が躓きやすい所を中心に、色んなレイアウトに対応出来るようにするための講座です。HTMLとCSSの超基本講座をしていて「次のステップになるような講座が欲し... -
技術系解説記事
HTML・CSSのレベルアップに最適な「サイト模写」をしてみよう
HTML・CSSのスキルを一通り学んだよ!さぁ、次はWordPressやJavaScript、あれ…それよりもPHP?JavaScriptはjQueryとどう違うの?え?え?え??? お、落ち着いて!まずは深呼吸!HTML・CSSを一通り学んだんだね。お疲れさま!でも、スキルは本当に身につ... -
技術系解説記事
GoogleMapを埋め込んで、横幅をぴったり親要素に合わせて表示する方法
-
技術系解説記事
ウェブ制作で利用する「色」と「画像」の設定について
画像を作るためにPhotoshopを使うときに「Web用の画像を作るか・印刷用の画像を作るか」によって設定すべきことがあります。 カラーモード・解像度 カラーモードにはRGBカラーとCMYKカラーの2種類があります。おおざっぱに説明すると「画面で見る色(RGB...