// Posts Tagged ‘css’
スタイルシートの基礎編からCSS3応用編まで
CSS3が面白い。とはいえ、覚えることも多い。その前に、スタイルシートの基礎的なところも抑えておきたい。スタイルシートをもっとスマートに美しく活用したいと思いつつ、新しいものに目がいってしまうのはサガですな。そんな私自身のためのブックマークです。
24ways：:focusを忘れずに
9日目のお題は『Don’t Lose Your :focus』アクセシビリティに関して。多くのウェブデザイナーにとってのアクセシビリティとは、音声ブラウザを使ういわゆる視覚に障害を持つ人のためのものであるととらえがちです。もちろんアクセシビリティを高めることはこういった人達の多くをカバーするだけでなく、別のユーザーグループのアクセスの容易さにも繋がります。ここでは、キーボードアクセシビリティとCSSの不注意な設定がアクセスを困難にするかに注目してみましょう。
24ways：可視部分におけるCSSとJavascriptコードの再利用
ウェブ標準に基づく開発者の多くは、非常に多くのスタイルを備えたHTMLでサイトを作ります。新しいページが増えるとそのスタイルは増える傾向にあり、多くの要素・スタイルが加えられていきます。しかし、CSSはより効果の高いものとして使用することができます。
CSSハックマニア その1
CSSは奥が深い。どれほどのことが出来るのかと思うくらい、いろいろなスタイルシートが紹介されています。しかも jQuery なんかとの組合せで大抵のことができてしうのではないでしょうか？コーディングをする上で、スタイルシートを使ってどういったことが出来るのか把握しておくことは重要だし、その上で構築するサイトに必要なもの不要なものを切り分けることが必要ですね。
ポストした日付を格好よくみせるCSS
これまで、投稿の日付を日めくりカレンダー風に表示させるCSSとか、画像で置き換えたりとか、いろいろとやってみましたが、このCSSはかっちょいいです。画像を使っていますが、年度のところを縦に表示というのが気に入った！
タイポグラフィをメインにしたCSSデザイン
タイポグラフィ主体のデザインといえば、マガジン風・ニュースペーパー風ととても読みやすく理路整然としているところがいいですよえね。先日SmashingMagazineで行われたTypographic Layout Design Contestの結果発表があり、素晴らしいデザインを見るだけでなくソースをダウンロードまでできちゃいます。
フォームタグの正しいマークアップとCSS
フォームのテンプレートを作成する際に正しいHTMLのマークアップをしましょうってことで、『How to create perfect form mark up and style it with CSS』というのを見つけたので自分用に覚書。
CSSをパララックス効果を使ったクリスマス仕様に変更
テーマ変更したばかりでまた変更！？クリスマスまでの期間限定でスタイルシートを変更しただけ。.pngで作った背景画像を使ってパララックス効果なんての取り入れてみたり、久しぶりにCSSハックやJavascriptなんて小技を使ってます。
パララックス効果で見せるサイトデザイン youlove.us
久しぶりに目が釘付けになったデザイン『youlove.us』ぱっと見ただけでは普通にきれいなデザインだなと思うだけなんやけど、スクロールしてみるとすごさがわかる！かなり縦に長いデザインになってるがち～～～っとも飽きない。なんどもスクロールしてしまった。
知っていると便利なCSSデザインテンプレート配布サイト
急ぎでサイト作成なんかを請け負ったりしたときにベースのテンプレートを持っていると便利ということで、Tutorialblogの『CSS Tools: Free Templates』を覚書。フリーで使えるCSSデザインテンプレート配布サイトの紹介です。
Featured post
フリーで使えるPaint brushを作ってみました。いろいろと配布されているのですが、出来るだけ大き目のものをということで、自分で墨と筆を使って描いてみました。ブラシを作るのってそれほど技術がいるわけではないのですが、元を作ってそれをスキャニングしてブラシに設定までの一連の作業がちょっと手間ですね。
My photobook
My scrap life
We heart it!
Nutspress on Tumblr
Nutspress は Osaru こと Yoshiko U. が集めた情報を個人の覚書として始めたサイトです。かなり実験的なことをやっているので、見づらい部分であるとかバグとかがたくさん潜んでいます。
ブログだけでなく、デジタルスクラップブック用の素材なんかも置いてありますので、よければ見ていってくださいね。ウェブや印刷物にも使えますよ。
Copyright 2004-2010 Nutspress. All right reserved. Design and Produce by Yoshiko. powered by Wordpress.