何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね? はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言います。だって基本、マウスポインタってブラウザ画面の右の方をうろちょろしてません? スクロールバーが必ず右に出るから、「このやろう出やがったなスクロールバーめ!」って感じで右らへんに位置しとるでしょ。そしたらナビゲーションも右にあったほうがいいんじゃないかなって。まあどうでもいいですかこんなこと。(あとブラウザをわざと横幅狭くして横スクロールバーが出てるときに、左サイドバーはしっかり表示されてるのに本文は横スクロールしないと見られないって状況もありますね確
Web Designing様の主催、株式会社アドミラルシステム様の後援と協賛のもと、「Web Designing Live Seminar / Web標準」が去る5月26日に竹橋・毎日ホールで開催されました。 イベントの前半では、当Blogの運営にも携わっております弊社WEB開発チームの木達が、「Web標準時代に求められるサイト構築法」をテーマに講演させていただきました。後半では木達を含む弊社スタッフ4名が出演させていただき、会場の皆さまとQ&Aやディスカッションを行いました。 ご出席いただいた皆さまには、この場をお借りし、改めて厚く御礼申し上げます。ありがとうございました。 当日会場でお配りした資料のPDFファイルをダウンロードできるようにしました。今回の講演の資料は、以前Web Designings誌2006年3月号の「特集1:Web標準への移行のススメ」で「Web標準に準拠したサイト
授業内で、既存サイトをXHTML+CSSで組み直す練習をするのですが、生徒が提出したのが「mixi」を書き直したもので、とてもよく出来てました。 mixiはテーブルレイアウトで組まれていて、基本は3カラムだけど、もとがテーブルなだけあって、ヘッダーのメニューが少し複雑だったり、セクションごとのビジュアル的なデザインや、細かい文字の余白のとり方が難しい。 現在のCSSは「どんな見栄えも出来てしまう」とは言えない。本当は言いたいのだけど、実際にはブラウザーのバグを回避するためにバッドノウハウを駆使したり、CSSの限界から、見栄えとは切り離すべきXHTML部分を調整しなくては再現できない見栄えがある。 けど、生徒の提出したものは、見栄えのためだけのdivも無ければ、ヴァリデーターだけを100点で通過するような機械騙しのXHTMLでもない。(一部、リストとしてマークアップできるところはある) もち
次期Windows OS「Vista」に標準搭載される「Internet Explorer 7(IE7)」(日本語版)のベータ2が連休明けの9日公開された、という表向きの話はデジタルARENAのニュース「マイクロソフトがInternet Explorer 7 ベータ2を公開」を読んでいただくこととして、こちらはWeb業界には気になる、Web表示の互換性の問題に踏み込んでみよう。 まず、単純な話、IE7って使いものになるのか。なる。最初はメニューが見えないので戸惑うけど、Altキーを押せば出てくる。RSSリーダーの機能だってFirefoxとどっこいどっこい程度には付いている(笑)。マクロソフトの看板アプリケーションに抜かりがあるはずはない。 ところが、IE7で表示したとき、レイアウトが崩れてしまうサイトがいくつかあった。例えば、このコラムを書いている12日現在、「はてなダイアリー日記」はIE
『成城トランスカレッジ』のchikiさん(id:seijotcp)に紹介していただいたボタン(上に並んでるもの)はベースをここで作りました。 ○ちまちまボタンメーカー(クローン) :: UnderDone (http://underdone.net/btmaker/) たしか「みかちゃんフォント」を使ったと思いますが、字数が多くてうまくおさまらなくてあとでグラフィックソフトで調整してます。たぶん右左でフォントが違います。 というわけで、今回はちまちまボタンの作り方&ボタンメーカーの簡単な説明を。 「ボタンていったいなんじゃあぁあぁ!」 というひとに説明しますと、このサイトの、バナーの下に並んでる四角いアイコンみたいなのがボタンです。 (←自由に配布してかまいません*1。) 画像ファイルでできてます。いろんな日記&ブログで見かけたことがあると思いますが、「ボタンメーカー」を使うと、Webサイ
CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www.dynamicdrive.com/style/ RSSもあるので新しいコードが追加されればすぐにわかります http://www.dynamicdrive.com/style/csslibrary/rss/ コードの種類としては以下のような感じでカテゴリ分けされています。 横型のメニュー http://www.dynamicdrive.com/style/csslibrary/category/C1/ 縦型のメニュー h
A Single Article Read it, comment, and share it with your friends I have noticed quite a few trends across various sites in the May 2006 CSS Reboot that are worth mentioning. Here’s the trends I found. 1024 px There were a few 1024 px width sites in the Fall 2005 Reboot, but this time there’s enough of them to say that 1024 px sites are definitely in. I think the move was a simple matter of analyz
Naper Design offers Web DesignSEO & SMOMarketing Services to Naperville, Chicago, and Worldwide Clients Naper Design is a full service graphic, web design, SEO and internet marketing firm with locations in Naperville, Chicago and Glen Ellyn. We specialize in custom WordPress and Prestashop design. Our Naperville Web Design office started as an alternative to the big design firms; those that charge
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く