記事データ 投稿者 望月真琴 投稿日時 2007-02-21T00:00+09:00 タグ CSS HTML XHTML お知らせ アソシエイト 企画 出版 実践 Web Standards Design 概要 拙著「実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips 」の読者プレゼントキャンペーンを行います。応募要項をよくお読みになってどしどしご応募ください。 リプライ 37 件のリプライがあります。 「応募方法」内に記述してある手段を取って、メールの件名に「ホップ本欲しい ! 」と書いて makoto[at]hxxk.jp まで送信するだけ ! 早速ですが応募要項を。 これをよくお読みになってご応募ください。 何名かメールだけ送って来られている方がいらっしゃいます ! 事前通知をよろしくお願いします。 キャンペーン内容 実践 Web
普通のエントリー久々な気がする今日この頃。 今回はトピックパスとかパンくずリストなんて呼ばれてる、ちょっと規模の大きいサイトでは日常茶飯事で見かけるアレのサンプル色々です。 サンプルの前に #main .entryBody #topicPath_01 とかってなってますけど、#main .entryBody はウチのサイトの都合で優先順位上げの為にやってるんで、コピったりする場合はいらない感じです。 #main .entryBody #topicPath_01 { margin:10px 0; } #main .entryBody #topicPath_01 li { display:inline; line-height:110%; list-style-type:none; } #main .entryBody #topicPath_01 li a { padding-right:10
Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB. Reflect-o-matic See what reflection.js looks like o
Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Everyday, we look at dozens of websites. The structure of these websites is defined in HTML, the lingua franca for publishing information on the web. Your browser's job is to render the HTML according to the specs (most of the time, at least). You can look at the code behind any website by selecting the "View source" tab somewhere in your browser's menu.HTML consists of so-called tags, like the A
以前にも取り上げた事があったけど、CSS Reboot ってのは、ウェブサイトのリデザインを期日を決めて一斉に行なうイベント。多分もう 3 回目くらいだと思うんだけど、5 月 1 日に 2006 Spring が行なわれたばっか。CSS Reboot のサイトでは、リデザインしたウェブサイトが紹介されてて、誰でも気に入ったサイトに投票できるようになっている。ちなみに、CSS Reboot のその場でクリックするだけで評価できる vote 機能は、シンプルで良いな。送信した後に、Total score も表示されるし。 んで、Christian Montoya が今回の Reboot でのデザインのトレンドについて書いていたんだけど、大雑把に書き出してみると下記のような感じ。 1024px の幅 Silk Icons の使用 暗い背景に明るい色のテキスト 大きめのフッタ 1024px の幅
このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!
■ tDiary: この期に及んでspamフィルタを導入していない人は どういう人なのかな。 ツッコミ通知メールを使っていない(ので気づいてない) 自分の日記はRSSリーダに登録してない(ので気づいてない) 単なる面倒くさがり屋さん 未対策の日記は(RSS経由では)読むに耐えないので、どんどん購読先から消えてもらっているのだが。もったいない。せめてここのフィルタくらいは入れてくれないだろうか。簡単だからさ。 追記 書き漏らした「理由」: spamをまだ受けていない(でも予防措置はしておいた方がいいよね) そもそも日記を放置しっぱなしで更新していない(ので気づいてない) ■ CSS: 「折り返す」pre 人が作ったtDiaryのテーマをつらつらと見ていたら、見慣れぬ属性が書いてあった。こんなの。 white-space: -moz-pre-wrap; /* Mozilla */ white-
mixiに書こうと思ったけど長かったのでこっちに載せる。いわゆるindexページとindividualページの差異と同一性についての考察。というかメモ。 Amazonはトップページも壱ジャンル扱い なにげにAmazon.co.jpをブラウズしてて「チェックした商品の履歴」の「最近チェックしたジャンル」に目が止まる。 最近チェックしたジャンル ・Amazon.co.jp ホームなるほど。そういう思想なのか。 CMSとかを作っているときindexページを特別扱いすべきか否かいつも迷うんですよね。トップページを"ホーム"という"壱分類ページ"にするってのは良い割り切りかたなんだろうな。気持ち悪く思う人は居そうだけど :-) # そういやWikiのFrontPageも単なる一つのWikiNameなんだよな IndexページとIndividualページの違いはホントにあるのか? 今時のWebサイトだ
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
エレメントをマウスでドラッグして移動できます。 Internet Explorer 6.0、 Firefox 1.0、 Opera 8.0 で動作確認をしています。 ダウンロード JKL.Floating は、下記アーカイブ中の jkl-floating.js 単独で動作します。 JKL シリーズのその他の .js ファイルの併用は必須ではありません。 jkl-floating-0.03.tar.gz TAR-GZ jkl-floating-0.03.lzh LZH .tar.gz 版と .lzh 版の内容は同じです。(アーカイブ形式のみ違う) サンプル1 シンプルにエレメント全体を掴んで移動できるサンプルです。 簡単なメッセージ表示などに利用できます。 ドラッグ移動中は半透明(透過率50%)となります。 var float1 = new JKL.Floating("area1"); fl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く