-
-
Quick Tip: How to Use HTML5 “picture” for Responsive Images - Tuts+ Web Design Tutorial
Images are notoriously one of the most challenging aspects of responsive web design. Today we'll look at how the element, a solution to the problem of responsive images, can be used right now. | Difficulty: Beginner; Length: Quick; Tags: R ...
-
レスポンシブイメージのネイティブサポート - HTML5 Rocks
Take advantage of the new element and new features of in your next responsive website.
情報源: レスポンシブイメージのネイティブサポート - HTML5 Rocks
-
object-fit
背景画像を、一定のサイズの中に収めるには、background-size プロパティを使いますが、img要素を一定のサイズの中に収めるためのプロパティが、object-fitになります。
-
ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験 | WWW WATCH
スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。
情報源: ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験 | WWW WATCH
-
Use Pseudo Elements to Create an Image Stack Illusion | Design Shack
Reading an article entitled Use Pseudo Elements to Create an Image Stack Illusion on Design Shack.
情報源: Use Pseudo Elements to Create an Image Stack Illusion | Design Shack
-
responsive pre
pre { white-space: pre-wrap; //css3 white-space: moz-pre-wrap; //firefox white-space: -pre-wrap; //opera 4-6 white-space: -o-pre-wrap; //opera 7 word-wrap: break-word; //internet explorer }関連