Christmas greeting: An experimental CSS Grid game
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!
HTML means HyperText Markup Language and is the main language to get webpages work. For web developers and web designers is very important to know everithing about HTML: tags, attributes, layout… For them, we have created this section to recap all posts that cover HTML topic: tutorials, tricks and tips.
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 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.
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.
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 article we are going to experiment with a new value for the CSS position property to create a progress bar reading the articles without the need of using PHP or JavaScript, just HTML and CSS.
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.
We animate the hamburger icon, which gives access to the responsive menu using transformations and CSS pseudo elements along with HTML, and turning the element into a new menu close icon that improves the UX in case the user wants to return to the previous view.
After the recent compatibility of CSS Grid with the latest versions of the most used browsers, it stands as an alternative to Flexbox. Therefore, we will see some details that differentiate one from another by a small example, to be able to check their differences and how they can fit better our needs.
Atom is an open source editor developed by GitHub itself. One of its most notable features is its high customization. In this article you will find our selection of 9 extensions essential for working and improving our workflow.