CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌
A List Apart: Articles: Super-Easy Blendy Backgrounds CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。 次のような透過PNGがあったとして、更にこの下に色を付けると・・・。 大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。 そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example five (FireFoxのみ) Example six (IEも動きます) Example seven (IEも動きます) アイデア次第でこういった技もできてしまいますね。 通常なら画像をPhotoShopなんかで
『ちよろず。』 - Bookmarkletを集約できるAjaxアプリ"blummy"かんたん利用法
一昨日の記事SEOmoz’s Web 2.0 AwardsのBookmark部門で1位を取ったblummyについて取り上げます。日本ではそれほどメジャーになりきらない感もあるのですが、改めて使ってみるとスゴイAjaxアプリなので、是非いままで使ったことが無い人にも使ってもらえるように、簡単なマニュアルを書いてみたいと思います。「blummy」自体がどんな機能かと言えば、Bookmarkletを集約できるドロップダウンメニューのようなものです。大きく既存の物と違う点は、Ajaxで実装されているのでブラウザや環境依存が無く、カスタマイズの柔軟性が高い事です。また、データはサーバ側に保持されているので場所を問わず使えます。基本機能(1) まずは、http://blummy.com/にアクセスします。(2) "Login"の"Register"からユーザアカウントを取得しましょう。(3) ログイン
Webをクリッピングしてまとめて公開する「Clipmarks」 - 『ちよろず。』
今日は飲んで帰ってきたのですがびっくりしました。昨日のエントリ「僕はこんなサイトで情報収集している」を沢山の方に見ていただいたみたいで、感謝感謝です。少しはお役に立てましたでしょうか？さて、そんな驚きの中で感じたのが「まとめ」の威力。正直言ってしまえば、昨日のエントリは普段自分が見ているサイトのURLを貼り付けただけなので、普段のエントリの半分以下の時間で仕上げたのですが、それでも沢山の方に見ていただけた理由の一つは「情報がまとまっていたから」だと思っています。ユーザ自身がWeb上に整理しきれないくらいの情報を吐き出している昨今、こういう「まとめ」の重要性、すなわちフィルタリングされた情報の価値というのは、どんどん増していくのだろうなぁと思ったわけです。そんなわけで今日は、クリッピングしてまとめて情報を公開するWebアプリ「Clipmarks」のご紹介。Clipmarksでクリッピングして
レイアウト5つの法則「C.R.A.P.S」 | *LOVE IS DESIGN*
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc How C.R.A.P is Your Site Design?(Vitamin Features)というデザインについてまとめた海外の記事を、日本語で解説されている記事をみつけました。 C.R.A.P : ウェブデザインを検討する上での４つの観点（PamGau） 「C.R.A.P」の各々は、「対照(Contrast)」・「反復(Repetition)」・「位置あわせ(Alignment)」・「近接配置(Proximity)」を指します。 これらの４つのポイントをわかりやすく解説されていましたが、レイアウトの目的は「情報の視覚化」だと考えます。 以前のブログで書いたもの
カラー関連の情報を CSS 内に記述 - lucky bag
CSS ファイル内に Color Glossary を記述しておくってのは、複数人で CSS を管理する際はもちろん、自分にとっても明快なんで、とても良いアイデアだと思う。 Garrett Dimon / CSS Maintenance Tip: Use a Color Glossary Glossary をもとに CSS ファイル内を検索・置換で色の変更なんかも簡単にできるし、メンテナンス性が高まるのは言うまでもない。こういった記述は、自分（またはグループ）が分かりやすいように関連づけて明記しておくのが良いと思う。例えば、ヘッダの色とか、見出しの色とかのパーツ単位でも構わないんじゃないかと。 んでもって、ウチの場合はちょっと拡張して、CSS 内に下記のようにカラーネーム、Hex 値と RGB 値の記述をしている。 /*================ColorScheme========
SEO検索エンジン最適化チュートリアル
SEOコンサルタント。SEOには1999年から従事しており、一貫して「中小企業が自社で取り組むSEO」を提唱、2002年には国内初となるSEO解説書を執筆したほか、多数の執筆や講演を通じてSEOの普及と教育に努め、SEOの国内の第一人者として知られている。ボーディー有限会社の代表取締役であり、中小企業を対象に定額制で格安のSEOコンサルティングを提供している。2007年、第19回堺自由都市文学賞受賞。 連絡先とプロフィールX: @motoharusumi（フォローお願いします）Facebook: motoharu.sumiAmazon著者ページ: 住 太陽Wikipedia: 住太陽Google Scholar: 住 太陽メール: [email protected]活動履歴ダイジェスト活動履歴の一部を抜粋して、執筆、講演、インタビューのそれぞれの分野でこれまでお世話になった団体や企業を一
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スッキリかんたんスタイルシート
M+ と IPAフォントの合成フォント配布 - きりんシステム ダイアリー(2006-03-15)
CSS Dencitie
i d e a * i d e a - トラックバックにサイトの縮小画像を入れてみた
caramel*vanilla | ウェブサイトサムネイル作成APIとCOPY URL を連携
CROSSBREED クロスブリード！