Search

Nalezeno "like": 4399

The Three Types of Code

3.2.2020
Every time I start a new project, I organize the code I’m looking at into three types, or categories if you like. And I think these types can be applied to any codebase, any language, any technology or open source project. Whether I’m writing HTML or CSS or building a React component, thinking...

How to Create an Animated Countdown Timer With HTML, CSS and JavaScript

3.2.2020
Have you ever needed a countdown timer on a project? For something like that, it might be natural to reach for a plugin, but it’s actually a lot more straightforward to make one than you might think and only requires the trifecta of HTML, CSS and JavaScript. Let’s make one together! This is what...

Darknet Users Discuss the Connection Between DDoS Attacks and Exit Scams

1.2.2020
During the last few weeks, a number of darknet markets (DNMs) like Dread and Empire have been attacked relentlessly with heavy DDoS attacks. Meanwhile, reports disclose that Apollon is allegedly pulling an exit scam in the same fashion as Nightmare Market did last year. Darknetstats.com details...

Full Stack Panic

1.2.2020
A new podcast from Sean Fioritto inspired by Joel Califa's term "Full Stack Anxiety". ... the little voice in your head says ... “I should know all of this. Do I even know what I'm doing?” Why do web developers the world over feel like this? There is an episode with Joel talking about it as well...

Ethereum’s Value Transfer Is Now Dominated by Stablecoins

31.1.2020
The Ethereum (ETH) blockchain has become home to a number of stablecoins. On January 29, Messari researcher Ryan Watkins explained that the stablecoin value transfer issued on the ETH chain recently flipped the number of native ether transactions. Essentially, Ethereum’s value transfer is...

Resizing Values in Steps in CSS

30.1.2020
There actually is a steps() function in CSS, but it's only used for animation. You can't, for example, tell an element it's allowed to grow in height but only in steps of 10px. Maybe someday? I dunno. There would have to be some pretty clear use cases that something like background-repeat: space...

Going Beyond Automatic SVG Compression With the “use” Element

27.1.2020
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

27.1.2020
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”

26.1.2020
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

25.1.2020
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

24.1.2020
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

24.1.2020
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

23.1.2020
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

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

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