Material Design Lite
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone
HTML5 仕様 （WHATWG） に picture 要素が追加される
WHATWG 版の HTML5 仕様に、picture 要素が追加されました。picture 要素内に内包された img 要素と source 要素に srcset 属性、media 属性、sizes 属性を組み合わせて指定することで、デバイスピクセル比やサイズなどに応じた、複数イメージソースの出し分けが可能になります。 Simon Pieters 氏 （Opera Software） のツイート経由ですが、WHATWG 版の HTML5 仕様に、picture 要素が追加されたそうです。 picture 要素は、所謂レスポンシブ・イメージ （Responsive images） を実現するための要素で、picture 要素内に内包された img 要素と source 要素に srcset 属性、media 属性、sizes 属性を組み合わせて指定することで、デバイスピクセル比やサイズなど
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
jQuery CDN
jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery Core 3.7.1: uncompressed, minified, slim, slim minified jQuery 2.x jQuery Core 2.2.4: uncompressed, minified jQuery 1.x jQuery Core 1.12.4: uncompressed, minified jQuery Migrate jQuery Migrate 3.5.2: uncompressed, minified jQuery UI Showing the latest stable release for the curren
min/maxワイド等利用可能になるライブラリminmax.js
CSS minimum and maximum sizes The CSS2 standard specifies four properties that can be very useful when working with CSS layouts: min-width, max-width, min-height and max-height, These can be used in conjunction with the well-known width and height properties to get effects which can be especially helpful in designing layouts that are a mix of fixed-size and window-size-relative units. For example,
結局CSS3のlinear-gradientはどう書いたらいいのかまとめてみた (最新仕様・全ブラウザ対応版) - Studencheskie Programmisty
[-ms-]などは当該ベンダープリフィックスが必要という意味を表します。 Firefox 16以降のように1つのブラウザに複数の項目があるのは、ベンダープリフィックスによってサポートされる構文が異なっていることを表します。 iOS本体のバージョンと、搭載されているSafariのバージョンの対応表はWikipediaが詳しいです。 これから分かるように、現時点（2012/12/7）ではWebkitは最新の構文（to付き）に対応していません。また、FirefoxやOperaのようにプレフィックスを付けるかどうかでtoなしの古い構文が使えたり使えなかったりと変化します。 さて、では結局過去のブラウザも含めて全てに対応するにはどう書けばいいのでしょうか？上から下へ#000〜#fffのグラデーションをかけるコードを例に示します。実際には、対応したいブラウザののみ取捨選択して記述するのが実用的かと思わ
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
Cubic Bezier Timing Function
Cubic Bezier timing function compatible with -webkit-transition-timing-function In addition to the -webkit-transition-timing-function cubic-bezier(), support for a 100% compatible easing defined by a cubic bezier function as a public domain javascript would be welcome. 0.25, 0.1, 0.25, 1.0 The timing function is specified using a cubic Bezier curve, which is defined by four control points. The fir
背景画像でSVG形式の画像が表示できない際にPNG形式の画像を表示する方法(IE7,8用) | CodePlus
SVG形式の画像の表示はInternet Explorerの場合、IE9以上でしか表示できません。IE7、IE8は基本的にはPNGやGIF形式の画像を表示することになります。次に書いていく方法で、JavaScriptを使わずにCSSのみで、IE9はSVG、IE7・IE8はPNGといった表示方法が可能です。 ※但し背景画像に限ります。 参考サイト Cross-Browser CSS Technique for SVG Sprites with PNG Fallback CSS3のrgba()を使ってIE7・IE8に代替画像を表示させる。 .svg-or-png { background: url(img/hoge.png) no-repeat; /* for IE7 IE8 */ background: rgba(0,0,0,0) url(img/hoge.svg) no-repeat;
Data URIでSVGを指定する | jekylog
imgのsrcにdataURIでSVGを指定する際の手順をメモ。 1. IllustratorでSVGを書き出す。 [別名で保存]、若しくは[WEBおよびデバイス用に保存]でSVGを書き出す。ロゴくらいならデフォルトの書き出しでいいかも。パスの数が膨大でファイルサイズの削減が必須な場合はカヤックさんの下記記事のようにオプションをゴニョゴニョするみたい。 SVG女子を90%軽くしたSVG軽量化テク+α #svggirl | KAYAC DESIGNER'S BLOG - デザインやマークアップの話 2. SVGファイルを編集 100px×95pxの星を書き出したSVGファイルをテキストエディタで開くと下記みたいなXMLで構成されている。 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 13.0.
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube - Broadcast Yourself
webamb.com
Fontello - icon fonts generator
css2sass
svgweb - Project Hosting on Google Code
svg-edit - Project Hosting on Google Code
http://sass.fffunction.co/
Maykel Loomans — Designer, Digital Product Builder & Photographer