Tag archives for html basics - Page 6

CSS - Cascading Style Sheets

The :before and :after pseudo-elements syntax

In my previous articles, you may have noticed how often I used these pseudo-elements. Why I like to use them? Because they are so handy to use as no extra HTML markup is required, but this article’s purpose isn’t about pseudo-elements advantages. This article’s purpose is to clarify some common…
Continue Reading
CSS - Cascading Style Sheets

How to create a cool and usable HTML5, CSS3 search box

In this new article, you'll learn how create a cool and usable CSS3 search box using the HTML5 placeholder attribute. For the browsers that don't support this new HTML5 attribute, a fallback is created using Modernizr's feature detection. Structure The form element is used as the wrapper, while the two inputs are used as…
Continue Reading
CSS - Cascading Style Sheets

Cool notification messages with CSS3 and jQuery

Nowadays, UX is a key factor when it comes about creating/designing a product or system. To keep users happy, developers struggle to create a good experience and a better interactivity. UX is a term used to describe the overall experience and satisfaction a user has when using a product or system. So, a…
Continue Reading
CSS - Cascading Style Sheets

CSS3 tabs with beveled corners

Organizing content was always an important task for web designers. Just like accordions, using a CSS3 tabbed navigation can help you structuring similar groups of content. Along with so many rounded corners (which lately became the default), today you’ll learn how to create some good looking CSS3 tabs with beveled corners.…
Continue Reading