Search

Nalezeno "you": 6748

POW


As a connoisseur of web trickery, this is a must share: POW stands for Packaged Offline/online Webpage. It turns out the png format includes ways to save metadata alongside the image file. A powfile has a metadata entry that contains a zip file that contains a full website. So a PNG file...

Some New Icon Sets


I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that...

Make Your Own Dev Tool


Amber Wilson on making bookmarklets to help yo-self. She shows off one that injects an accessibility script — I like this approach, as it means you don’t have to maintain the bookmarklet, just the script it links to). Another example runs some code contained right in the link. The result...

Shoelace 2.0: A Forward-thinking Library of Web Components


A few years ago, I released a lightweight alternative to Bootstrap affectionately named Shoelace. Shoelace was small and fast because of its minimal design and pure CSS approach to styling. It used CSS custom properties extensively to enable customizations, even when loaded via CDN — something...

The Flavors of Object-Oriented Programming (in JavaScript)


In my research, I've found there are four approaches to Object-Oriented Programming in JavaScript. Which methods should I use? Which one is "the best" way? Here I'll present my findings along with information that may help you decide which is right for you. The post The Flavors of Object-Oriented...

How to Detect the Default Branch in a git Repository


Over the past few years, many engineering teams have switched their default git branch name from master to a different, potentially less offensive term. I’m all for choosing to name your default branch whatever you’d like, but not having a universal default branch name can complicate...

ooooops I guess we’re* full-stack developers now


This is a written version of my talk from Jamstack Conf London 2019. The post ooooops I guess we’re* full-stack developers now appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

Linearly Scale font-size with CSS clamp() Based on the Viewport


Responsive typography has been tried in the past with a slew of methods such as media queries and CSS calc(). Here, we’re going to explore a different way to linearly scale text between a set of minimum and maximum sizes as the viewport’s width increases, with the intent of making its behavior...

Web Technologies and Syntax


JavaScript has a (newish) feature called optional chaining. Say I have code like: const name = Data.person.name; If person happens to not exist on Data, I’m going to get a hard, show-stopping error. With optional chaining, I can write: const name = Data.person?.name; Now if person...

A Gentle Introduction to Using a Docker Container as a Dev Environment


Sarcasm disclaimer: This article is mostly sarcasm. I do not think that I actually speak for Dylan Thomas and I would never encourage you to foist a light theme on people who don’t want it. No matter how wrong they may be. When Dylan Thomas penned the words, “Do not go gentle into that good...

How to Create an Async Function


One thing I love about JavaScript is that there are many ways to accomplish the same task, one such example being creating functions. There are several patterns for functions; one of the last you see used is the new Function method: /* new Function(arg1, arg2 (...), body) */ const myFunction =...

What are You Up to Until the Next Possible Bitcoin Bull Run?


Bitcoin has been center-stage for quite some time now and has gained enough impetus over the past months. The reason is simple that it was in the first half of the ongoing year when the 3rd halving took investor’s majority of the stake and interest. After gaining complete attention from stock...

The Empty Box


application building, creativity, starting The post The Empty Box appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter

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