Search


12 results found for "cover"

  • Behind the scenes: CSS-only Clock

    I like to create little experiments on Codepen.io and I get a lot of questions about how I made certain elements or effects. In a series of "behind the scenes" I try to dissect a few interesting pens. In this first episode I'll show you how I made the CSS-only clock with the single element clock face.

  • The amazing Shadow DOM

    Today I watched this talk by Angelina Fabbro about the Shadow DOM. I think this new functionality is something that will be available quite soon in the major browsers because it is something we developers really want and I guess it will get really popular when the word gets around.

  • Localstorage vs. Cookies vs. The law

    I guess you know a thing or two about internet, so I don't bother to explain what cookies are. Localstorage though is something not everybody is familiar with. Localstorage is a way to store data on the clients computer. Yes, that's also what cookies do. But they are different and serve different purposes.

  • Connecting a 1602A LCD display and a light sensor to Arduino UNO

    This tutorial shows how to connect the 1602A LCD display and a light sensor to your Arduino (UNO) and display the light intensity on the screen.

  • Using geolocation to automatically generate a route and directions in Google Maps

    In this tutorial we will create a google map with directions that use your current location as starting point on mobile devices (or other devices that support geolocation).

  • Pure CSS Chrome Logo

    And there's another pure CSS logo. Now I found a challenge in the Chrome logo. The challenge was in the shading and overlapping of the three colored parts in the logo.

  • Create an awesome Facebook timeline cover

    This tutorial teaches you how to create an awesome Facebook timeline cover. Or header. Or banner. Or whatever you want to call it. Free PSD template included!

  • Faux Font Outline

    This is al little trick I discovered when trying to replicate a border/outline effect around a custom font.

  • 10 essential tools and websites for frontend developers

    In this article I will show you 10 tools and websites which are essential for a frontend developer to have and master.

  • CSS only rainbow

    When discovering the spread parameter of box-shadow, I concluded that it's now possible to stack as many "borders" to elements as you like.

  • CSS only progress bar

    This progressbar is created using CSS3 with no images. This was a testcase to learn working with gradients as background-images. Firefox and chrome only!

  • Textwrap in photoshop

    Photoshop has the option to make textwrap around an image. In this tutorial you'll learn how to do this in a few easy steps!