簡単なのにすごい！普通の写真をインスタ映えする写真にできるスタイルシート -Instagram.css | コリス

2018/01/10 43 users class フィルタ コリス インスタ 画像

写真画像にインスタ映えするフィルタを適用するスタイルシートを紹介します。 使い方は簡単で、外部スタイルシートと画像にclassを加えるだけでOKです。 42種類のフィルタが用意されており、どのフィルタでも簡単に利用できま ...記事の続きを読む 続きを読む

これは面白い！Photoshopで高性能なHTML/CSSエディタが使えるようになるプラグイン -HTML Block | コリス

2015/09/10 107 users Bootstrap コリス エレメント Photoshop

PhotoshopのPSD上に、HTMLとCSSのコードでエレメントを作成できるPhotoshopのプラグインを紹介します。 外部スタイルシートにも対応した高性能で、Bootstrapのエレメントをといった使い方もできます。 HTML Block HTML Blockの特徴 HTML Blockのダウンロードとインストール HTML Blockの使い方 HTML Blockの特徴 HTML Blo... 続きを読む

[CSS]シンプルな美しいボタンを簡単に実装するだけのスタイルシートの超軽量ライブラリ -beautons | コリス

2014/05/06 81 users htm コリス Step class ライブラリ

使い勝手のよいさまざまなスタイルのシンプルなボタンを実装するだけのライブラリというか、スタイル集を紹介します。 スタイルシートは1.4kbで、超軽量！ beautons beautons -GitHub 使い方は非常に簡単で、外部スタイルシートを記述し、各ボタンにclassを加えるだけです。 Step 1: 外部ファイル 当スタイルシートをhead内に記述します。 [html] ... [/htm... 続きを読む

CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide | コリス

2014/04/30 150 users コリス CSS Chrome レイアウト ローカル環境

ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡張だけでなく、外部スタイルシートとしても提供されているのでローカル環境でブラウザを問わず利用できます。 Pesticide Pesticide -GitHub Pesticideの... 続きを読む

CSS3アニメーションを使ったかっこいいページを簡単につくりたい！そんな人に -CSS3 Animation Cheat Sheet | コリス

2013/07/10 303 users Cheat Sheet class トリガー スクロール 名称

Appleのプロダクトページのように、スクロールをトリガーにCSS3アニメーションが展開するようなページを簡単に実装できるCSS3 Animation Cheat Sheetを紹介します。 「Cheat Sheet」という名称が紛らわしいですが、各種CSS3アニメーションをセットにしたスタイルシートで、ページに外部スタイルシートを加え、classをちょこちょこつけるだけで、簡単にCSS3アニメーシ... 続きを読む

IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい | コリス

2011/12/14 466 users コリス jQuery class おさらい CSS

CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付... 続きを読む

[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか | コリス

2009/04/10 286 users コリス import Don't use CSS ルール

外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というも... 続きを読む