Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
『 twitterでソーシャル翻訳サービス。conyacフットワーク軽いなー。 』 by mainyaa
第1回「Twitterの効果的な背景画像：事例と現行のプラクティス」 2009年10月20日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：Effective Twitter Backgrounds: Examples a...
MVC 設計について考えていたときに、ちょうどその辺りの話をされている方々が居たので、今の考えをまとめてみました。 目次 前提 肥大化するコントローラを避ける ビジネスロジックをどこに書けば良いのか コントローラとモデルの間にもう一つの層があるとうまくいく？ まとめ 前提対象は Web アプリケー...
『 これすごいな。無料で商用利用可って。 』 by GSOHB7
携帯サイトを構築するとき、キャリア毎の分岐などがHTMLだと非常に面倒くさいので僕の場合はPHPで構築します（というかPCサイトでもPHPで構築してますが、それはまた、別の、話）。 各キャリアで使用できるタグや、セレクタにも差があり、特にDocomoなんかは拡張子をxhtmlにするとCSSが上手く...
CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。元CS...
サイト内検索HTML5 をはじめようHTML5 の雛形HTML5 のリセット・スタイルシートHTML5 を IE や Firefox 2 でも使えるようにする方法html5 を使ったブログのデザイン廃止された要素とバリデーションHTML5 のセマンティクスheader 要素footer 要素asi...
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外の...
問題はどこに？ ベンチャー社長が考える偽装請負本音が語れるエンジニア参加型メディア「＠IT自分戦略研究所 エンジニアライフ」... ウノウラボを作った男の「揺るぎないゆるさ」ウノウ 山田進太郎氏。しばられたくないリーダーは、社員もしばらない。自由な環境の中で、皆が良いものを作ればいい 個人用コンピ...
これもいつか使うかもしれないのでメモ的にエントリー。フォームの入力欄の中にラベルを表示させるjQueryのプラグインですよ。使いどころは難しそうですが、説明文とかいれておくとユーザビリティが向上するかもですよ。↑ こういうやつね。マークアップも簡単ですね。普通にHTMLとCSSを設定しつつ、jQu...
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。HTML 5 Reset StylesheetスタイルシートはEric Meyers CSS resetに基づき、HTML 5用にしたものとのことです。/*html5doctor.com Res...
「パパパコメント」は、みんながパソコンや携帯電話から投稿したメッセージを、リアルタイムにプレゼンターのPC画面上に流せるサービスです。「パパパコメント」は、みんながパソコンや携帯電話から投稿したメッセージを、リアルタイムにプレゼンターの PC 画面上に流せるサービスです。プレゼンターは最初に「パパ...
東京ガールズコレクションとBasculeがプロデュースする史上最大級のオンラインパレード、それがTOKYO GIRLS PARADE！世界をリードするのは、前向きに行動を起こすパワフルな女のコたち。女のコパワーでWEBの世界も元気にしちゃおう！
『 Helvetica、ピクトグラム/いいと思うけど$279って結構強気な値付けだな。フォーマット複数用意してるみたいだけどせいぜいフォント化したものとpngでいいんじゃ…。 』 by akz
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。Clever JPEG Optimization Techniques1. 「8ピクセル」のグリッド2. カラーの最適化3. JPEG最適化の一般的なTips1. 「8ピクセル」のグリッドJP...
12:38 | 最近「SugarSync」というオンラインストレージを見つけたのですが、これが本当にスゴいです。（SugarSync自体はかなり前からあったらしいのですが、最近大幅に改良され2GBの無料版も追加されたようです） これまではDropboxを使っていたのですが、同期したいファイルは必ず...
スタイルシートに変数を用いたり、新たなプロパティを設定し、スタイルシートの記述ルールを拡張できる「LESS」を紹介します。また、新たなプロパティの設定、ネストの簡略化などもできます。新たなプロパティの設定.rounded_corners {-moz-border-radius: 8px;-webk...
国内外のサイトを紹介するギャラリーWEBサイト。デイリーウェブデザインとはWEBデザインや、WEB開発のためにWebサイトリンク集です。数あるWebデザインに特化したWEBサイトから目的にあわせたWebサイトを見つけよう！他にもいけてるロゴやウェブ開発に必要な便利ツールやレンタルサーバなどもまとめ...
本誌はこの前の4月のアップデート以来ずっと、CrunchPadの開発を黙々と続けてきた。そしてついに、最終的なデザインが固まったようだ。今日（米国時間6/3）のこの記事ではそのコンセプトを説明しよう。あと数週間もすれば、最初の実動プロトタイプを本誌のオフィスで使っているだろう。今回のプロトタイプは...
はじめに このアドビデベロッパーセンターを見ている方は、PCでのFlash開発は慣れていると思いますが、「携帯Flashは制限が多くて作りにくい」というイメージを持っているのではないでしょうか？ 本連載では、そうした方々に向けて、日本での携帯Flashコンテンツ開発について解説していきます。第1回...
