サイト構築
[JS]ページにちょっとしたイースターエッグを仕込むことができるスクリプト -Overscroll
Post on:2015年2月9日
デスクトップやスマホで、ページの領域を超えてスクロールするとバウンドするような感じになりますよね。その時にちょっとしたイースターエッグをアニメーションで表示する単体で動作する軽量スクリプトを紹介します。 Overscro […]
進化が止まらない！CSS3アニメーションを簡単に利用できるスクリプトやスタイルシートのまとめ
Post on:2015年2月6日
スクロールをトリガーに要素をアニメーションで表示したり、ページを表示した時にちょっとしたエフェクトを加えたり、ボタンのホバー時に気持ちいいアニメーションを加えたり、CSS3のアニメーションを簡単に加えることができるリソー […]
知らないと損！イラストの表現の幅が広がるSAIのブラシ設定のまとめ
Post on:2015年2月5日
イラストの線や塗りに使える、インクをはじめ水彩・ペイントなど40種類の豊富なバリエーションが揃っているSAIのブラシの設定をご紹介。 Brush settings for Paint tool SAI
サイト制作の見積もりにも大きく影響！ユーザエクスペリエンスを向上させるために必要なタスクがよく分かる -UX Recipe
Post on:2015年2月5日
UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく […]
Webのページレイアウトやコンポーネントのレスポンシブ対応のさまざまなアイデア集 -Responsive Patterns
Post on:2015年2月4日
29種類のレイアウト、30種類のナビゲーション、画像・動画・地図・テーブル・フォーム・タブ・カルーセルなど、Webページで使用するさまざまなレイアウトやコンポーネントのレスポンシブ対応のパターンをまとめたサイトを紹介しま […]
CSSの基礎知識から実践的なテクニックまで、しっかりと身につけたい人はチェックした方がいいサイト -CSS Reference
Post on:2015年2月4日
昨日ローンチされた、CSSをしっかりと学びたい・身につけたい人にオススメのコンテンツ「CSS Reference」を紹介します。 作成は当ブログでもよく紹介するCodropsで、CSSのプロパティの基礎知識から、どのよう […]
[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 […]
sponsors
