Building responsive websites means that your design has to adapt to different screen sizes. We’ve covered a number of ways to do that in the past, including working with percentage widths, em-based type and other flexible techniques of responsive design. There’s another way to achieve flexibility that doesn’t involve keeping track of ems or percentages […]
CSS (or Cascading Style Sheets) is bringing some new features to help you put some styles on your web pages in the most efficient way. In this article, we are going to go through the ones that will most likely make your coding easier in 2023. Some of them were available already but weren’t supported […]
CSS Trigonometric functions are supported in the latest versions of Safari, Firefox, Edge, and Chrome. We also discuss animation via @property, which is supported in the latest Safari, Edge, and Chrome (as of this writing).The CSS Shapes specification enabled a lot to make interesting shapes on the web today, via clip-path, shape-outside, and more. With […]
CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power in CSS opens up a whole bunch of possibilities. In this tutorial, I thought we’d dip our toes in the water to get a feel for a couple of […]
Before browsers gradually begin to implement them, CSS features are first defined in specifications of the W3 Consortium — usually after long discussions. There are countless new CSS features that are worth mentioning, but for this guide, we’ll focus on five that you can already test in the stable version of at least one web […]
Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for responsive design, as often we want a component to adapt to its context.Think of a card which might be shown in […]
It might be a little early to throw away your CSS floats, but thanks to the new CSS Flexible Box Model — better known as Flexbox — simple, sane layout tools will soon be part of your web development arsenal. Browser support isn’t complete yet, but for those who’d like to push the envelope, Flexbox […]
Web development has made remarkable strides since the days of plain HTML and basic CSS. With the ever-evolving landscape of the internet, it’s important for developers to stay up-to-date with the latest advancements in technology. One such technology that has seen a lot of growth over the years is CSS (Cascading Style Sheets). Did you […]
Adobe wants the next Instagram to be a web app. The company is hard at work porting filters and effects from Photoshop to the web. The latest experimental builds of both Chrome and Safari add support for the company’s proposed CSS fragment shaders — think Photoshop blending modes like multiply or overlay right in your […]
The days are long gone when a viewer’s attention is quickly captured by a simple and plain HTML website. The trend has changed and moved more towards animation and graphics with several upgrades to technology and design. When you develop a website, it requires both creative and technical skills. Things like layouts, animations, and graphics […]