webdesignkeys

CSSやjavascriptなどを利用した動的なサイト作りやwebデザインに関するネタを紹介!

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 

pure css icons

pure_cssicons_e92_000.png

CSS3で描く、シンプルなアイコンの紹介です。一見画像のようですが、CSSコードのみで書かれています。
スポンサーサイト
 

画像を使わずCSSだけでOPERAブラウザのロゴを描く

opera_css_logo_e86_000.jpg

CSS3の「Border Radius」、「Gradients」、「Box Shadow」プロパティを利用して、OPERAのロゴを作成する記事です。画像を利用せずにこんなクオリティが高いロゴが作れるのか!って驚かされます。3月にリリースされたOPERAの10.50正式版では、border-radiusが利用できるようになったため、角丸は実現されているようです。
 

テーブルを使わずリストタグでデザインするカレンダー

table_less_calender_e85_000.jpg
カレンダーを作成する時には、テーブルタグを用いることが多いと思います。この記事では、テーブルタグを用いず、リストタグのみでのカレンダーの作成方法を紹介します。
 

CSS3のGradientをシュミレーションできる 「CSS3 Gradient Generator」

css3_gradi_gene_e83_000.jpg

CSS3のgradientを使うと画像を使わずにCSSのみでグラデーションを表現することができます。今回紹介するジェネレーターでは、このgradientを簡単にシュミレーションしソースコードを作成することができます。
 

CSS3のGradientsを使ったグラデーション描画

gradient_css3_e82_000.jpg

ウェブサイトを作成する時にグラデーションを表現するためには、画像を作成する必要があります。CSS3のgradientプロパティを利用すると、このグラデーションの描画を画像を使わずに表現することが可能です。
 
| HOME | NEXT >>

FC2 template
fc2_template_question.jpg

Category

NEWS
 

Comment

Archives

Favorite
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4

Object
CoRich word of mouth information
Web service is developed through word of mouth information. ⇒CoRich
web design keys fc2 blog ranking!!
It challenges the ranking on my site. Please click this links. ⇒FC2 Blog Ranking
Proin magna amet fermentum dignissim
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.
Fusce pulvinar euismod urna vel viverra
Quisque malesuada laoreet tellus vel iaculis. Morbi nulla leo euismod pulvinar erat.
Class aptent taciti sociosqu ad litora
Curabitur vestibulum est eu purus bibendum eu eleifend diam tempor. Fusce metus eros, faucibus ut hendrerit ac.

Links

 
 
 
 
 
 
Copyright Info.

Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Read More

 
Other Links
 
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。