Clik here to view.
アイコンフォントとCSSをセットにしたツールキット・「Fontisto」
Fontisto Fontistoは沢山の汎用的なアイコンフォントと、そのフォントを活用するためのCSSをセットにしたツールキットです。アイコンはフォントだけでなくPNGも同梱されています。それぞれのアイコンはセットになっているCSSでclassが用意されているので全部読みこんでclass付与すればアイコンが表示される、というもの。なかなか便利ですね。ライセンスはMIT。 Fontisto Post...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
手書き風なゆるいスタイルのCSSフレームワーク・「PaperCSS」
PaperCSS PaperCSSは手書き風のゆるーいスタイルなCSSフレームワークです。フォントにはPatrick Handが使われ、ボーダーも真っすぐな線ではなく、ラジオボタンやチェックボックスも手書きのようなスタイルとなっています。くだけた感じのスタイルを提供するのが目的のよう。昨今のWeb上ではモダンで洗練された綺麗なスタイルばかりで疲れたらしいです。...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」
Angled edges Angled edgesは要素を斜めにカットするためのCSSライブラリです。clip-pathを使っています。class付与で上デモのように手軽に斜めにカットできます。斜めにカットしなくちゃいけないシーンは個人的に思いつきませんがなんとなくよく見かける気はしますね。...
View ArticleClik here to view.
Clik here to view.
CSS Gridを使って六角形のオブジェクトを並べたハニカムなレイアウトを組めるスタイルシート・「Hexi-Flexi-Grid」
Hexi-Flexi-Grid Hexi-Flexi-Gridはハニカム構造のレイアウトを組めるCSSグリッドシステムです。JavaScriptは使われておらず、CSS...
View ArticleClik here to view.
Clik here to view.
他のミニマルなCSSフレームワークを参考にして作られた超軽量CSSフレームワーク・「lit」
lit litはSkeletonやMilligramなど、他のミニマルなCSSフレームワークの良い点を参考に作られたCSSフレームワークです。現段階で世界最小（398...
View ArticleiPhone Xや8、Galaxy S8、MacBookやApple...
Devices.css Devices.cssはiPhone Xや8、Galaxy S8、MacBookやApple Watch、Surfaceなどモダンなデバイスのモックアップを表現できるCSSのセットです。かなり大昔にご紹介したのと同じようなものです。スタイルシートの名前も同じですが、開発者は別みたいですね。これそのものの需要は少なそうですがコードは参考になるかも。ライセンスはMITとの事。...
View Article3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」
Half Second Hamburger Helper See the Pen Half Second Hamburger Helper by Kurt Petrek (@KPCodes) on CodePen. Half Second Hamburger...
View ArticleClik here to view.
フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」
Boilerform See the Pen Boilerform: Card payment example by Andy Bell (@hankchizljaw) on CodePen. Boilerformは送信フォームの雛型を提供するHTML/CSSフレームワークです。CSS-TRICKSのCHRIS...
View ArticleClik here to view.
FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」
Frow CSS Frow CSSはFlexboxベースのRWDなWebサイト構築の開発スピードを上げるためのフレームワークです。様々なグリッドに対応、フォームやユーティリティも揃えられています。npmやBower、CDNも対応、SASSも選択できます。Frow CSSはOSSとして、MITライセンスの元で公開されています。 Frow CSS 関連する記事はありませんでした
View Article
