Group items tagged

The pseudo-classes are used to target elements without having to add extra classes, attributes or ID; that is why it is called in that way, pseudo-class. Throughout our previous posts, we have covered a few new CSS3 pseudo-classes, including :not, :before and :after, :first-of-type and we also use pseudo-classes in ...

Last week I was working on a new project and needed some buttons that I would prefer to create using CSS3. I decided to look around and see what was available and ready to be used on a project and at same time I decided to create a post listing the ones I liked the most so you can also benefit from this quest.

Today's front-end developers don't just need to understand how to write CSS, we need to know how to write it efficiently. And what "efficiently" means can depend on your project and environment. Perhaps you have a team with several members working in the CSS and you need an efficient way to work together. Or maybe you have a huge enterprise site and you need your CSS optimized for speed. You could even be working with a legacy system that restricts access to HTML, which means you need efficient selectors to effectively style elements without ids or classes. You might even face all these situations and more.

Today I will teach you how to create a simple contact form in HTML5 and CSS3 that you can download for free. Many WordPress plugins come with fully functional contact forms that can be installed and used right away, but we believe in beautiful design and in your right to style it however you choose.

Photoshop isn't only the popular choice for photo editing, it's also a good choice for designing a website. We have previously shown you how to design a blog layout with Photoshop. With a range of effects and features, Photoshop allowed us to compose a visually rich presentation using drop shadows, ...

Transitions (basic animations) are one of the most popular additions in CSS3, and one of the easiest to implement for big gains on your site. A transition is simply an animation from one set of CSS properties to another. So for example; whilst before you may have had links with blue text, which suddenly turned orange when you hovered on them, you would now replace that sudden jump with a more graceful animation.

Whoah, been a while since I've posted something! Yet, I wanted to mess around with some fun CSS3 stuff and wanted to share the results with you. Today, we're going to create CSS animated profile cards. Although there are four different kind or animations ( Push, Slide, 3D Flip and Explode), they all share the same kind of HTML structure.

Since CSS shapes are becoming more important to website development, I thought that a simple list of how to create the most common shapes was in order. You'll find that most of these shapes are very simple to achieve and that they are not that complicated at all. However, at the same time they will save you a lot of trouble.

The quality of users' experience with your website is the deciding factor of its success. If visitors are able to use your site quickly and without problems, they are likely to return. On the other hand, if your site is confusing and frustrating to use, they'll be happy to find a better one.

If you are in search of wallpapers brimming with splashes of colors to liven up your desktop background screen then this post will offer you something that attracts your eyes. Today, we have collected some wallpapers consisting of different visible colors from red to violet which can really cheer you up and make you feel good - the spectrum wallpapers.

More and more people are using mobile devices to process digital documents since they always seem to have their smartphone and tablet on them all the time. However, having many different file formats means requiring a lot of different apps to open these documents. If we can bank on just ...

CSS background animation has been a hot topic for a long time, mostly because they look pretty sweet and don't require additional elements. I was recently asked if it was possible to have multiple background animations on a given element and the answer is yes...with concessions. Let's take a look at how it's done!

With so many new trends advancing every year it can be difficult keeping up with the industry. Website designers and frontend developers have been deeply ingrained into the newer CSS3 properties, determining the ultimate browser support and quirky hacks. But there are also brilliant CSS2 code snippets which have been ...