Weather Icons - 222 font icons inspired by Font Awesome and designed for Bootstrap
Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons! The Freedom of CSS Anthing you can do to text, you can do to the icons. Scale, rotate, flip, change color, add shadows... and more! Use In Graphic Apps Weather Icons come with OTF and TTF files
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Rippler · Effect that spreads like a wave in touch or click.
You can also use the buttons on the bootstrap. rippler-inverse rippler-default rippler-inverse rippler-default rippler-inverse rippler-default <a class="btn btn-default rippler rippler-inverse" href="#">rippler-inverse</a> <button class="btn btn-primary rippler rippler-default">rippler-default</button> <a class="btn btn-success rippler rippler-inverse" href="#">rippler-inverse</a> <a class="btn bt
クリックで波紋を出すエフェクト（Ripple Effect）実装メモ - Qiita
javascript エフェクト要素をクリックした座標を中心とした位置に移動させます。 エフェクトのアニメーション自体はcssで表現しています。 エフェクトを発動させるためのclassを付け替えます。 $(function() { var $clickable = $('.ripple'); /* mousedownだと直ぐに発動し、clickだとマウスボタンを離した時に発動する */ $clickable.on('mousedown', function(e) { var _self = this; var x = e.offsetX; var y = e.offsetY; var $effect = $(_self).find('.ripple__effect'); var w = $effect.width(); var h = $effect.height(); /* クリックした
jQuery & CSS3でiTunes風のカバーフローUIを実装できる「jQuery UI CoverFlow 2.0 Using $.widget」｜BLACKFLAG
iTunesなどで有名なカバーフローと呼ばれるUI。 サイト上にカバーフローを実装させるjQueryプラグインもあったりしますが 実装方法が面倒だったり、動きがスムーズでなかったりするのですが、 jQueryとCSS3で構成されたカバーフローUIを実装できる「jQuery UI CoverFlow 2.0 Using $.widget」が 動きも滑らかで使いやすそうだったのでメモ書き程度に紹介してみます。 ≫jQuery UI CoverFlow 2.0 Using $.widget ≫デモはこちら：jQuery UI CoverFlow II | Addy Osmani 画面上のスクロールバーもしくはマウスホイールの動きで 並べられたCDジャケット（画像要素）がパタパタ流れるように切り替わります。 実装は少々複雑になってしまいそうですが、 画像要素のみならず、テキストベースのリストと連動
Bootstrapよりキレイ！Googleのマテリアルデザインキット - ku-sukeのブログ
Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあったり コンポーネントと呼ばれる部品も充実しています。これ見るだけで色々できそうな気がしますね！ Blog風など幾つか提供されています。いまとあるサイドプロジェクトで簡易的な管理画面をつくろうとしてたのですが、早速活用していい感じに仕上げることが出来ました。 ダウンロードすると全テンプレートが含まれているので、コピペで組み合わせるだけでも結構いい感じに出来ます。Bootstrapに飽きてきたら、ぜひ使ってみてください。 www.getmdl.io
CSS reference - CSS: Cascading Style Sheets | MDN
CSS Tutorials CSS basics CSS first steps CSS first steps overview What is CSS? Getting started with CSS How CSS is structured How CSS works Assessment: Styling a biography page CSS building blocks CSS building blocks overview CSS selectors Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators Cascade, specificity, and inheritance Cascade layers The box mo
BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life
先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。 そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ「Jetstrap」です。 jetstrap - B
Selectors Level 3
Selectors Level 3 W3C Recommendation 06 November 2018 This version: https://www.w3.org/TR/2018/REC-selectors-3-20181106/ Latest version: https://www.w3.org/TR/selectors-3/ Previous version: https://www.w3.org/TR/2018/PR-selectors-3-20180911/ Latest version of Selectors: https://www.w3.org/TR/selectors/ Editor's Draft https://drafts.csswg.org/selectors-3/ Feedback: File an issue on GitHub Editors:
CSS スナップショット 2010
2011年5月12日付 W3C WG ノート (Working Group Note) この版: http://www.w3.org/TR/2011/NOTE-css-2010-20110512/ 最新版: http://www.w3.org/TR/css-2010/ 前の版: http://www.w3.org/TR/2010/WD-css-2010-20101202/ Editor: Elika J. Etemad Copyright © 2011 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. 概要 この文書は、2010 年現在の CSS を構成する仕様すべてをまとめ定義したものである。主な対象は CSS の実装者であり制作者ではな
Syntax and basic data types
Note: Several sections of this specification have been updated by other specifications. Please, see "Cascading Style Sheets (CSS) — The Official Definition" in the latest CSS Snapshot for a list of specifications and the sections they replace. The CSS Working Group is also developing CSS level 2 revision 2 (CSS 2.2). 4.1 Syntax This section describes a grammar (and forward-compatible parsing rules
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Loader
ご存知、ないのですか？CSSの優先順位