『 現在サイト製作中。サイトを取得したはいいものの構想が全く出てこない。構想作ってからサイト取得しろとね 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー(といいつつ最近コーディングしていない・・・)。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
Ruby on Railsなどにも含まれている、話題のJavascript...
『 絵で意味合いを主張するのはいいかもね:FFで動かないのが痛いところ 』
『 cross-browserandcross-platform:InternetExplorer(IE)6and7,Firefox1and2,AppleSafariMacandPC,andmanymanymore 』
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』
『 URLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」を一括してチェック/「検索キーワード」チェックに関しては、title要素、h要素、a要素、ドメイン名などに含まれる単語を抽出し、スコアリング 』
『 外見をパラメータやCSSで変更できるツールチップ・ライブラリ。title属性の値を表示。要script.aculo.us。MITライセンス。(→プロジェクト:http://code.google.com/p/tooltips/) 』
『 OpenSourceWebDesignisacommunityofdesignersandsiteownerssharingfreewebdesigntemplatesaswellaswebdesigninformation. 』
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=...
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説 webtools/341/スクリーンショットいろいろ 』
記事本文(いわゆるpermanent link / permalink)に関して、「サイドバー」は100%要らない。要ると思っているのは100%勘違いである。エゴで固執するなら「さいどばー」に相当するリソースへのハイパーリンクを提供すればいい。Web2.0なんだろ? だったらそのリンク先を得意のAjaxとやらで上手に扱えばいいじゃないの。もっともその程度にAjaxなんて全然必要ないけれども、かっこよさげだ...
『 3.5backgroundflowerimageisbeautiful. 』
『 nitoyon:フォトログサービス。プロ・セミプロの会員制からスタートして、いまは誰でも登録できるようになってる。Flashのインターフェースが小気味よい。LocationHashでPermalinkにも対応。これいいやん。 』
ようこそ 色のみじん切りへ。いろんな色見本を用意しています。 サイトの配色の参考にしてもらえればさいわい、ただ眺めて楽しむもよし、色の勉強のお供にするもよしです。 お好きなようにお使いあれ。 ※各ページでJavaScriptを使用しています。 216色色見本 セーフカラー216色の、ざっくり粗い色見本。シンプルなのでいいよ って方はこちらを。 カラーチップの色見...
いま私はプロの編集者として勤務しています。その目から見れば、本書の記述はあまりに固く、冒頭が長すぎ、リファレンスとして使いにくく…と欠点だらけです。 ところが本書は、専門家を含む一部のかたに一定以上の評価をいただいています。大変ありがたいことです。「美人は3日で飽きる、ブスは3日で慣れる」なんて言葉もあるとおり、ヒトはある程度イビツなものにこ...
[1] 最近、サイト全体をブログで構築するケースが増えている。時事性が強く求められている現在のネット状況では、ブログというサイト構成が向いている。 しかしありがちなデザインでは誰も見向きもしてくれない。そこでクールなデザインを簡単に導入しよう。 今回紹介するオープンソース・プロジェクトはfree CSS Templates、2.0的なデザインを提供しているテンプレートサイト...
『 IE5.0+,FireFox1.5,Opera8.5,andSafari2に対応。 』
クライアントさんに、配色の説明をする際に、使用した色の名前を合わせて伝えてあげるとクライアントさんもイメージしやすいかも知れません。。 また、配色やデザインのアイデアに煮詰まった時にも、色の名前からインスピレーションを得ることができるかも。。 Name That Color POP*POPさんでも、ご紹介されていました。。カラーホイールまたは、HEXコードを指定すると、色の名...