サイト構築
[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
Post on:2015年2月3日
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュー […]
[CSS]これから増えてきそうなMaterial Designにぴったり！気持ちいいアニメーションで表示させるモーダルコンテンツ
Post on:2015年2月2日
ボタンをクリックすると、そのボタンがモーフィングのアニメーションで広がり、モーダルコンテンツを軽快に表示させる実装テクニックを紹介します。 Morphing Modal Window
WebデザインやHTMLやCSSを基礎からしっかりと学べる動画コンテンツ、日本語解説だから分かりやすい！
Post on:2015年1月30日
デザインやHTML, CSS, jQueryなど、Web制作に関する勉強を基礎からしっかりと学べるオンラインの学習サイトを紹介します。 当ブログで紹介するものは英語圏内が多いですが、この学習サイトは国内運営で、解説も当然 […]
[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity
Post on:2015年1月29日
画像やコンテンツのスライダーをスマホ・タブレットなどのタッチデバイスでの標準操作にも対応したいと考えている人にぴったりの単体で動作するスクリプトを紹介します。 ※jQueryのプラグインとして利用することも可能です。 i […]
Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月
Post on:2015年1月28日
背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを […]
Webデザインのカラー、レイアウト、エフェクトなどのアイデアに困った時に時間をかけて見たいサイトのまとめ
Post on:2015年1月27日
Webデザインに関するアイデアやインスピレーションが得られるサイトを紹介します。 自分の引き出しには無い何かがきっと見つかる、たぶん見つかる！ 写真：Gratisography
レスポンシブWebデザインで必要な配置の仕組みがよく分かるアニメーションを使った解説
Post on:2015年1月26日
レスポンシブWebデザインを使用する際、Webデザインの配置がどのような仕組みになっているかを理解することは非常に重要です。PhotoshopやIllustratorなどのデザインツールに比べてそれは複雑で、スクロールや […]
[JS]簡単で楽ちん！さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs
Post on:2015年1月26日
CSS3を使った軽量でかっこいいさまざまなアニメーションでコンテンツを表示するタブコンテンツを実装するjQueryのプラグインを紹介します。 タブコンテンツのスタイルも豊富に用意されており、シンプルなHTMLで簡単に実装 […]
2015年これからのWeb制作業界の流れ、伸ばしておきたいスキル、Webデザインのトレンドなどのまとめ
Post on:2015年1月23日
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン […]
2014年、デザインやコンセプトが素晴らしかったWebサイトのまとめ -Best Website Designs of the Year 2014
Post on:2015年1月22日
UIデザインの有益な情報を提供しているzitrusfrischから、2014年にそのコンセプトやデザインが素晴らしかったクリエイティブなWebサイトを紹介します。 MMXIV -Best Website Designs […]
sponsors
