Search
Render Children in React Using Fragment or Array Components
17.7.2018
What comes to your mind when React 16 comes up? Context? Error Boundary? Those are on point. React 16 came with those goodies and much more, but In this post, we'll be looking at the rendering power it also introduced — namely, the ability to render children using Fragments and Array...
PSA: Yes, Serverless Still Involves Servers.
16.7.2018
You clever dog. You've rooted it out! It turns out when you build things with serverless technology you're still using servers. Pardon the patronizing tone there, I've seen one-too-many hot takes at this point where someone points this fact out and trots away triumphantly.
And yes, because...
Create your own Serverless API
16.7.2018
If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content.
But what if you want or need to make your own API? Serverless can help create...
Little Tip: Draw Your Grid in ASCII in Your CSS Comments for Quick Reference
9.7.2018
Say you declared a grid like this:
body {
display: grid;
grid-template-columns: min-content 1fr;
grid-template-rows: min-content auto min-content;
}
This depends on content, for sure, but how it's likely to play out is like this:
+---+-------------+
| | |
|...
10 Amazing Web Demos And Experiments for July 2018
9.7.2018
This July's collection of amazing demos that you should check out
Hide Information in Images
9.7.2018
If you’ve followed this blog, you know that I’m obsessed with figuring out every way to interact with, abuse, and convert different types of media. Whether it’s images, video, or audio, if something can be changed or exploited, I want to figure out how to do it. I remember...
Script & Style Show: Episode 14: CSS filters and mix-blend-mode with Tim Thomas
6.7.2018
In this week’s episode: David uses City Slickers to illustrate his sorrow over turning 35 years old while Todd tries to talk him down. Tim Thomas stops by to demo some really awesome animated effects you can do with CSS’ mix-blend-mode and filter. The demos are outstanding and really...
Clearfix: A Lesson in Web Development Evolution
3.7.2018
The web community has, for the most part, been a spectacularly open place. As such, a lot of the best development techniques happen right out in the open, on blogs and in forums, evolving as they’re passed around and improved. I thought it might be fun (and fascinating) to actually follow this...
Writing Good Support Requests
2.7.2018
My take on trying to be helpful to a support staff.
One bit is just as relevant for learning development:
Writing out a ticket will help you figure out the problem.
Sometimes when you have to take a second to collect your thoughts and explain something, the problem will become clear and maybe even...
Debugging Node Code in VS Code
25.6.2018
Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to
Debugging Node Code in VS Code
25.6.2018
Visual Studio Code has an amazing amount of functionality built in, including support for debugging applications. Although the functionality is there, it took me several tries to figure out how to
Don’t Use The Placeholder Attribute
22.6.2018
Eric Bailey takes a hardline position on <input placeholder>.
You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together:
Can’t be automatically translated;
Is oftentimes used in place of...
Don’t just copy the @font-face out of Google Fonts URLs
19.6.2018
I don't think this is an epidemic or anything, but I've seen it done a few times and even advocated for. This is what I mean...
You go to Google Fonts and pick a font like Open Sans, and it gives you either a <link> or an @import with a URL there in which to ready this font for usage...
10 Awesome Sass Libraries You Should Know About
19.6.2018
We share with you a collection of interesting Sass libraries that you should check out
Full Image Reveal Effect
12.6.2018
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
Full Image Reveal Effect was written by Mary Lou and published on Codrops
Code Challenge #11: JavaScript Functional Programming
12.6.2018
Previously on the code challenge #10, we delved into lazy loading images for performance, you can check out the challenge post and solution.
This week on the code challenge, we'll be re-visi
Creating a VS Code Theme
8.6.2018
Everyone has special and perhaps, particular, tastes when it comes to their code editor. There are literally thousands of themes out there, and for good reason: a thing of beauty and enhancement to productivity for one can be a hindrance to another.
It’s been an item on my bucket list to create...
The State of Changing Gradients with CSS Transitions and Animations
1.6.2018
Back in 2012, Internet Explorer 10 came out and, among other things, it finally supported CSS gradients and, in addition to that, the ability to animate them with just CSS! No other browser supported this at the time, but I was hopeful for the future.
Sadly, six years have passed and nothing...
Frustration
31.5.2018
Jeremy Keith talks about a couple of recent frustrating moments in his life. One regarding a musical instrument, one involving a build process:
That feeling of frustration I get from having wiring issues with a musical instrument is the same feeling I get whenever something goes awry with my...
Customize payment solutions with our enhanced platform
31.5.2018
(This is a sponsored post.)
We’ve upped our game by using developers’ feedback to improve the Authorize.Net payment platform. Check out our new, streamlined API, better sample code and SDKs, and use them to provide your merchants with a secure, scalable payment solution. You’ll see that it’s...