コピペで参照できるおしゃれなHomePage17選!


1.Roll, punch, heat, cool, grind, clean, coat, mould, pack…

この機会が動いているデザインは画像ですが、色合いやサイトの感じはおしゃれですね!

See the Pen Roll, punch, heat, cool, grind, clean, coat, mould, pack… by Really Good Emails (@reallygoodemails) on CodePen.

2.Sticky Slider Navigation (Responsive)

シンプルですが、とてもおしゃれで汎用性もありレスポンシブで非常に良いですね!

See the Pen Sticky Slider Navigation (Responsive) by Ettrics (@ettrics) on CodePen.

3.XpWZGL

ワードプレスで作られたような美しいデザインですね!

See the Pen XpWZGL by Brad Frost (@bradfrost) on CodePen.

4.Fullscreen HTML5 Page Background Video

これはすごい!コピペで使えるし、リンクを編集できるので汎用性も高いです!

See the Pen Fullscreen HTML5 Page Background Video by Dudley Storey (@dudleystorey) on CodePen.

5.Daily CSS Images

See the Pen Daily CSS Images by Mike Mangialardi (@mikemang) on CodePen.

6.Creating the QLOCKTWO in HTML5, CSS and Javascript

See the Pen Creating the QLOCKTWO in HTML5, CSS and Javascript by Fabrice Weinberg (@FWeinb) on CodePen.

7.retrospect Template BY OMAR DSOKY

See the Pen retrospect Template BY OMAR DSOKY by Omar Dsoky (@linux) on CodePen.

8.Pure CSS Parallax Scrolling

See the Pen Pure CSS Parallax Scrolling by Keith Clark (@keithclark) on CodePen.

9.JavaScript example

See the Pen JavaScript example by Mostafa Omar (@mostafa-omar2014) on CodePen.

10.Video.js Default Skin

See the Pen Video.js Default Skin by Steve Heffernan (@heff) on CodePen.

11.linear Omar Dsoky

See the Pen linear Omar Dsoky by Omar Dsoky (@linux) on CodePen.

12.MJwZqy

See the Pen MJwZqy by NourElprof (@NourElpRof) on CodePen.

13.Windows-8-like Animations with CSS3 and jQuery

これはコピペしても動かなかったですが、Windows8のような美しいデザインです!

See the Pen Windows-8-like Animations with CSS3 and jQuery by Sara Soueidan (@SaraSoueidan) on CodePen.

14.Windows-8-like Animations with CSS3 and jQuery

See the Pen Freebie Interactive Flat Design UI / Only HTML5 & CSS3 by Javier Latorre López-Villalta (@jlalovi) on CodePen.

15.Material Design – Responsive card

もうこれだけで立派なサイトになりそうですね!

See the Pen Material Design – Responsive card by David Foliti (@marlenesco) on CodePen.

16.Add to cart interaction

もうCodepen上で立派なサイトになっていますね。コピペで動きます。

See the Pen Add to cart interaction by Virgil Pana (@virgilpana) on CodePen.

17.CSShrome

Chromeを再現したようなサイトになっています!コピペで動きます。

See the Pen CSShrome by Adem ilter (@ademilter) on CodePen.

あわせて読みたい

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です