I like the hexagons – it’s my favorite geometric shape. Not trivial as a circle can be, but not minimalist as are the forms “poorest” of angles, such as squares or triangles. Symmetry reigns supreme with them. This article is dedicated to all those people who are tired of border-radius […]
Styles
This section is about styles, for visually appealing websites. We have the CSS, useful for defining colors, shapes and how the HTML structures will then have to be arranged within the pages.
Ready to transform your web creations from bare-bones code to visually stunning experiences? Whether you’re a complete beginner or a seasoned developer seeking to refine your skills, we’ve got the perfect blend of practical guides and creative explorations to unlock the full potential of Cascading Style Sheets.
Whether you’re itching to beautify your personal website, revamp your portfolio, or ace your next coding challenge, our CSS Tutorial Articles are your key to unlocking the magic of style. So, grab your favorite code editor, dive into our guides, and start expressing your creativity through the power of CSS!
SEO meta tags for search engine optimization
The reachability of a website and its contents from search engines has become essential nowadays. To help search engines understand what our content can offer and what added value it can give, SEO meta tags come to our rescue. To do this we will add meta information within our page […]
Responsive Web: deep dive into CSS media queries
In the era of diverse devices and screen sizes, crafting beautiful and adaptable web experiences is crucial. Enter media queries, powerful tools within CSS and SCSS that allow you to tailor your styles based on specific device characteristics. This article delves into the world of media queries, empowering you to […]
Mastering responsive images: srcset, picture, WebP
In today’s diverse device landscape, delivering optimized images for optimal performance and user experience is crucial. This article delves into the world of responsive images, equipping you with the knowledge and code examples to implement efficient solutions using srcset, sizes, the <picture> tag, and the versatile WebP format. Understanding the […]
Native lazy loading for images
An excellent new attribute has been added that will avoid a series of problems of loading. For example, you are in a scrolling SPA (Single Page Application) with many background images. The browser will gradually download them when it needs. I’m talking about native lazy loading for images and usually […]