サイト構築 -制作
Bootstrap 4に備えよう！グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels
Post on:2015年8月28日
先週リリースされた「Bootstrap 4 alpha」で採用されている12カラムのグリッドと基本エレメントを忠実に再現したPhotoshopのPSD素材を紹介します。 Bootstrap 4のはまだ見たことないので、世
ブックマークしておくと便利！Web制作に役立つツールや勉強になるサービスのまとめ
Post on:2015年8月27日
UIデザインの新鮮なアイデア、CSSのスゴ技、制作に役立つ便利ツール、あのスタートアップ企業がどのように成長したのか、自分の給料は他と比べてどうなのかなど、Web制作や勉強に役立つものやアイデアがもらえるお役立ちサイトを
これからのWeb制作に役立つ、69個の有益で大切なポイントのまとめ -69 Website Design Tips
Post on:2015年8月26日
Web制作のデザイン、ユーザエクスペリエンス、コンテンツ、制作・開発、そしてこれから必要もの、避けておきたいものをまとめた「69 Website Design Tips」を紹介します。 Web Design Guide
Bootstrap 4 alphaの主な特徴、IE8のサポート終了、Sassに移行、CSSの単位はremとem採用
Post on:2015年8月20日
2015年8月19日（Bootstrap誕生4周年）にリリースされた、Bootstrap 4 alphaの主な特徴を紹介します。 IE8のサポート終了、Sassに移行、CSSの単位はremとem採用など、かなり変更されて
情報を見せるのに適したスライド、データを見せるのに効果的なグラフ、どれを使えばいいのかが分かる -Slide Chooser
Post on:2015年8月20日
その情報を見せるのに適したスライドは？ そのデータを見せるのに効果的なグラフは？、どんなスライドを使い、どんなグラフを使えば、主要ポイントを確実に伝えられるのかがフローチャートで分かる「Slide Chooser」「Ch
53種類のプログラミング用フォントを総比較、あなたにぴったりのフォントが必ず見つかる！ -Programming font comparison
Post on:2015年8月19日
アスタリスク(*)は5本、いや6本がいい、数字の0は斜め線・中黒、数字の1は下の線がいる・いらないなど、さまざまなプログラミング用フォントを比較できるオンラインサービスを紹介します。 Programming font c
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
Post on:2015年8月12日
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトの
Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ
Post on:2015年7月31日
上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける
High Performance HTML -さまざまなデバイスに配慮されたクリーンで簡潔なHTMLの書き方
Post on:2015年7月28日
多くのWeb制作者はパフォーマンスというと、JavaScriptや画像の最適化、サーバーの設定、CSSなどのファイルの圧縮や結合を検討します。そして、Webページのコアとなる言語にも関わらず、HTMLは無視されがちです。
CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ
Post on:2015年7月24日
大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分が見ても分かる、メンテナンス性に優れ、一貫性のあるCSSを書くのに役立つガイドラインやスタイルガイドを紹介し
sponsors
