サイト構築
[CSS]ページのレイアウトで、意図せずできてしまった隙間の原因とその解決方法のまとめ
Post on:2015年4月16日
Webページを作成している時に、意図しないのにできてしまう隙間の原因とその解決方法を紹介します。 Mind The Gap: Six Causes of Unwanted Spaces In Page Layouts
[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
Post on:2015年4月15日
YouTubeやVimeoやDairyMotionをはじめ、VineやTEDなどの動画、ツイート、CodePenやJSFiddleなどのコード、PDF、Googleマップなど、さまざまなメディアをWebページに簡単に埋め […]
ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ
Post on:2015年4月14日
ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。 眺めているだけで、さまざまなインスピレーション […]
グラフィックアプリは必要無し！ワイヤーフレームをHTMLベースで簡単に作成できる -Shireframe
Post on:2015年4月14日
IllustratorやSketchなどのグラフィックアプリ無しで、ワイヤーフレームをHTMLベースで作成できるスクリプト「Shireframe」を紹介します。 HTMLは通常通りでOK！ブラウザ枠や落書き風のスタイルは […]
reset.cssとnormalize.cssに続く新しいリセット用CSS、モバイル対応・最近の実装スタイルを考慮したスタイルシート -sanitize.css
Post on:2015年4月13日
HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者：Jonathan Nealの新しいプロジェク […]
ロゴをデザインする時に役立つ！便利なオンラインサービス・無料素材のまとめ23選
Post on:2015年4月10日
個人ブログでも企業サイトでも新しいサービスを立ち上げる時に重要なのは、ロゴのデザインです。ロゴの作成は、デザインセンスがある人には簡単な作業でも、デザインが苦手な人にとっては悪夢かもしれません。 ロゴのデザインやカラーや […]
人物・動物のイラストを描く時の参考になる！骨格や筋肉の仕組み、動きや表情などのイラストの描き方のまとめ
Post on:2015年4月9日
人物・動物のイラストを描く時の参考になる骨格や筋肉の仕組み、動きや表情、手や足など各部位、赤ちゃんからお年寄りまで世代ごとの特徴の出し方、ネコや鳥や馬などの動きや品種や柄などの描き方を紹介します。
[JS]タッチデバイス対応、ミニマルなデザインながら高機能なスライダーを実装するスクリプト -Iory
Post on:2015年4月9日
スマホなどのタッチデバイス対応、ミニマルにデザインされた素敵なスライダーを実装するMIT, GPLライセンスのスクリプトを紹介します。 スクリプトは単体でもjQueryのプラグインとしてでも動作します。 Iory Ior […]
Photoshopのレイヤー名に絵文字が使えるの知ってた？
Post on:2015年4月8日
いやー、知らなかった！ Photoshopのレイヤー名に絵文字が使えるなんてｗ
2015年、これから積極的に取り入れていきたいWebデザインの流れをWebydoのUXマネージャーが解説
Post on:2015年4月8日
Static Websites are DEAD! What's NEXT? スタティックなWebサイトが終わった今、これから積極的に取り入れていきたい必要とされているWebデザインの流れをWebydoのUXマネージャー […]
sponsors
