openwebdesignwordpress オープン Web デザインを始めます 去年の暮れから今年の始めにかけて Web デザインへの思いを書いてきました。その思いは「Web という媒体を理解した上でのデザイン」「Web デザインへの理解を深める」の２つの記事に集約されているかもしれません。これからも Web デザインへの興味は薄れることもないでしょうし、これからも続きになるような内容を書いていこうと思いますが、ここでひとつ問題があります。 掲載しているサイトのデザインがコンテンツに耐えられなくなって来ているという問題です。 コンテンツを反映しているサイトへ 長い間、このサイトを読んで下さっている方はご存じだと思いますが、以前のデザインは 3年半前に作ったものです。当時はそれで良かったかもしれませんし、そのときにはあまり見かけなかった情報の配置や見せ方をしていたと思います。しかし、今と

テーブルレイアウトは禁止で、表はtableタグで作るのはよしとしても、今のHTMLってdiv使いまくるのが美しくない。見た目の制御はCSSにまかせるはずが、HTML側で論理ブロックをいくつも定義しなくては綺麗なデザインになりにくくなったのは皮肉だ。

顔に見える？最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…

ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん

Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01 CSS Mania CSS デザインといえば、まずここ 02 Most Inspired クールな CSS デザインを一括チェックできます。 03 CSS Impress ブログデザインの参考に 04 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards タグで分類されていて目的にあわせて選びやすい 05 CSSclip |

Free Fading Corner Images - Bittbox ブログやWebのデザインでは角丸コーナーの人気が高いですね。 こちらのサイトでは、徐々に消える感じの角丸コーナーのイメージファイルとPhotoshop用ファイルを提供してくれてます。 それぞれコーナーの半径やドロップシャドウの有無などの違いによって9種類を用意。太っ腹ですね。 早速このブログでも各エントリごとに導入してみました。 使用したのは6番の角丸コーナー。 あまり主張しすぎない点、ブログに立体感を持たせてくれる点なんかが気に入っています。

はてな提供の新テーマを8つ追加しました。簡単デザインからも設定頂けます。どうぞご利用ください。 Hatena_fabric-blueのサンプル Hatena_fabric-greenのサンプル Hatena_fabric-redのサンプル Hatena_flower2-blueのサンプル Hatena_flower2-greenのサンプル Hatena_flower2-redのサンプル Hatena_fossilのサンプル Hatena_mondrianのサンプル

CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日本のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな～と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink

ブログのテーマやテンプレートを最初から用意されているもの以外のデザインにしようと思うと、様々な知識が必要になり、結局あきらめてしまう人が多いはず。 しかしこの「Canvas for Wordpress」を使えば、自分の好きな機能の部品をドラッグ＆ドロップで配置するだけでお好みデザインのオリジナリティあふれるブログが完成。デザインについてのCSSやPHPの知識は不要。 ダウンロードは以下から。もちろん無料。 Welcome to Canvas http://www.freshpursuits.com/canvas/download ドラッグ＆ドロップで配置した後、それぞれのプラグインの設定もクリックすることで可能になる それぞれのブロックやプラグインについて複製したり削除したりするのも簡単 また、CSSの知識をあまり必要とせずにカラーやフォントを決めることもできます これが完成図 ベースとな

RSSモジュールで表示した写真を横スクロールで展覧会っぽく演出してみました。最近、ダイアリーのヘッダーを触っていて、何かヘッダーを使っていつもと違った見せ方が色々できそうだな〜と思いやってみました。普段ダイアリーのデザインをする時はテーマにする事が念頭にある為、「モジュール＝サイドバーに並べる」と考えてしまってますがその辺を考えず試してみました。 一見複雑そうですが、ヘッダーにモジュールを挿入しdivタグで囲んだだけで、後はCSSです。 <div id="art"> <hatena name="rss" url="http://f.hatena.ne.jp/domu/rss" template="hatena-photo" moduletitle="Okinawa Photo"> </div> <div class="main">CSSは、やっつけで、引き続きいじる予定なので日記には書きま

利用可能タグ以外を使用した場合のメッセージ表示について はてなダイアリー利用可能タグに含まれないタグ（script, iframe, embed など）をヘッダ、フッタなどで使用した場合に、はてなダイアリーと同様に <ここでscriptは使用出来ません> とメッセージが表示されるように変更しました。ヘルプアイコンはダイアリーのヘルプへとリンクしています。なお、このメッセージはログインしている本人以外にも表示されますのでご了承ください。 キーワードインポートの不具合について グループのキーワードのインポートにおいて、文字コードの指定に不適切な箇所があり文字化けしてインポートされる不具合がございましたので修正致しました。ご迷惑をおかけし申し訳ございませんでした。 コメントおよびidea:7569などでご指摘いただきありがとうございました。 ツイートする 掲示板の設置の有無を管理者が設定できるよ

12月5日追記:元のデザインに戻しました。 アライドアーキテクツ、デジタルハリウッド、ドリコムの3社は、個人や法人のブログ向けにWebデザイナーの紹介やブログのデザイン販売を行なうサービス「aamail.jp」を11月1日より開設する。 aamail.jpは、ブログのデザインを担当するデザイナーをWebサイトにて紹介し、ユーザーはWebサイト上からデザイナーに直接注文できるサービス。アライドアーキテクツが同サービスの運営やシステム強化、マーケティングを担当するほか、デジタルハリウッドがデザイナーの育成を行ないaamail.jpへの出展を促す。また、ドリコムが提供するWebサイトの制作・更新管理システム「ドリコムCMS」と提携し、法人のブログ向けのデザイン販売も行なう。 どんなもんかとこのサイト(http://www.aamall.jp/)を見てみた。 何か誤字・脱字が多いな。 で、栗先生の