Search

Nalezeno "LINK": 2511

The Devil’s Albatross


Nils Binder talks about a technique for spacing between two elements. Picture a header on a large screen with a logo in the upper left and nav in the upper right. Then a small screen, when they can no longer … The post The Devil’s Albatross appeared first on CSS-Tricks. You can support...

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...

iframe feedback


What if an <iframe had within it another <iframe of the exact same source? Inception, as they say. Baptise Crespy does this all-important research in the name of art and science. Turns out browsers are smart enough to not … The post iframe feedback appeared first on CSS-Tricks. You...

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...

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...

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...

Bulletproof flag components


A clever use of CSS grid from Jay Freestone to accomplish a particular variation of the media object design pattern (where the image is centered with the title) without any magic numbers anything that isn’t flexible and resiliant. The trick … The post Bulletproof flag components...

A Whole Website in a Single HTML File


I can’t stop thinking about this site. It looks like a pretty standard fare; a website with links to different pages. Nothing to write home about except that… the whole website is contained within a single HTML file.… The post A Whole Website in a Single HTML File appeared first...

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