Search

Nalezeno "block ": 1755

Use CSS Clamp to create a more flexible wrapper utility


I like Andy’s idea here: .wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such...

Maximally optimizing image loading for the web in 2021


Malte Ubl’s list for: 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. Fluid width images in CSS, not forgetting the height and width attributes … The post Maximally optimizing image...

The web didn’t change; you did


I love this piece from Remy Sharp where he argues that the web didn’t get more complicated over the last 20 years, despite what we might think: Web development did not change. Web development grew. There are more options now, … The post The web didn’t change; you did appeared first...

Front-End Dissatisfaction (and Backing Off)


Asko Nõmm reached a breaking point with front end: I want to have a personal life and not have to spend my nights reading up on some new flavour of *.js in fear that if I don’t I would soon … The post Front-End Dissatisfaction (and Backing Off) appeared first on CSS-Tricks. You...

Responsible Web Applications


Joy Heron bought a cool domain name and published an article there: Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some … The post Responsible Web Applications appeared first...

Progressive Web Apps in 2021


Maximiliano Firtman has a look at PWAs this year, including trying to get a bead on how widespread they are: At the end of 2020, approximately 1% of websites included a Service Worker, and 2.2% had an installable Web App … The post Progressive Web Apps in 2021 appeared first...

HTML Video Sources Should Be Responsive


Scott Jehl doesn’t mince words here: Removing media support from HTML video was a mistake. It means that for every video we embed in HTML, we’re stuck with the choice of serving source files that are potentially too large or … The post HTML Video Sources Should...

How to Favicon in 2021


I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons. The final suggestion: <link rel="icon" href="/favicon.ico" … The post...

The Differences in Web Hosting (Go with the Happy Path)


One of our readers checked out “Helping a Beginner Understand Getting a Website Live” and had some follow up questions specifically about hosting providers. Here’s what they asked: What’s the difference between hosting providers? For example, what is the difference...

Animating a CSS Gradient Border


This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

(Jay Freestone’s) Front-end predictions for 2021


React framework maturity, early container queries, WASM adoption, and monoliths. I’ll take all four, please. Not feeling like a particularly front-end-y? Jay says: Interestingly, the biggest developments in the front-end are unlikely to be traditionally front-end concerns. Back...

Dynamically Switching From One HTML Element to Another in Vue


A friend once contacted me asking if I had a way to dynamically change one HTML element into another within Vue’s template block. For instance, shifting a <div> element to a <span> element based on some criteria. The trick was … The post Dynamically Switching From One HTML...

Open Web Docs


Robert Nyman: Open Web Docs was created to ensure the long-term health of web platform documentation on de facto standard resources like MDN Web Docs, independently of any single vendor or organization. Through full-time staff, community management, and … The post Open Web Docs...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace