Search

Nalezeno "like": 4049

Going Beyond Automatic SVG Compression With the “use” Element


If you draw your own SVG files or if you download them from the internet, tools like this SVG-Editor or SVGOMG are your friends. Compressing the files with those tools takes only few seconds and reduces your file size a lot. But if you need to use your SVG inline to animate or interact with...

Simple Image Placeholders with SVG


A little open-source utility from Tyler Sticka that returns a data URL of an SVG to use as an image placeholder as needed. I like the idea of self-running utilities like that, rather than depending on some third-party service, like placekitten or whatever. Not that I'd advocate for feature...

“Browser Functions”


Serverless functions are fairly straightforward. Put a bit of back-end language code, like Node, in the cloud and communicate with it via URL. But what if that URL didn't run a back-end language, it ran an actual browser? Richard Young: We can now do full stack development using just Web APIs....

Flexible Captioned Slanted Images


The end result of Eric Meyer's tutorial on creating this row of slanted images is pretty classy. But it's more about the journey than the destination (there isn't even really an isolated demo for it). Eric does an amazing job at talking it through like a thought process. We did that recently, only...

Playwright


So Microsoft launches a Node-based browser automation project called Playwright. It allows you to spin up a headless version of a browser and control it. Go here! Click something! Take a screenshot! That kind of stuff. Particularly useful for testing. It's just like Google's Puppeteer, only...

Min and Max Width/Height in CSS


Here's a nice deep dive into min-width / min-height / max-width / max-height from Ahmad Shadeed. I like how Ahmad applies the properties to real-world design situations in addition to explaining how it works. In the very first demo, for example, he shows a button where min-width is used as a method...

Amelia Wattenberger’s The CSS Cascade


If you're on a small screen, remind yourself to check it out on a big screen when you have the chance. Did you know that styles from an active transition beat !important rules, but styles from an active animation do not? I definitely did not. Or that there are "origins" that are almost like...

JAMstack vs. Jamstack


It's just a word to evoke the idea that serving as much as you can statically while using client-side code and hitting serverless APIs for any needs after that. The "official website" changed their language from JAMstack (evoking the JavaScript, APIs, and Markup acronym) to Jamstack. It's nothing...

positionstack


(This is a sponsored post.) Say you have an address that your user typed in, like 1600 Pennsylvania Avenue NW, Washington, DC, USA and now you need more information about it. Maybe you need the proper country code. Maybe you need the latitude and longitude. Maybe you need the postal code....

How to Turn a Procreate Drawing into a Web Animation


I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me from painting at home are basic things, like setup, cleaning brushes, proper ventilation, and other factors not really tied to the painting...

The Best Color Functions in CSS?


I've said before that HSL is the best color format we have. Most of us aren't like David DeSandro, who can read hex codes. HSL(a) is Hue, Saturation, Lightness, and alpha, if we need it. hsl(120, 100%, 40%) Hue isn't intuitive, but it's not that weird. You take a trip around the color wheel from...

Getting Started with Front End Testing


Amy Kapernick covers four types of testing that front-end devs could and should be doing: Linting (There's ESLint for JavaScript and Stylelint or Prettier for CSS.) Accessibility Testing (Amy recommends pa11y, and we've covered Axe.) Visual Regression Testing (Amy recommends Backstop, and we've...

The Modern Lovers


I love stuff like this. The Modern Lovers, a rock band in the 70's, play a show in Boston, probably having some poster of their own for the show. Mike Joyce is inspired by the music and combines his love of it with the design style of Swiss Modernism to create a new poster for it. Pete Barr...

Gamble With Crypto at Bestecasinobonussen.nl


The advancements in the IT industry allowed for banking methods like Bitcoin to thrive in the online casino market, offering online casino goers the possibility to make their deposits in the most convenient way without the risk of exposing any of their financial information to unwanted third...

Learn These 5 Key Crypto Terms – and Start Trading Like a Pro


Do you think you’ve mastered the basics of Bitcoin and altcoin trading? Perhaps you think you’re ready to move on from casual trading and want to take the next step – but are put off by grizzled veterans using terminology you don’t understand. If that’s the case, Cryptonews.com has good news...

New Guidelines Subject Canadian Crypto Exchanges to Securities Laws


Canadian regulators have issued new guidance determining when current securities legislation applies to operations conducted by cryptocurrency exchanges. According to the clarifications in the document, many domestic and foreign entities serving Canadian users, for example those that provide...

Simple Ledger Protocol Shines During the Final Day of TNABC Miami


On Friday, The North American Bitcoin Conference (TNABC) convened for its final day with a great deal of well known speakers from the blockchain and cryptocurrency industry. The slew of speakers discussed topics like the future of crypto mining, SLP tokens, digital currency enterprise solutions...

Eleventy Love


Been seeing a lot of Eleventy action lately. It's a smaller player in the world of static site generators, but I think it's got huge potential because of how simple it is, yet does about anything you'd need it to do. It's Just JavaScript™. Jason Lengstorf and Zach Leatherman did a Learn...

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