CSS note

The abbreviation srsly stands for “seriously”.

The acronym ftw stands for “for the win”.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, q ...

続きを読む→ 投稿 ID 1042

Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id, class, and descendant selectors - and then called it a ...

情報源: Style Guide

CSS のデータ型 transform-function は、要素の表現を普段と変えるために使う関数を表します。こうした transform 処理は通常行列で表現され、各点に行列の乗算を行った結果が描画されます。

情報源: transform-function - CSS | MDN

情報源: JavaScript - jQuery の代わりに Selectors API の querySelector/querySelectorAll を使うと良いかもよ♪ - Qiita

あけましておめでとうございます！定番フォントを愛してやまない、デザイナーTです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。

情報源: あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts ...

• This is awesome

  

• This is awesome

  

• This is awesome

  

li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: 1; *display: inline; ...

Better Image Borders with Blend Modes

img { mix-blend-mode: screen; }

The mix-blend-mode property defines how an element’s content should blend with its background. This means that any images or text, borders or headings will be influ ...

mix-blend-modeはDOMエレメントを重ねた時の見え方を指定するCSSプロパティです。「オーバーレイ」「スクリーン」などのブレンドモードを利用することでデザインの自由度が広がります。本記事ではmix-blend-modeの魅力と使い方をデモを交えて紹介します。

情報源: CSS3のブレンドモードmix-blend-modeを使いこなそう - ICS LAB

続きを読む→ 投稿 ID 1042