We want to wish you Merry Christmas with this experimental retro game based on CSS Grid, with SVG animations and other surprises. Come on, Santa needs you help!
We review some principles and tips on how to optimise our CSS files to improve the load time of the web and thus improve the SEO and UX of our project.
We apply the technique of progressive disclosure in examples with CSS only to improve the user experience.
Much is said about the new version of CSS, however CSS4 will not exist. The cycle of updates of CSS1 and CSS2 will change radically. We see what will happen in the future.
Whenever a new technology arrives, we have some reluctance to use it in our projects because of the problems that may exist. Through this list of websites that already use CSS Grid, we want to show you how it is a tool that is mature and compatible enough to be incorporated into our projects.
Thanks to CSS Grid, the editorial design and web design are closer than ever, serving the designs of magazines and publications as inspiration for web projects, as some of these examples.
If you like to use the new CSS tools, but you are worried about possible compatibility problems with different web browsers, do not worry. With Feature Query you can use all of them, making sure that they will work regardless of the browser from where your users enter.
These last weeks we have been working on a Side Project called Gridexamples.com, a showcase with examples of websites in production that use CSS Grid. We will review what we have learned during its development.
Christmas is already here! And with it our Christmas card, this year, in the form of a game designed with HTML, CSS and JS. Can you help Santa decorate his tree correctly? Merry Christmas!
In this demo you will see how to create a horizontal social bar to share your articles. We will model it so that it stays fixed and floating in the lower part of the screen. All with HTML and CSS3.
Forms are one of the most forgotten element in web design. But this doesn’t make much sense because forms are where the user interact with our apps or website. Let’s revise how we can improve the UX with new CSS pseudo-classes.
404 error pages are one of the most neglected sections in web design. With these designs and CSS animations there are no excuses for not having a creative and funny design.
Examples of CSS and HTML designs of subscription forms for newsletters perfect to find a little inspiration. They are easily applicable to any form, especially the WordPress subscription widget.