Defocus photographs with CSS3 filters and SVG.
情報源: demosthenes.info – Cross-browser Image Blur with CSS
Defocus photographs with CSS3 filters and SVG.
情報源: demosthenes.info – Cross-browser Image Blur with CSS
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 ...
Take advantage of the new element and new features of in your next responsive website.
情報源: レスポンシブイメージのネイティブサポート - HTML5 Rocks
背景画像を、一定のサイズの中に収めるには、background-size プロパティを使いますが、img要素を一定のサイズの中に収めるためのプロパティが、object-fitになります。
スムーズスクロール以外の方法で、ページ内リンクによって画面が切り替わったことを利用者にわかりやすく伝える方法はないかということで、ページ内リンクでの移動時に画面を一瞬点滅させるスクリプトを jQuery で書いてみました。
情報源: ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験 | WWW WATCH
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