タグ

htmlと cssに関するgrandfrigoのブックマーク (3)

  • Brackets で使う拡張機能まとめ(自分用) - ゆとくん.com

    大変気に入っている Web エディタの Brackets。これで使っている拡張機能の自分用メモ。 絶対必要なもの Autoprefixer CSS のベンダープレフィックスを自動で書いてくれる定番拡張。flex も普通に使えるようになってきて最近は出番が少ない。 Beautify インデントや <br> の位置とかを綺麗にしてくれる。 Bigger Extensions Panel 拡張機能パネルを大きくしてくれる(デフォルトだと固定サイズで使いづらい。) Brackets CSS Class Code hint その HTML が読んでいる CSS の class や id をサジェストしてくれる。 ただ、ルートパスに対応してなかったり動いたり動かなかったりするのでちょっと微妙。 Brackets Icons サイドバーでファイルの種類に応じてアイコンを付けてくれる。視認性重要。 Bra

  • ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ

    ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。 今回は HTMLCSS、わずかな JavaScript で実装できるさまざまなナビゲーションメニュー用コードスニペットをまとめてご紹介します。アコーディオン型やサークル型、ドロップダウンやフルスクリーン、水平型、モバイル用、Off-Canvasメニューなどをスタイル別に100個まとめています。あらゆるWebデザインプロジェクトで使えるスニペットを、きっと見つけることができるでしょう。 ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ コンテンツ目次 1. アコーディオンメニュー 2. サークル型ナビメニュー 3. ドロップダウンメニュー 4. フルスクリーンメ

    ナビメニュー100連発!CSSで表現できるコピペ可能なHTMLスニペットまとめ
  • デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス

    デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料($17)です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として

    デザイナーやコーダーがいなくても、BootstrapベースのかっこいいWebページが驚くほど簡単に作成できてしまう -Assembly | コリス
  • 1