サイト構築
[JS]幅広いブラウザをサポート！表示サイズに最適な画像・背景画像を表示するレスポンシブ対応の軽量スクリプト -Rimg
Post on:2015年2月13日
ページが読み込まれた時にDOMを調査してimg要素を自動で探し、設定したブレイクポイントに応じて最適な画像ファイルを表示するスクリプトを紹介します。 SVGとPNGが混在しているページでも無問題、SVGはベクターなのでそ […]
正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ）
Post on:2015年2月12日
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGや […]
うわぁIE8で表示がおかしい！その原因をチェックしてアドバイスしてくれるオンラインサービス -IE8 Linter
Post on:2015年2月10日
モダンブラウザを基準にページ制作をする人が増えてきましたが、IE8を完全に切るのはなかなか難しいのが現状です。 そんなIE8で、あれ表示がおかしいぞ！という時に、その原因のアドバイスをしてくれる便利なオンラインサービスを […]
シンプルなHTMLで実装することにこだわったレスポンシブ対応の汎用性に優れたフレームワーク -Turret
Post on:2015年2月10日
シンプルなHTMLでセマンティックに実装することにこだわった、アクセシブルでレスポンシブ対応のサイトをより簡単に制作するためのフレームワークを紹介します。 MIT Licensesで、個人でも商用でも無料で利用できます。 […]
[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のプロパティの基礎知識から、どのよう […]
sponsors
