サイト構築 -制作

2014年Webデザイナーはコードをどこまで学ぶべきか、Webデザインが今までどのように進化してきたかのまとめ

Post on:2014年12月8日

Webデザイナーはコードを学ぶべき? コーダーはデザインを学ぶべき? 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐこ

...記事の続きを読む

ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ

Post on:2014年12月4日

図形の認識、カラーの見極め、文字の美しい字詰めなど、Webデザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックサイトを紹介します。 ちょっとした暇つぶしにチェックするだけでなく、定期的に

...記事の続きを読む

無料でしかも高品質!1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ

Post on:2014年12月1日

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。 単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね

...記事の続きを読む

px指定の次はコレ!フォントサイズやブレイクポイントに「rem」を使ったレスポンシブ対応のフレームワーク -Schema UI Framework

Post on:2014年11月27日

Webページでよく使用するさまざまなコンポーネントが簡単に利用できるフロントエンド用のフレームワークを紹介します。 最近は、フォントサイズやMedia Queriesのブレイクポイントなどの単位に「rem」を使用している

...記事の続きを読む

しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則

Post on:2014年11月18日

レスポンシブWebデザインは、デスクトップやスマホやタブレットなどさまざまなサイズのスクリーンの問題に対する素晴らしい解決方法です。 レスポンシブWebデザインをより深く理解するための基本原則を紹介します。 9 basi

...記事の続きを読む

iOS, Androidのさまざまなスマホ・タブレットのサイズやCSSでの値が一覧できるサイト -mydevice.io

Post on:2014年11月17日

さまざまなスマホやタブレットのサイズや解像度、それらのCSSでの値などが一覧できるサイトを紹介します。 mydevice.io

商用も無料!Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ

Post on:2014年11月5日

Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。 Bootstrapは先週3.3.0がリリースされ、

...記事の続きを読む

ぷるるんと動くアニメーションが気持ちいい!新感覚のナビゲーション -Gooey pagination

Post on:2014年10月30日

コンテンツスライダーや縦長ページのナビゲーションでよく見かけるビュレットタイプのナビゲーションをかわいいアニメーションで実装するテクニックを紹介します。

これは使える!レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree

Post on:2014年10月27日

ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。 デスクトップ・スマホ両対応で、プレビュー

...記事の続きを読む

Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit

Post on:2014年10月27日

BootstrapのさまざまなエレメントがかわいくフラットにデザインされたUI素材を紹介します。 Drunken Parrot UI Kit Lite (free) Druken Parrot UI Kit -GitHu

...記事の続きを読む

top of page

©2024 coliss