Search
Detect git Directory with Bash
2.4.2020
One interesting aspect of working at Mozilla is that Firefox lives in a mercurial repository while several other projects live on GitHub in a git repository. While most focus on either Firefox or another project, I switch between both, leaving me running git commands inside the mercurial repository...
Inspirational Websites Roundup #14
30.3.2020
This roundup contains our personal selection of the most interesting websites that were released in the past couple of weeks.
Inspirational Websites Roundup #14 was written by Mary Lou and published on Codrops
Careful with Nested `display: grid; height: 100%;`
11.3.2020
It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments:
What a funny...
Sass !default and themeable design systems
11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this:
.c-text-input {
background-color: $form-background-color;
padding: 10px
}
If the $form-background-color variable isn’t defined then...
10 Interesting JavaScript and CSS Libraries for March 2020
10.3.2020
New JavaScript tools from the Facebook developers team, an excellent Electron starter kit. and more in our web dev resources compilation for March!
The Slideout Footer
5.3.2020
A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The content looks amazing, but of course, around here we're always interested in the design and tech as well. There is loads to adore, from the clean...
Awesome Demos Roundup #14
3.3.2020
Over the past weeks we've collected super interesting and creative web experiments for your inspiration.
Awesome Demos Roundup #14 was written by Mary Lou and published on Codrops
A Picture’s Worth a Thousand Words: 18 of the Coolest Visualizations for Exploring the Bitcoin Network
1.3.2020
Analyzing and exploring the Bitcoin blockchain is always interesting, but for the more abstract thinker, several sites provide unique looks at the network, nodes, and transaction data in easy to grok, visual fashion. Some of these even border on the psychedelic or sci-fi otherworldly, taking...
Bitcoin Cash Captured More Than 10% of Darknet Sales Last Month
12.2.2020
2019 was an interesting year for darknet markets (DNMs) and a number of marketplaces closed for a variety of reasons. Despite the closures, crypto payments on DNMs doubled for the first time in five years. Moreover, statistics from the blockchain analytics provider 1000x Group show digital...
10 Interesting JavaScript and CSS Libraries for February 2020
11.2.2020
Our web dev resources compilation for February comes packed with awesome React frameworks, tools for writing better tests, and much more!
UI Interactions & Animations Roundup #3
10.2.2020
The latest collection of interesting and modern UI interaction and animation concepts.
UI Interactions & Animations Roundup #3 was written by Mary Lou and published on Codrops
Metanyx Gears Up for 2020 With Interesting Roadmap
9.2.2020
Metanyx, if to be described in simple words, is like a junction where many blockchain experts and enthusiasts work together, sync their skills, passion, experience, and vision to develop the blockchain ecosystem a notch higher. The platform offers cutting-edge, well-grounded staking services....
Awesome Demos Roundup #13
7.2.2020
A fresh selection of the most interesting demos and web experiments from the past weeks.
Awesome Demos Roundup #13 was written by Mary Lou and published on Codrops
Native Image Lazy Loading in Chrome Is Way Too Eager
5.2.2020
Interesting research from Aaron Peters on <img loading="lazy" ... >:
On my 13 inch macbook, with Dock positioned on the left, the viewport height in Chrome is 786 pixels so images with loading="lazy" that are more than 4x the viewport down the page are eagerly fetched by Chrome...
Crafting a Cutout Collage Layout with CSS Grid and Clip-path
5.2.2020
Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.
Crafting a Cutout Collage Layout with CSS Grid and Clip-path was written by Briana Camp and published on Codrops
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...
The Web in 2020: Extensibility and Interoperability
22.1.2020
In the past few years, we’ve seen a lot of change and diversion in regard to web technologies. In 2020, I foresee us as a web community heading toward two major trends/goals: extensibility and interoperability. Let’s break those down.
Extensibility
Extensibility describes...
Thinking Through Styling Options for Web Components
16.1.2020
Where do you put styles in web components?
I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don't-leak-out...
A Web Component with Different HTML for Desktop and Mobile
16.1.2020
Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that ads present, and then presenting modern solutions to each of them.
One code snippet that caught my eye was a simple way to design a component...
Business Dad
15.1.2020
Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian, the co-founder of Reddit, talking to dads. The first episode is with Hasan Minhaj(!)
Speaking of podcasting, Dave wrote up his thoughts...