モバイルアプリ向けUIフレームワークionicを学べるサイトが公式にできていた

Pocket

過去にionicというモバイルアプリ向けUIフレームワークを紹介する記事を書いたのですが、そんなionicを学べるサイトが公式にできていました:Learn ionic

Continue reading…

レスポンシブなテーブルを簡単につくれる「Tablesaw」

Pocket

レスポンシブなデザインにする、と言ったときにやっぱり困るのがテーブルのデザインだなーと思います。列が多いとスマホで見たときにかなりキツい印象を与えてしまうし、いざスマホ向けにレスポンシブなスタイルを当てようと思うと、結構実装が面倒くさいんです。

Continue reading…

Sass&Compassでつくられたボタンライブラリ「Buttons」

Pocket

Sass&Compassでつくられたボタンスタイルライブラリ「Buttons」の使い勝手がなかなか良さそうです。

Continue reading…

CSSで六角形を描くような用事、あるかなぁ・・・?

Pocket

今まで生きてきてCSSで六角形を描けたら便利だよなーという用事に出会ったことがないのですが、CSS Hexagonは六角形を描くようなCSSをジェネレートしてくれるツールです。

Continue reading…

20種類ものカッコいいHTMLテンプレートがフリー!「HTML5 UP」

Pocket

20種類(2014/5/2現在)ものカッコいいHTML5テンプレートを提供してくれているHTML5 UPが凄いです!ティザーが捗る!

Continue reading…

言うなれば、色付きのSubtle Patterns「Transparent Textures」

Pocket

質感のあるイケてる壁紙集としてSubtle Patternsが有名ですが、ダウンロードしてからサイトのテイストにあわせて色を変えて使うことが多いはず。

Transparent Texturesは最初から色付きでダウンロードできます。超便利!

Continue reading…

CSS3アニメーションのSass Mixin集「Animate Mixin for Compass/SASS」

Pocket

ちょっとしたときにCSS3アニメーションを使いたいシーンって多々あると思うのですが、Compass使っていても効果を想像しながら書くのはダルイときが多々あると思います。そんなときはAnimate Mixin for Compass/SASSを使うと、もっと楽ができそうです。

Continue reading…

FlexboxとCSS Table、どっちが速いのん?

Pocket

CSS performance test: Flexbox v CSS Table – Fight!という記事にそんなネタがありました。さてさて、どっちが速いのでしょうか。

Continue reading…

iOS7のネイティブアプリっぽい見た目が作れるCSSフレームワーク「Framework7」

Pocket

最近ネイティブアプリっぽい見た目が作れるCSSフレームワークが増えてきましたね。通常のWebサイトのみならず、Phonegapで作られているツールも増えているのでしょうか。Framework7はiOS7のネイティブアプリっぽい見た目を作れるCSSフレームワークです。

Continue reading…