css-grid-starter-layouts
This is a collection of starter templates for layouts and patterns using CSS Grid. The idea here is to show off what the technique is capable of doing and provide a starting point that can be re-purposed for other projects. Remember that browser support for Grid is good but requires fallbacks for legacy browsers. That means a straight up copy and paste of these may not be well suited for some use
Bootsnipp
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your email is never shared or sold to anyone else)
[web制作]スニペット・フレームワークへの接し方
便利なスニペットやフレームワーク 私は修行中のwebデザイナー/コーダー/ディレクターです。制作で主にXHTML/HTML5、CSSを使います。特にCSSなんかだと定番の表現をするのにスニペット(コードスニペット)を使います。Evernoteとかにストックがありますね。そして殆ど使ったことはないですが、HTML5 BoilerplateやTwitter Bootstrapといったフレームワークにも興味があります。 スニペットとフレームワークを使う際に考えたいこと 初心者を抜け出す為にスニペットを理解する ですが、コピペで人のコードを流用しているとなかなかそのコードがどういう意味かを覚えられません。理解していない人の書くソースにはスニペットに含まれた、そのソース内では必要のない記述なんかがそのまま残っていることが多いです。実際困ることってそんなにないんですけど、中級者にとってはすごく気になる
![[web制作]スニペット・フレームワークへの接し方](https://cdn-ak-scissors.b.st-hatena.com/image/square/d70439e885e06586d00d80e5acc55a856e4d686c/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F01%2Ftouch-snippet-framework-01-150x150.png)
WordPress制作時に良く使うコードスニペット：functions系 - NPO法人のためのIT支援事務所 ht
コードスニペットの最後のネタです。 fuctions.phpで良く使うコードです。 カスタムメニューの追加 [php] register_nav_menus( array( ‘header’ => ‘ヘッダーナビ’, ‘global’ => ‘グローバルナビ’, ‘footer’ => ‘フッターナビ’, ) ); [/php] ウィジェットの追加 [php] register_sidebar( array( ‘name’ => ‘サイドバーウィジェットエリア（上）’, ‘id’ => ‘primary-widget-area’, ‘description’ => ‘サイドバーのウィジェットエリア’, ‘before_widget’ => ‘<aside id="%1$s" class="widget-container %2$s">’, ‘after_widget’ => ‘</asid
スタイルシートの有用なスニペットのまとめ | コリス
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
Kick-Start Your Project: A Collection of Handy CSS Snippets | Codrops
Don’t start your project with an empty style sheet: there are many great snippets that can make your life easier and speed up web development. We are going to show you some handy snippets that you might find useful for kick-starting your next project. In one of the previous articles “Basic Ready-to-Use CSS Styles”, we saw how we could create a suite of classes to help the design process while maki
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cssflow.com/
Media Query Snippets - list of media queries
Is It Built with WordPress? Best and Free WordPress Theme Detector