サイト構築 -実装
商用利用無料！Bootstrap 3, Bootstrap 4をベースに最近のUIデザインのトレンドを取り入れた新作テーマのまとめ
Post on:2015年10月22日
最近のWebページで人気のある縦長ページ、CSS3アニメーション、スクロールエフェクト、大きい写真画像を使った背景、カードコンポーネントなど、UIデザインのトレンドを取り入れたBootstrapのテーマを紹介します。 B […]
Photoshopのレイヤーパネルどこに置いてる？ 作業効率がぐっとアップするPhotoshopのワークスペースのまとめ
Post on:2015年10月21日
WebサイトやアプリのUIデザイナー・デベロッパをはじめ、写真のレタッチ、イラストやお絵描きの塗りなどの作業効率がアップするPhotoshopのワークスペースを紹介します。 写真: Girly Drop
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 […]
sponsors
