カテゴリー: html5 & CSS3

ここ数ヶ月でFontawesomeが新しくなっています。 現在のバージョンはVer.5となり、リンクの設定が変わっています。 以前は <link href=”https://use.fontawesome.com/ […]

ウェブサイト内にツイッターの書き込みを載せたい！という事で、Twitter公式ウィジェットを利用してみます。 まずは公式ページに移動します。 https://publish.twitter.com/ 入力欄があるので、こ […]

コメットさんは魔法で困りごとを解決してくれますが（古くてごめん）、DreamweaverのCC2014辺りから使用可能だったか記憶が微妙な、Emmet（エメット）さんと言う、ツールを使わずに手打ちでコーディングする際の、 […]

パソコン用に制作されたサイトを、スマートフォンやタブレットに対応させる技術のことをレスポンシブと呼びます。 このレスポンシブ対応のサイトにするには、まずは通常のhtmlがちゃんとできている事が必要です。ここは絶対的な基本 […]

アコーディオンパネルと言えば、jQueryで！ってなるかもしれないけど、htmlとcssだけでは出来ないかな?と思いチャレンジしてみました。 まずは以前の投稿にある、「HTMLとCSSでスマホ用メニュー」の応用で出来そう […]

今時、IEに対応させるようなことはしなくていいと思っているんだけど、とりあえずやってみる。 基本的にIEではhtml5に対応していないので、header,footer,nav等のタグは認識してくれません。そこでIEのため […]

webページのナビゲーション部分は通常リストと呼ばれる[ul li a]の構成で作るようになります。 そのリストをレイアウトする時に縦並びなら特に問題はないのですが、横並びにした場合にはfloat：left；を利用したり […]