サイト構築 -実装
IE9+もサポート、CSS3 Flexboxを始める人にぴったりな極めてシンプルな使いやすいフレームワーク -FOX CSS
Post on:2015年10月20日
そろそろFlexboxを使ってみたいな、と考えている人にぴったりなCSS/Sassの超軽量フレームワークを紹介します。 もちろんFlexboxをバリバリ使っていて、シンプルなのが必要な人にもぴったりです。 Flexbox […]
UIデザインのアイデアを探す時にチェックしたいサイトのまとめ
Post on:2015年10月19日
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見てい […]
CSSでよく使うコードのまとめ、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・ユーティリティなど -Corpus
Post on:2015年10月15日
Webサイトやブログを作成する時にCSSでよく使うコード、ブレイクポイントの定義・Flexboxのグリッド・ボタン・フォーム・画像周り・ライン・ユーティリティ・アニメーションなどがまとめられたCorpusを紹介します。 […]
divとsectionとarticle要素それぞれの特徴、使い分けと組み合わせ方 -HTML5のセクショニング コンテンツ
Post on:2015年10月14日
HTML5は、ドキュメントを構造化する際に用いるセマンティックなコードです。あなたがどんなタグを使うかによって、ユーザエージェントにその意味を伝えます。 HTML5のタグにはさまざまなものがあり、中でもsectionとa […]
[JS]ふわりとした動きが気持ちいい！スクロールするとコンテンツが後から追いかけるように表示されるスクリプト - Flow Up
Post on:2015年10月9日
ページをスクロールすると、垂直に配置されたコンテンツやパネルが後から追いかけるようにふわりと定位置に配置されるシンプルなスクリプトを紹介します。 ずっと気にかけてたエフェクトだったのですが、このスクリプトを使うと簡単に実 […]
デザインやイラストで色の組み合わせを決める時の参考になるカテゴリ別100種類のカラーパレットのまとめ
Post on:2015年10月7日
色の組み合わせを決めるときに何から始めれば、と迷うことはありませんか？ 色は注意を引きつけ、ムードをつくり、デザインを活気づかせ、ユーザーの感情と理解に強い影響を与える大切な要素です。自然、食べ物・飲み物、旅先、日常の4 […]
数学からデザインのインスピレーションを得よう！数学の美しさを楽しめるGIFアニメーションのまとめ
Post on:2015年10月6日
数学は、遙か昔から多くの芸術や建築のデザインに利用されてきました。Webデザインに黄金比や白銀比、フィボナッチ数列などをとりいれてる人もいるかもしれません。 クリエイティブなインスピレーションが得られる数学の美しさを楽し […]
知ってると便利なCSSのテクニックのまとめ -CSS Protips
Post on:2015年10月5日
リスト要素で実装したナビゲーションの右端のボーダーを取り除くシンプルな方法、flexboxで実装したカラム間の溝の最後の溝を取り除く方法、天地の中央に配置など、知ってると便利なCSSのテクニックを紹介します。 CSS P […]
Win, Mac対応、デスクトップでもブラウザでも動作するベクターでイラスト・デザインができる無料アプリ -Vectr
Post on:2015年10月1日
Windows, Mac OS X対応のデスクトップ用ソフトウェアとして、Chrome, Safari, Edge対応のブラウザ用アプリとして動作するベクターでイラスト・デザインができる無料のドロー系アプリを紹介します。 […]
[CSS]スニペットに登録しておくべし！繊細で美しいグラデーションをコピペで利用できる -GRADIENTS
Post on:2015年9月30日
div要素などにclassを一つ加えるだけで、繊細で美しいグラデーションを簡単に利用できるスタイルシートのパックを紹介します。 GRADIENTS GRADIENTS -GitHub
sponsors
