Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。
emazekraker - Web Wireframe Kit WEBサイトのクールなワイヤーフレームを作成する際に使えるPSDファイルが公開されています。 サイト構成にあたっての必要なパーツはある程度そろっているのでドラッグ&ドロップやコピーをして並べるだけで綺麗なサイトのワイヤーフレームができ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
今週のネタ帳TOPはPhotoshopのグラデーションスタイル。 グラデーションスタイルがあれば、便利ですよね~。 センスのいいTwitterの背景の作り方や、動く404ページ作成方法もなかなか面白いネタかと。 (【ネタ帳】では、海外記事のみ扱っています。タイトルのみ日本語にして、リンクを集めただ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBサービス。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
東京オリンピックの際に英語によるコミュニケーションがしづらい当時の状況であったために日本で使われ始めたのがこの「ピクトグラム」、「図記号」「絵文字」「絵単語」とか呼ばれるものです。文字や言葉のかわりに一目でわかるように抽象化されており、特に世界中の人間の集まるオリンピックでは毎回、独特なデザインで... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
「BonBon Buttons」はCSS3/HTML5をサポートするブラウザで表示可能なボタンとなっており、色・フォント・つやつやさせるかどうか・サイズ・形・アイコンだけにするか文字を表示するかなどがコントロール可能となっています。 コードのダウンロードは以下から。 BonBon Buttons ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
つくる社のまえだ(@monoooki)です。今回はiPhoneゲームかなぶんのデザインリニューアルについてご紹介します。 担当した作業はアプリのUIデザインでしたが、基本的にいつもやっているWebデザインと同じ要領で進めることができました。コーディングやチェック環境が減った分、気楽に出来たと思いま... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 写真共有サービス。アップロード時にライティングのレイアウトも一緒にアップロードできる。おもしろい。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
BonBon Buttons - Sweet CSS3 buttons これは必見のスイーツのような可愛らしいCSS3ボタン「BonBon Buttons」。 次のような可愛らしいボタンがCSS3で実装できます。押した時のデザインも可愛いです。 ボタンをおしたらひっこみます。 なんかもっと色々でき... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
テンプレートキングは、WordPressをiPhoneなどのスマートフォンに対応させたテンプレート「WordPress iPhone対応テンプレート」の配布を開始した。価格は無料。WPtouch用ダークストライプWPtouch用パステルストラップWPtouch Pro用ダークストライプWPtouc... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
フォームのラベルと入力欄を縦一列に配置すると、横一行に比べてユーザーがより速く書きこめる三つのポイントを紹介します。Why Users Fill Out Forms Faster With Top Aligned Labels下記は各ポイントを意訳したものです。visual fixationvis... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
商用でも無料利用できる、高品質なだけでなくバリエーションも豊富な高品質なフリーフォントを紹介します。AW Conqueror free fontsAW Conquerorには下記のバリエーションが揃っています。[...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
ホームページやモバイルサイト、アプリなどのデザインを行うときに何を使いますか。個人的にはPhotoshopを利用する機会が多いのですが、Illustratorを使ってデザインしてみてはいかがでしょう。Illustratorでベクター素材を扱う場合、自由に拡大縮小することができることがポイントのひと... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
WebデザインとCSSは切っても切れない関係です。 CSS、Webデザイン初心者さんは、色んなWebサイトを見て「これってどうなってるんだろう…」と思うこともたくさんあると思います。 私は色んなWebデザインを見て、CSSでどう表現するか?と考えることはとても大事だと思っています。 CSSというと... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 アイコンまとめ記事、、、 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
HTML5/CSS3/jQueryをはじめ、サーバーやプログラミング、デザインなどウェブ制作関連のチートシートをまとめているサイトを紹介します。下記はチートシートを分類しているタグの一部です。Quickly Code [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ&ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベース... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
MenuTOP一覧グラデーションテキストのみ上線下線丸四角囲み線斜線点線角丸aboutいろんなWEBサイトの見出し部分を集めました。デザインの参考にどうぞ。そのサイトがリニューアルした場合は画像の見出しが使用されていない場合があります。linkウェブコレクション!contactmade by da... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ホームページやウェブサイト、携帯用モバイルサイトを制作するときにどのような手順でおこないますか。ひとによってさまざまであると思いますが、手書きでモックアップをスケッチ、モックアップを使ってワイヤーフレームを作成、それからデザインに着手する方もいるかと思います。海外老舗デザインブログSmashing... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
地味だけど私的に使うことが多いjQueryプラグイン、Biggerlink。 ブロックレベルの要素を丸ごとリンクに変更してくれます。 サイドバーなどでちょっとリンクをオシャレにしたい時に重宝しています。 …と説明してもピンとこないと思うので、サンプルデモを用意してみました。 テキストの部分しかリン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|