Home
Info-
Illust
Work
Blog
Labo
SHOP
PHOTO
RodMondがWebページのサイト向上の為の実験室です
----色んなサイトからの情報をそのまま実験したり、CSSやHTMLに色をつけたりしています----
New!!
♦
WEBデザインの参考によく見るサイト集
管理人がコレが素敵!と思ったサイト集
New!!
♦
参考PHotoShopブラシやイラレの素材サイトWEB関係の素材サイトなどの情報
海外サイト多め。(クリック先有料有り注意!)ほとんどがフリーでダウンロード出来る。
イラスト・WEBの参考にどうぞ。他にいいサイトが見つかり次第、更新予定。
New!!
♦
CSSでヘッダーを固定にしたサンプルのデモページ
参考:
CSS Lecture
様
New!!
♦
WEBカラー1
195色の色見表です。文字が小さくなってます。
参考サイト様:
http://www.colordic.org/
New!!
♦
WEBカラー2 Webセーフカラー216色の16進数
195色の色見表です。文字が小さくなってます。※そのうち自前でつくります。
参考サイト様:
http://www.colordic.org/
New!!
♦
WEBカラー3 ブラウザで名前が定義されている140色の色名と16進数
195色の色見表です。文字が小さくなってます。※そのうち自前でつくります。
参考サイト様:
http://www.colordic.org/
New!!
♦
パンくずリスト
Mac・・・Firefox12.0検証済
♦
ナビゲーションメニューサンプルー横ー
Mac・・・Firefox12.0検証済
♦
ナビゲーションメニューサンプルー縦ー
Mac・・・Firefox12.0検証済
♦
1pxのボーダーで表現する擬似3Dボタン
Mac・・・Firefox12.0検証済
♦
ドロップダウンメニュー横
♦
アコーディオンメニュー
参考サイト様有り:CSSとHTMLを色分け表記してます。
♦
floatさせた要素をレンガ風に整列してくれるjQueryMasonry
参考サイト様有り:CSSとHTMLとJavascriptを色分け表記してます。
♦
リンク要素をマウスオーバー時に画像表示するjQueryMasonry
参考サイト様有り:CSSとHTMLとJavascriptを色分け表記してます。
♦
Flashのようなアニメーションの動きをする jQueryプラグイン
参考サイト様有り:CSSとHTMLとJavascriptを色分け表記してます。
♦
box-shadow のデモページ
参考サイト様有り
♦
text-shadow のデモページ
参考サイト様有り
♦
CSSテクニックのまとめ的な何か
参考サイト様有り:CSSとHTMLを色分け表記ページ有り。
♦
CSSまとめーフォントサイズや表示の統一のまとめ的な何か
CSSを色分け表記
♦
1pxの線でコンテンツを区切るミニマル表現 sample1
&
sample2
参考:
WebDesigningデザイン雑誌
♦
あらゆる要素を1pxのボーダーで囲った繊細カラムレイアウト
参考:
Web Designingデザイン雑誌
♦
1pxでできる見出しの装飾あれこれ
参考:
Web Designingデザイン雑誌
♦
jQuery を使って1pxプラスしたセレクトメニュー
参考:
Web Designingデザイン雑誌
♦
1pxのボーダーで表現する擬似3Dボタン
参考:
Web Designingデザイン雑誌