Search
Visual Studio Code Starter: MetaGo
26.1.2019
I'm a big believer in spending time to learn tools to make us more efficient in our code editors. VS Code is amazing because of all the productivity fea
Visual Studio Code Starter: MetaGo
26.1.2019
I'm a big believer in spending time to learn tools to make us more efficient in our code editors. VS Code is amazing because of all the productivity fea
Learn Flexbox on an Example Helpful and Enlightening Code Snippets
26.1.2019
Flexbox is a box module system that does not need any introduction, especially for those who uses CSS on a daily basis. It is a real lifesaver when it...
The post Learn Flexbox on an Example Helpful and Enlightening Code Snippets appeared first on Onextrapixel
Creating Your Own Gravity and Space Simulator
25.1.2019
Space is vast. Space is awesome. Space is difficult to understand — or so people tend to think. But in this tutorial I am going to show you that this is not the case. Quite the contrary; the laws that govern the motion of the stars, planets, asteroids and even entire galaxies are incredibly simple....
The Ultimate Guide to JavaScript Algorithms: String Reversal
23.1.2019
The string reversal algorithm is perhaps the most common JavaScript code challenge on the internet. In this article, we explore various string reversal techniques as a good number of string manipul
Announcing Scotch.io Coding Challenges! Weekly Code Tests and Twitch Live Streams!
22.1.2019
Code Challenges are an awesome way to improve your knowledge of web development, build interesting stuff and have fun at the same time.
The Scotch Code Challenges are weekly, short and fun challeng
New CodePen Feature: Prefill Embeds
21.1.2019
I've very excited to have this feature released for CodePen. It's very progressive enhancement friendly in the sense that you can take any <pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. It also...
Firefox DevTools WebConsole 2018 retrospective
21.1.2019
Here’s a wonderful post by Nicolas Chevobbe on what the Firefox DevTools team was up to last year. What strikes me is how many improvements they shipped — from big visual design improvements to tiny usability fixes that help us make sure our code works as we expect it to in the console....
Does it mutate?
18.1.2019
This little site by Remy Sharp's makes it clear whether or not a JavaScript method changes the original array (aka mutates) or not.
I was actually bitten by this the other day. I needed the last element from an array, so I remembered .pop() and used it.
const arr = ["doe", "ray", "mee"];
const...
Angular, Autoprefixer, IE11, and CSS Grid Walk into a Bar…
18.1.2019
I am attracted to the idea that you shouldn't care how the code you author ends up in the browser. It's already minified. It's already gzipped. It's already transmogrified (real word!) by things that polyfill it, things that convert it into code that older browsers understand, things that make...
2019 CSS Wishlist
17.1.2019
What do you wish CSS could do natively that it can't do now? First, let's review the last time we did this in 2013.
❌ "I'd like to be able to select an element based on if it contains another particular selector"
❌ "I'd like to be able to select an element based on the content...
Amazing User Agent API with userstack
17.1.2019
We do our best to design and code websites so that they look and perform the way they should regardless of device or browser, but the truth is we sometimes we need to code for specific device, browser, or crawler. Whether it’s a quick hack or a simply wanting to display different content...
How to Use Chrome Dev Tools to Find Performance Bottlenecks
17.1.2019
As one advances through a Software Development career, concerns beyond simply writing code that works arise. In the world of web development, it becomes pertinent to not only build functional softw
6 Awesome CSS Extensions for VS Code
15.1.2019
https://youtu.be/oalx7kxSU7s
One of the most impressive parts of Visual Studio Code is customizability, especially via extensions. With tons of dev
CSS doesn’t suck
15.1.2019
I'm not so protective of CSS that I'm above hearing it criticized, but I'm certainly in agreement here. CSS does not suck. I love how the post is framed to hype up current CSS features the way features of other languages and tools are hyped:
Imagine if a tech dude walked on stage at a conference...
JavaScript Labels
15.1.2019
No matter how long you’ve been a JavaScript developer, there will always be language features that you didn’t know about until you saw them in a fringe piece of code. Your reaction generally is a bit like: One of those features I see developers quizically trying to figure out...
Using React Portals to Render Children Outside the DOM Hierarchy
15.1.2019
Say we need to render a child element into a React application. Easy right? That child is mounted to the nearest DOM element and rendered inside of it as a result.
render() {
return (
<div>
// Child to render inside of the div
</div>
);
}
But! What if we want...
Build a Blog Using Express.js and React in 30 Minutes
14.1.2019
Building a web server sounds complicated, but it doesn't have to be! What if I told you that you can create a web server with just a couple lines of code? Yes! You can do things like this using Exp
Slice and Dice a Disc with CSS
13.1.2019
I recently came across an interesting sliced disc design. The disc had a diagonal gradient and was split into horizontal slices, offset a bit from left to right. Naturally, I started to think what would the most efficient way of doing it with CSS be.
Sliced gradient disc.
The first thought...
WDRL — Edition 253: Welcome back to a new year with Jank-Free Images, Styled Web Components, Human Branding and Code-Splitting
11.1.2019
Hey,
I’m happy to be back with a new edition of my Web Development Reading List in 2019. I’m grateful for all your ongoing givings to support my work and it makes me happy to hear that so many people find this resource very helpful. So if you enjoy reading it, share it with people you know, give...