疑似要素で出来るあれこれ
この記事は、http://css-tricks.com/ の Chris Coyier の許可を得て、翻訳しています。一部変更して翻訳している部分もある場合がります。オリジナルの記事はここよりご覧いただけます。 オリジナルの記事...
View ArticleYouTubeビデオの幅をFluidにする
この記事は、http://css-tricks.com/ の Chris Coyier の許可を得て、翻訳しています。一部変更して翻訳している部分もある場合がります。オリジナルの記事はここよりご覧いただけます。 オリジナルの記事...
View ArticleWebKitを使ってスクロールバーをカスタマイズ
一昔前、IE(5.5)などでは非標準のCSSを使って、スクロールバーをカスタマイズすることが可能でした。例えばscrollbar-base-colorをスクロールする要素(<body>など)に使って、結構過激なことなんかも出来ました。けれどIEはそれを廃止してしまいました。...
View ArticleCSS アニメーションの再スタート
この記事は、http://css-tricks.com/ の Chris Coyier の許可を得て、翻訳しています。一部変更して翻訳している部分もある場合がります。オリジナルの記事はここよりご覧いただけます。 オリジナルの記事 デモ CSSアニメーション(ala...
View Article:nth-childと:nth-of-typeの違い
まずはこちらのHTMLから・・・: <section> <p>Little</p> <p>Piggy</p> <!-- Want this one --> </section> p要素2番目のpタグにスタイル設定したかった場合、以下のどちらも同じ働きをしてくれます: p:nth-child(2) { color:...
View Articleスティーブ・ジョブズの偉大なる軌跡(1955-2011)
この記事は、http://www.onextrapixel.com/ の許可を得て、翻訳しています。一部変更して翻訳している部分もある場合がります。オリジナルの記事はここよりご覧いただけます。 オリジナルの記事...
View Article画期的なCSS3 Gradient ツール
NettutsでおなじみのJeffrey WayやCSS TricksのChris Coyierなどが絶賛し、UIにななり力を入れて作られて、MAC用のAPP、[Gradient App]. まだまだ, Color Stopなどができないですが、今後生き残るツールの一つになるのは、間違いなさそうです。 http://www.gradientapp.com/
View Articledigitalskillが更にコンテンツパートナーを追加しパワーアップ
明けましておめでとうございます。 遂に2012年がはじまりましたが、皆さんの今年の目標は決まりましか? Digitalskill.jpでは、今後も更に皆さんウェブ作成に役立てる記事をお届けするために、すごい目標を立てていますので楽しみにしてください。 そして、年明け早々、世界で名が知られているウェブ開発者たちを紹介頂き、その中で何人かからコンテンツパートナーとして参加いただきました。...
View Articleフリー3dスタイルCSS3ボタン
今回は、手軽に使えてとてもインパクトがある3d-CSS3ボタンを無料でご提供!! オリジナルは、http://hellohappy.org/のChad Mazzolaが作成したのを、今回は、LESS用に書き換えました。LESSを使用しているので、簡単に色を変更できるように作ったので、どんなサイトにも使えるすぐれものです。 もちろん、商用も個人用もOK。 ファイルのダウンロード...
View Article
More Pages to Explore .....