あなたはいくつ知ってる？CSSのセレクタ40個を総まとめ【チートシート付き】
CSSのセレクタを40パターンまとめました。 親子セレクタ、兄弟・隣接セレクタ、n番目のセレクタの指定など基本的なセレクタから倍数、否定形、target擬似要素など特殊なセレクタも紹介しています。 わかりやすくセレクタを図解したチートシートも作成しているのでぜひご利用ください。 CSSのセレクタのチートシート CSSのセレクタをまとめたチートシートを作成しました。お好きにダウンロードして見るもよし、印刷するもよしです。 印刷用 A4サイズで印刷可能です。 ブラウザ閲覧用 ブラウザで閲覧しやすいサイズに拡大したシートです。画像をクリックすると別タブで開きます。 セレクタのおさらい 初心者〜中級者向けということで一度セレクタについておさらいします。（※不要な人は飛ばしてね）
CSSセレクタのチートシート｜37パターンを一覧で解説
CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。
Skeleton: Responsive CSS Boilerplate
Is Skeleton for you? You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation).
表を横にスクロール可能なレスポンシブテーブルを実装する | Web Tips
公開日：2014年9月26日 最終更新日：2015年1月6日 スクリーンサイズが小さいスマートフォン画面で表組みする際は、はみ出した部分を横にスクロール可能なレスポンシブテーブルという手法を使います。JavaScriptで作った専用のライブラリもありますが、CSS設定だけで簡単に実装する方法を解説します。 作成するテーブルは右図になります。 横幅はスクリーンサイズに応じて変化しますが、640pxをブレイクポイントとして行と列が反対になります。 640pxより小さいスクリーンでは横にスクロール可能なレスポンシブテーブルとなります。 スマホでもPCでも動作するデモページを用意しましたのでご覧ください。 ＞＞ レスポンシブテーブル DEMO ページへ 【コンテンツ】 HTMLコードを作成する CSSコードを作成する HTMLコードを作成する テーブル部分の HTMLコードは以下になります。 注意
SelectorKitというライブラリを公開します - soutaroブログ
http://soutaro.github.com/SelectorKit iOSアプリのViewを指定するためのselectorです。割とCSSセレクタに似た構文にしています。uiQueryというのがあるのですが、これを書くのがかなりしんどいのでかっとなって作りました。 ドキュメントに書いてないのですが、新機能としてセレクタの途中の要素を選択することができます。{}でくくります。CSSにもない新機能！多分バギーです。非決定的な要素を選択する場合にうまく動作しないと思う。*1 例。 「コーヒー」と書かれたラベルを含むテーブルビューセル { UITableViewCell } UILabel:[text='コーヒー'] menu-item-listというaccessibilityIdentifierをもつUITable UITable#menu-item-list 前方一致、後方一致 UIL
hifive - HTML5企業Webシステムのための開発プラットフォーム
ダウンロード Download ダウンロード カスタムダウンロード ツール/ライブラリ ギャラリー Gallery ギャラリー ガイド Guide チュートリアル Webアプリ入門 基本編 データモデル編 データバインド編 リソースFW編 リファレンス APIドキュメント レシピ Recipe レシピ 資料室 Reference HTML5資料室 HTML5用語辞典 開発者向け Developers Developer Channel ユーザーグループ 開発リポジトリ リリースノート コードホスティング 開発者ブログ hifive開発情報 ヘルプ Help 本サイトについて FAQ 本ウェブサイトでは、利便性及び品質の維持・向上を目的に、クッキーを使用しております。本ウェブサイトにおけるクッキーの使用についてはプライバシーポリシーをご参照いただき、クッキーの使用にご同意頂ける場合は「同意す
Stylizer | CSS styling in a fraction of the time.
“In 10+ years of working with web technologies, I say with confidence that Stylizer is absolutely in a class of its own. It sports one of the most well designed interfaces in the history of software. Stylizer has had a tremendous impact on workflow here at IQ Storage. Best of luck to the immensely talented team at Skybound.” “Stylizer has revolutionized the way we create websites. Its introduction
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/webliker_adm/status/1093462797634191360
http://buchineko.website/chrome-devtools-cording/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Flat UI - Free Bootstrap Framework and Theme
GitHub - commadelimited/jQuery-Mobile-Bootstrap-Theme: A jQuery Mobile theme based on Bootstrap