Search

Nalezeno "here": 4440

Getting Fancy with position: sticky;

7.2.2020
Mike Solomon worked on a fancy scrollytelling post for Esquire and blogged about it. It has GIFs of each step along the way of figuring out not just position: sticky; but also using negative margins, wrapper divs, backgrounds, and even a smidge of JavaScript measuring to get it all right. What...

Building an accessible autocomplete control

6.2.2020
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...

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

Here’s What Bitcoin’s 2 Biggest Privacy Wallets are Working on in 2020

2.2.2020
It’s no secret that Bitcoin has issues when it comes to privacy. After all, it’s pretty difficult to implement privacy features in a system that puts the entire history of transactions on a public ledger for everyone to see. That said, improvements to Bitcoin privacy have been slowly implemented...

Uses This

30.1.2020
A little interview with me over on Uses This. I'll skip the intro since you know who I am, but I'll republish the rest here. What hardware do you use? I'm a fairly cliché Mac guy. After my first Commodore 64 (and then 128), the only computers I've ever had have been from Apple. I'm...

Here’s Sneak Peek Into What the Cardano’s Future Plans Are

30.1.2020
In a comprehensive information sharing session about the company’s plan on upcoming products and services, Charles Hoskinson gave a detailed peek into what the leading cryptocurrency and blockchain platform is aiming to achieve in the future. It was a freewheeling expression as the founder...

Use and Reuse Everything in SVG… Even Animations!

28.1.2020
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...

Set Type on a Circle… with offset-path

28.1.2020
Here's some legit CSS trickery from yuanchuan. There is this CSS property offset-path. Once upon a time, it was called motion-path and then it was renamed. I sort of rolled my eyes at the time, because the property is so obviously for animating things along a path. But you don't have to use it...

aviationstack

28.1.2020
(This is a sponsored post.) I wonder how many startup ideas have something to do with air travel? 🤔 It's such a big industry with so many pain points its no wonder that it inspires ideas for building new products. Here's the thing about a lot of startup ideas: you need data. Chances...

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

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

Bad accessibility equals bad quality

22.1.2020
Here’s a smart post from Manuel Matuzovic where he digs into why accessibility is so important for building websites: Web accessibility is not just about keyboard users, color contrast or screen readers. Accessibility is a perfect indicator for the quality of a website. Accessibility is strongly...

Searching the Jamstack

22.1.2020
Here's Raymon Camden on adding site search functionality to a site that is statically hosted. A classic trick! Just shoot 'em to Google and scope the results to your site: <form action="https://www.google.com/search" method="get"<input type="search" name="q"...

How to Turn a Procreate Drawing into a Web Animation

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

Autumn (macOS window manager)

17.1.2020
I love how nerdy this is. Autumn allows you to write JavaScript to control your windows. Get this window, move it over here. Nudge this window over. There are all sorts of APIs, like keyboard command helpers and doing things on events, like waking up from sleep. I love that it exists, but for...

NetNewsWire and Feedbin

16.1.2020
NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it right here. (Sorry, Mac only.) It's super nice, is fast, and looks great. It has just the right features. But... I thought, at least at 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