Search
45 Web Tools To Master The Internet (Sponsored)
26.8.2019
A big part of our daily jobs is accomplished with much ease and efficiency by using different web tools and services. There is no doubt that for any type of need there is a great solution that is doing its job. In this article, we are reviewed on short 45 web tools and services that […]
The...
Popular Web Tools and Services Among Designers & Developers (Sponsored)
26.8.2019
Today we will present you the most popular 30 web tools and services among designers and developers. We handpicked solutions that are offering the best functionalities, support, and pricing on the market. You will find probably the best logo design creating software, the very well-known Hotjar...
Promises and Static Values
23.8.2019
Async can throw a real wrench into the cogs of our programming workflows, all despite the fact that async is the modern JavaScript pattern. While async/await helps, there’s sometimes confusion about the way to have a single function that returns a value whether it exists or needs a Promise...
Mercurial Tips
19.8.2019
While most of the world seems to be using git for version control, Mozilla continues to use Mercurial (hg) to manage the Firefox source code. As a git and GitHub lover, it took me a while to get used to Mercurial. I don’t consider myself a hg expert but I know enough to complete...
Data URIs
18.8.2019
We’re all familiar with traditional URI protocols like https, http, ftp, and file, but data URIs have become a large part of our online strategy. We can use them to display images, the Mac camera and webcams, and more. But what if we simply want to use a data URI to convey basic data? Typing...
Moving Text on a Curved Path
9.8.2019
There was a fun article in The New York Times the other day describing the fancy way Elizabeth Warren and her staff let people take a selfie with Warren. But... the pictures aren't actually selfies because they are taken by someone else. The article has his hilarious line of text that wiggles by...
How to Crop Videos
9.8.2019
During a recent episode of the Script and Style podcast, I had noticed that the video recording had showed a bit of our internal chat that wasn’t necessary for our viewers to see. While there’s nothing wrong with giving viewers a peek into the show preparation, presenting the best...
then on Objects
5.8.2019
Promises were a revelation in JavaScript development, allowing us to enjoy async processing and avoid callback hell. Many new APIs like Battery API, Cache API, and others use the promise API. One fact you may not know is that you can add a then method to any object to make it Promise-like!...
Weekly Platform News: Preventing Image Loads with the Picture Element, the Web We Want, Svg Styles Are Not Scoped
1.8.2019
In this week's week roundup of browser news, a trick for loading images conditionally using the picture element, your chance to tell bowser vendors about the web you want, and the styles applied to inline SVG elements are, well, not scoped only to that SVG.
Let's turn to...
Making a Realistic Glass Effect with SVG
1.8.2019
I’m in love with SVG. Sure, the code can look dense and difficult at first, but you’ll see the beauty in the results when you get to know it. The bonus is that those results are in code, so it can be hooked up to a CMS. Your designers can rest easy knowing they don't have to reproduce an effect...
CSS prefers-reduced-motion Media Query
30.7.2019
When I started in the web development industry, media queries were limited — screen and print were the two media queries I was most often using. More than a decade later, media queries have advanced to various screen units, feature checking, and even color scheme preference. I’ve been...
Optional Chaining
29.7.2019
For all of the improvements that the JavaScript language has added over the past few years, like the spread operator, default argument values, and arrow functions, there are still a few features I’d love to see implemented. On such feature is optional chaining. Optional chaining allows...
JavaScript Proxy with Storage
26.7.2019
The JavaScript Proxy API provides a wealth of “magic” within JavaScript, allowing you to use any object as sort of an alias that allows a wall of validation, formatting, and error throwing. Did you know that you could also employ the Proxy API as an abstraction to different types...
Zdog
24.7.2019
David DeSandro has loads of super cool JavaScript libraries he's created over the years. His latest is Zdog, a "round, flat, designer-friendly pseudo-3D engine for canvas & SVG." It's only been about a month since he dropped it (although, like any good library, it's been simmering) and it...
Grab a .DEV Domain from Hover! (Sponsored)
19.7.2019
I can say that the biggest and best changes in my professional life came from starting this blog — it was the springboard for conference speaking, open source, and joining Mozilla. I’ve always urged ever developer to have a blog to showcase talent, explore new technology, and to network. What’s...
Detect Cryptocurrency by Wallet Address
16.7.2019
I’ve always been a massive advocate of cryptocurrency. I love the technology, the ease of use, and the freedom that cryptocurrencies bring to the world. Despite my love of crypto, I know that adoption will take a long time and that the state of crypto is not friendly to new adopters. One scary part...
Managing Multiple Backgrounds with Custom Properties
15.7.2019
One cool thing about CSS custom properties is that they can be a part of a value. Let's say you're using multiple backgrounds to pull off a a design. Each background will have its own color, image, repeat, position, etc. It can be verbose!
You have four images:
body {
background-position:
...
CSS Gradient Text
15.7.2019
Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy. That got me thinking about fonts and CSS gradients, since...
Animating with Clip-Path
9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....