基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

Text Box Lato is free web-font designed by Lukasz Dziedzic from Warsaw. Here you can feel the color, size, line height and margins between paragraphs. Don’t forget to underline your links, they are important visual marker for user. Also, to ... 続きを読む

• designmodo.github.com
• テクノロジー

すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。 Tweet 覚えておくとかなり便利すぎるスタイルシートの書き方をご紹介。 特にiframeタグやaタグなどで使える書き方です。 ドメイン別にスタイルシートを当てる方法。 例えば、YouTubeの外部プレイ... 続きを読む

• wayohoo.com
• テクノロジー

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。デザインには意味があります。物を配置するにしても、なぜそれを配置するのか？なぜその色味なのか？なぜそこに置くのか？など、実に多くの事を考えてデザ... 続きを読む

• wp.yat-net.com
• テクノロジー

ドイツのフォントメーカーであるLinotype社がMonotype社に名前が変わることを記念し、「Neue Frutiger Heavy」「Akko Rounded Thin」「Gill Sans Bold Italic」「ITC Galliard Roman」「Slate Light」「Neo Tech Black」「Neue Haas Grotesk Thin」「ITC Offici... 続きを読む

• gigazine.net
• テクノロジー

最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる！さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ！なんでついてないんだチリンチリン！必要だろチリンチリン！人ご... 続きを読む

• liginc.co.jp
• テクノロジー

仕事の手法が変わってしまった はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のや... 続きを読む

• yumeirodesign.jp
• テクノロジー

プログラマと何かを作ることになって「github」を使う事になった。でも「github」って何？そんなWebデザイナーへ向けて、「github」とは何か、どうやって使うのかを超絶分かりやすく解説してくれているサイトをまとめました。 更新日: 2012年01月22日RSS 続きを読む

• matome.naver.jp
• テクノロジー

毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。？？？ヘ(゜◇、゜)ノ そのときは何だろう、どんなのが素... 続きを読む

• parkn-park.com
• テクノロジー

【2位】A：オレンジ オレンジは、暖色系で高彩度なので、 興奮色、進出色として使うことができます。 △背景のベージュに対して、オレンジは同じ色みなのでなじんでしまいます。なので、この場合は2位にしました。 【3位】C：緑 背景の黄色に対して、緑は隣り合... 続きを読む

• design.kayac.com
• テクノロジー

以前書いた記事「配色パターンからWebデザインを考える」やTwitterでつぶやいた「要ブックマーク！うっとりしてしまう100の配色パターン」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色を... 続きを読む

• www.webcreatorbox.com
• テクノロジー

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサン... 続きを読む

• toshiiy.blog22.fc2.com
• テクノロジー

iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。（されてなかったら直接http://webcreatorbox.mobify... 続きを読む

• www.webcreatorbox.com
• テクノロジー

Apple don’t have any comprehensive pre-built GUI resources for app development, making it very hard to match the uniformed style of the iPhone or the iPad. You will need to create your own. To help streamline your iPhone app design and devel... 続きを読む

• speckyboy.com
• テクノロジー

ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。 CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。 デザイナー... 続きを読む

• www.designwalker.com
• テクノロジー

Beautiflはwonderflに投稿されたFlash(ActionScript)のギャラリーサイトです。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。Xmas Message with Twitter clockmaker category : 3D, Particle, tag : Papervision3D, Bet... 続きを読む

• beautifl.net
• テクノロジー

Quince はリッチな UX パターン (UI パターン) をナビゲーションできるパターン エクスプローラーですQuince を正しく実行するには、Silverlight 3 がインストールされている必要があります。 続きを読む

• jp.quince.infragistics...
• テクノロジー

cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集で... 続きを読む

• kachibito.net
• テクノロジー

続きを読む

• www.snappages.com
• テクノロジー

続きを読む

• www.fpmnet.com
• テクノロジー