HTML2CSS：HTMLを解析して空のCSSを生成するブクマ | oitake blog一定期間更新がないため広告を表示しています
スパムサイト作成講座29 - スパムサイトは画面幅 760px で設計すべし : 管理人@Yoski
スパムサイトのお客さんといえば「被検索ユーザー」だ。 そして、広告やアフィリンクなどを抵抗無くクリックしてくれるのは「ネット初級ユーザー」だ。 特に YST からのリーチが高いスパムサイトでは、良質なユーザーを集めている可能性が高くスパムサイトとしての価値は高いといえるだろう。 そんなユーザーに対してサイトの設計上、基本となるのが「画面サイズをどう設計するか」だ。 もう何度も繰り返し話しが出ているもので改めて取り上げるのもどうかと思ったが、一応データを提示して再度確認しておこう。 BROWSIZE を使ってスパムサイト来訪者の画面サイズを測定したデータが以下のものだ。 各画面サイズの範囲で使っているユーザーの割合を示している。 まずは昨年 8 月時点のもの。（あとで読むしておいたものを掘り出した） 次に、今週集計したもの。 上記で注目すべきは 800px 以下のユーザーがいまだ 2 割程度
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
Geekなぺーじ：フリーランスWebデザイナが注意すべきこと
「Some tips for Freelance Web Designers」 という記事がありました。 フリーランスWebデザイナ向けに書かれていますが、内容としてはWebデザイナだけではなく、プログラマやその他職種にもあてはまると思いました。 面白かったので要約してみました。 詳細は原文をご覧下さい。 1. 時給で働くべからず 時給にしてしまうと技能が上がれば上がるほど損になっていきます。 そのうち、5時間働いたところを8時間働いたとごまかして申告するようになってしまいます。 これをやってしまうと、雇い側からは効率が悪く技能の無いフリーランスのように見えてしまいます。 また、10分で終わるメンテナンスなども細かく計算しなくてはならず、非効率です。 2. クライアントを知ること 自分が8万円で作ったサイトを使って、クライアントが月に50万円を稼いだら非常にもったいないことをした思いになっ
XHTML CSSの書籍を執筆しました - 3ping.org
(Amazonから買えるようになったもようです) 九天社より出版される「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips」の執筆をさせていただき、まもなく発売となるので宣伝させてください。 本書籍はhxxk.jpの真琴さん、lucky bag blogのe-luckさんとの共著で、それぞれが連携しながら得意なパートを担当して書き上げました。大まかな構成は次のようになっています。(詳細なアウトラインは記事下部にあります) XHTML, CSSの基礎知識と管理方法 レイアウト編 Tips&Tecnique ずっと作りたかった構成ができた! CSSはまず『(X)HTMLありき』であり、(X)HTMLの正しい知識を覚えた上で学ぶものです。そこで、まずレイアウトや実線編となるまえに、Web Standardsの考え方や(X)HTMLの基本、プレ
プログラマがWEB2.0風のサイトを速攻で作るのに役立つサイト | pythonでつくるskyfish開発ブログ
2007年02月09日｜category : こぼれ話 簡単にWEB2.0風のサイトを作れるサービス等をまとめてみました。 これらを組み合わせれば、デザインが全く出来ない人でも、 速攻でWEB2.0風のサイトを作ることが出来ます。 【ロゴ】 Flickr ロゴメーカー http://flickr.nosv.org/ja/ ハロウィンロゴジェネレーター http://labs.bambino.jp/halloween/ Web2.0風 映りこみ（反射）画像API http://kagami.bambino.jp/ 【ボタン】 Buttonator http://www.buttonator.com/ 【背景画像】 Background Image Maker http://lab.rails2u.com/bgmaker/ 【スピナー(ページ読み込み時にくるくる回って
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
１ページに情報が集約されたCSSチートシート「CSS Cheat Sheet」:phpspot開発日誌
CSS Cheat Sheet １ページに情報が集約されたCSSチートシート「CSS Cheat Sheet」 CSSの基本プロパティから擬似クラス、メディアタイプ、カーソルやポジションの指定値など、ちょっと忘れやすい値なんかも網羅していてCSSな人にはとても便利ですね。 いちいちあれはなんだっけ？と思いつつ検索エンジンに頼っていた方もこのサイトによってCSS開発が効率的になること間違いなしですね。 関連エントリ Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ Yahoo! UI Library のチートシート テンプレートデザイナーのためのSmartyチートシート PHP用 正規表現のチートシート PHP便利メモ - PHP Cheat Sheet
CSS デザインまとめサイト 44サイト | WWW WATCH
Modern, well-designed web pages deserve special focus in internet. They receive that thanks to so-called CSS galleries, into them are such pages arranging. On this page you can find a list of quite 44 CSS galeries of whom webdesigners from all the world gathers inspiration. 個人的には下記のサイトなんかよく利用させてもらってます。 CSS Beauty CSS Bloom CSS Blast CSS Drive CSS Mania CSS Remix CSS Vault Darkeye Design Shack Unma
視線の流れをブロックしていませんか？ (ユーザビリティ実践メモ)
ユーザにクリックしてもらいたいリンクがなかなかクリックされない。そんな悩みを抱えているWebマスターの方も多いのではないでしょうか。 今回は、視線の流れに配慮したコンテンツ配置の一例をご紹介します。 上は、ある企業サイトのサービスを紹介するページです。次のような構成です。 上部は、サービスの概要 その下に、サービスに関する注意書きの説明（認可を取っているか、など） さらに下に、詳細ページへの振分けのリンク このページでは、ユーザにさらに関心を持ってもらえるよう、詳細ページへと誘導したかったのですが、ユーザはそもそも下までスクロールしてくれませんでした。 注意書きの説明を枠付きで横幅いっぱいに配置したために、多くのユーザは、もうここから下は関係無いだろう、と思ったのです。 何気なく置いたコンテンツが、ユーザの視線の流れをブロックし、目的の情報までたどり着くことを阻害してしまっていたので
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
DHTML Site - Free 16x16 Icons
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials. Articles 10 Useful Web Tools and Links - From The Knowledge Academy. CSS + Javascript Calendars - 10 Free Css and Javascript Calendars. Image Galleries - List of Image Galleries and Slideshows. CSS Graph Resources - Free CSS Graph generators and resources. Icons - A list of free 16x16 pixel icons
高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE
通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpageで編集しやすいようにできています。 ウェブサイト用テンプレートあれこれ http://www.templatesbox.com/templates.htm ロゴデザインのテンプレートはPSDファイルとフォントファイルが同梱されています。親切。 ロゴデザインのテンプレート http://www.templatesbox.com/free-logo-templates/index.htm ウェブサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sidebar mootools
CSS Layouts: Grid and CSS Layouts
http://www.beaconcom.co.jp/recruit2008/index.html
http://blog.livedoor.jp/kensuu/archives/50295487.html
Amazon.co.jp： ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます-