スタイルシートで実装する実用的なものからちょっと変わったものまで、25のテクニックをDesizn Techから紹介します。 25 Advanced CSS Techniques 1. CSS Gradient Text and Background テキストや背景をグラデーション表示。
tipsとdesignに関するNaskiのブックマーク (24)
-
Naski 2009/03/27
-
光を効果的に使用したPhotoshopのチュートリアル集：Part 2 | コリス
光、光源、光線、光跡を効果的に使用した、レトロちっくなものから、幻想的なものや宇宙空間まで、光を効果的に使用したPhotoshopのチュートリアル集のPart 2です。
-
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
-
光を効果的に使用したPhotoshopのチュートリアル集 | コリス
光、光源、光線、光跡を効果的に使用した、ナチュラルなものからビームやファンタジーなものまで、Photoshopのチュートリアルの紹介です。
-
-
stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
-
-
使える GUI デザイン
EmptyPage.jp > Translations > 使える GUI デザイン 使える GUI デザイン: フリー／オープンソース・ソフトウェア開発者のための手引き 2004年11月28日 Benjamin Roe さんの、Usable GUI Design: A Quick Guide for F/OSS Developers の M.Shibata による日本語訳です。プロジェクト杉田玄白正式参加テキスト。 Update: この記事についてたくさんのコメントをいただいたので、FAQを作って、そのうちのいくつかについて回答することにしました（訳注: FAQ も翻訳しました！）。 イントロダクション オープンソース・ソフトウェアの世界は優れたソフトウェアでいっぱいです。ワードプロセッサから Web サービスにいたるまで、コンピュータでしたいと思うようなおおよそすべての作業において、高
-
デフォルトスタイルの差異を無くす CSS
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
-
-
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
-
CSS レイアウト切り替えスイッチ | WWW WATCH
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレ... Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えられるようにしたらいいじゃんということで、そんな CSS 切り替えスイッチを作ってみました。 サンプルはこちらで確認できます 全ファイルのダウンロードはこちら （zip ファイル / 10KB） デフォルトでは横幅固定のレイアウトになっています。スイッチを押すたびにレイアウトが選択
-
らばQ:これはおしゃれ、15の靴ひもの結び方
これはおしゃれ、15の靴ひもの結び方 靴ひもなんて結べてほどけなきゃいいんじゃないの？と思っている人が大半かもしれません。 でも靴ひもといえど結び方ひとつでずいぶんと個性が出たりおしゃれに見えたりするものです。ちょっと違う結び方をしたいなと思っていても、他に方法を知らないという人も多いのではないでしょうか。 GUIDE TO LACINGという海外サイトに15の結び方の説明がありますが、難しそうな結び方もあるので図解と共に15の結び方の説明文を全て日本語訳にしてみました。 はしご結び 1. まず靴ひもの両端をまっすぐ、つま先の両方の穴の下から外へ出します。 2. そのまま２本をまっすぐ次の穴へ外から通します。 3. 内側から出してきたひもを交差させて、縦のひものラインの下をくぐらせ、そのあとまっすぐ次の穴へ外から通します。 4. 最後は交差させたひもを、縦のラインにくぐらせてから結びます。
-
無料のアイコン配布サイト50を書いたデザイナー向けのブログ『DezinerFolio』*ホームページを作る人のネタ帳
いやーすごい。 海外では、たまにこういうごついまとめを見かけますが、本当にすごいですね。 見ているだけでもちょっと素敵な気分にさせてくれます。 今回は、無料で使えるアイコンサイト50のほか、この投稿をしてくれたブログについてご紹介いたします。 無料アイコン配布サイト50エントリ 無料で使えるアイコンサイト５０はこちら » Top 50 Supercool Free Icon Sets 今回ご紹介したサイト。 『DezinerFolio』というサイト。 既に見たことはあると思いますが、もしもまだ見た事が無いなら、WEBデザイナーさんなら一度は見ておいたほうがいいブログです。 例えば、次のようなエントリーなど、すごく参考になるところがあります。 3D Design Inspiration この記事は、人工的に作られた画像をまとめたエントリー。 リンク先には、もっと沢山の画像がありますので、参考
-
-
-
BBmedia inc.
works 映像とWEB、テクノロジー、デザインを掛け合わせ、 そのブランドが最も輝く物語を実現します。 view more
-
-
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました