Category: HTML/CSS

Will Stone created a nice CSS animation tool which provides an easy way to calculate the keyframe percentages so that you can insert a delay between each animation iteration.

Have a look at these step by step tutorials to learn and handle HTML5 and CSS3 markup languages. Become a master of web development, impress your friends.

Ashley Ford – a talented designer and web developer, created a nice mobile preview tool to visualize responsive sites. It was created with pure CSS.

Daiwei Lu created a library for building truly modular responsive components. It should make the process of creating resizable UIs more enjoyable.

How to easily check up if your browser supports certain values of CSS cursor property. Anush from Tech Stream created an useful resource to help you.

Ionică Bizău created a super light library (~100-170 bytes) that you can use to easily create simple grid systems. Find out the story behind this great project.

Tobias Ahlin – a talented web designer and developer from Sweden, created a lovely set of Google Web Font experiments using CSS and HTML.

Jamie Wilson created an awesome collection of diverse CSS styles and patterns. It’s called Corpus and you can use it in your projects too.

Here is a nice tip shared by Danny Markov from Tutorialzine: it’s a simple, yet a great technique for creating dropdowns with CSS only.

Are you familiar with clipping? It’s a widely used technique and it works like this: you hide some visual portions of an element and show a certain region that you want.

It seems like flexbox will be the next big thing in web design community. We’ve compiled a complete list of in-depth articles about it. If you read them all you will become a flexbox master.

Iulya Buhvalova (aka yoksel): front-end developer at Livejournal likes to experiment with code. She likes to mix CSS and SVG in different ways and achieve interesting results.

What is interaction design? It’s the design that summarizes all the feedback mechanisms and elements, that give your website or app an emotion, achieved through interactions.

We have to take account of mobile devices, whose use in email consumption grows daily. This brings us to the question of building responsive layouts for email.

Bootstrap is undoubtedly one of the most popular front-end frameworks. With more than 73k stars and 27k forks, Bootstrap is also one of the most popular GitHub repositories.