カテゴリー
社会

IEはなぜ嫌われる?なんでサポート終了するかも解説するよ。

ついにInternet Explorerのサポートが2022年に終了 2021年5月19日、アメリカのマイクロソフト社はMicrosoftは同社のWEBブラウザ「Internet Explorer(インターネットエクスプ […]

カテゴリー
プログラミング

プログラマーに必要な検索力とは?ググる検索テクニック「11選」

プログラミング作業を左右する「検索力」 プログラミングを上達させるのに必要なこと。 それは基礎力を徹底的に固めたり、自分で簡単なサイトを作ることに挑戦するなど、さまざまな方法があります。ベテランエンジニアに質問しても、き […]

カテゴリー
プログラミング

マーケティングの「3C分析」とは?WEBサイト作りに役立てよう

WEBサイトを作るその前に WEBサイトを作る技術を身につけたら、自分で考えたホームページを作ってみたくなりますよね。 あるいは、友人や知人のサイトを作るケースもあるかもしれません。 しかしそこで自分のイメージのままに手 […]

カテゴリー
プログラミング

Flexboxで3カラム/1カラムのレスポンシブ。ブレイクポイントの活用。

ブレイクポイントを使ってカラムを切り替えよう 前記事『リストを作るには?ulタグ・olタグ・liタグを使おう。』では「display:inline-block」を使って要素を均等に並べる演習をしましたね。 今回は「Fle […]

カテゴリー
プログラミング

「テーブル(表組み)」の作り方【HTML・CSSコード付き】

テーブル(表組み)を作ろう 今回はWEBコンテンツにおいて利用する機会の多い「テーブル」を作ります。 テーブルとは食事をする机のことでなく、WEB制作においては「表組み」を意味します。 今回の完成形はこちら。 <テ […]

カテゴリー
プログラミング

グローバルナビゲーションの作り方【HTML・CSSコード付き】

グローバルナビを作ろう 今回はグローバルナビこと「グローバルナビゲーション」を作ってみましょう。 グローバルナビゲーションとはWEBサイトのどのページにも表示される共通(=グローバル)メニューのことですね。 今回の完成イ […]

カテゴリー
プログラミング

リストを作るには?ulタグ・olタグ・liタグを使おう。

リストを作ろう 「・」や「番号」でのリスト=箇条書きをHTML/CSSで作ってみましょう。 本日やってみる演習はこちらが完成イメージです。 <本記事で目指す完成のイメージ> マークアップとCSSでリストを作成 […]

カテゴリー
プログラミング

【演習】テキストリンクとボタンリンクをHTML・CSSで作ろう

リンクを作ろう 一般的なWEBサイトには、テキストでクリックできるリンクや、ボタンを押すと他のページに飛べるかたちのリンクがありますね。 あれらのリンクは、<a>タグを使った「ハイパーリンク」によって作られて […]

カテゴリー
プログラミング

WEBページのレイアウトの「基本4パターン」とは?

WEBページの定番・基本レイアウトは「4つ」 今回の基礎学習は「WEBページのレイアウト」についてです。 学習すると言っても、すでにみなさんはさまざまなWEBサイトを見てきたなかで見覚えのあるものばかりでしょう。 WEB […]

カテゴリー
プログラミング

レスポンシブWEBデザインとは?定型の見本コードも紹介。

レスポンシブWEBデザインとは? 今回は「レスポンシブWEBデザイン」について学習します。 レスポンシブ(Responsive)とは「応答・反応」という意味。 WEBの世界では「パソコンやスマホ、タブレットなどさまざまな […]