Search
Create a Bouncing Page Loader with CSS3 Animations
7.5.2019
Side projects are not only fun but they bring a whole lot of learning experience for you. While hunting for a pre-built page loader for a website I ended up coding one for myself.
Initially
Making Web Components for Different Contexts
2.5.2019
This article isn’t about how to build web components. Caleb Williams already wrote a comprehensive guide about that recently. Let’s talk about how to work with them, what to consider when making them, and how to embrace them in your projects.
If you are new to web components, Caleb’s guide is...
Using Parcel as a Bundler for React Applications
25.4.2019
You may already be familiar with webpack for asset management on projects. However, there’s another cool tool out there called Parcel, which is comparable to webpack in that it helps with hassle-free asset bundling. Where Parcel really shines is that it requires zero configuration to get up...
10 Interesting JavaScript and CSS Libraries for April 2019
18.4.2019
Our web dev resources collection for April is filled with amazing open-source projects, useful CSS tools and React components
Wrap a Vanilla JavaScript Package for Use in React
17.4.2019
Complex web projects often require the use of 3rd party widgets. But what if you're using a framework while a widget is only available in pure JavaScript?
To use a JavaScript w
Undefined: The Third Boolean Value
5.4.2019
I wanted to implement a notification message in one of my projects, similar to what you’d see in Google Docs while a document is saving. In other words, a message shows up indicating that the document is saving every time a change is made. Then, once the changes are saved, the message becomes: “All...
Next Genpm
27.3.2019
So many web projects use npm to pull in their dependencies, for both the front end and back. npm install and away it goes, pulling thousands of files into a node_modules folder in our projects to import/require anything. It's an important cog in the great machine of web development.
While I don't...
Technical Debt is Like Tetris
21.3.2019
Here’s a wonderful post by Eric Higgins all about refactoring and technical debt. He compares giant refactoring projects to being similar to Tetris:
Similar to running a business, Tetris gets harder the longer you play. Pieces move faster and it becomes harder to keep up.
Similar to running...
Some Notes About Accessibility
20.3.2019
Earlier this month Eric Bailey wrote about the current state of accessibility on the web and why it felt like fighting an uphill battle:
As someone with a good deal of interest in the digital accessibility space, I follow WebAIM’s work closely. Their survey results are priceless insights into...
Schematics: A Plug-in System for JavaScript Projects
18.3.2019
Schematics is a tool from the Angular team that allows you to manipulate projects with code. You can create files, update existing files, and add dependencies to any project that has a packag
10 Interesting JavaScript and CSS Libraries for February 2019
21.2.2019
This month's web dev collection has it all! Cool CSS frameworks, powerful JS libraries, and a couple of fun projects thrown in for good measure
Use monday.com to manage and share projects all in one place
14.2.2019
(This is a sponsored post.)
We've talked quite a bit about project management and workflows around here at CSS-Tricks, not because it's the core of what we do as designers and developers, but because we all play a role in it as part of a team and because it impacts the quality of our work at...
Secure Dependencies with GitHub and Dependabot
6.2.2019
Updating and confirming security for dependencies from open source projects just became a lot more easier, GitHub announced
Build a To-Do application Using Django and React
6.12.2018
Web development has grown rapidly over the last decade, and there's a long list of frameworks to choose from when building your projects. A developer’s decision on what framework(s) to use for a p
17 Designers with Fantastic Side Projects
29.10.2018
It’s important to have something outside of work for all of us, like a hobby or a side project. It keeps us sane; it keeps us creative. What you...
The post 17 Designers with Fantastic Side Projects appeared first on Onextrapixel
Manage Your Projects And Clients In One Place With Monday.com
3.9.2018
[ This is a sponsored post on behalf of Monday ] Monday.com is a project management tool for teams and freelancers that allows you to manage your projects, team,...
The post Manage Your Projects And Clients In One Place With Monday.com appeared first on Onextrapixel
Visual. Intuitive. Unlike Anything Else.
26.7.2018
(This is a sponsored post.)
monday.com is a team management tool that’s found favor with more than 34,000 teams, including teams of two to teams of 2,000+, teams working for startups, and teams working on projects for Fortune 500 companies like AOL, Adidas, Samsung, and the Discovery Channel...
React Node Flow
27.6.2018
Flow, the static type checker used in many React projects, feels like a gift and a curse at times; a gift in that it identifies weaknesses in your code, and a curse that sometimes you feel like you’re needlessly adjusting your code to satisfy Flow. I’ve grown to appreciate Flow...
Balancing Time
22.6.2018
I first wrote this post four years ago. I put it on a blog that no longer exists. Funnily enough, I still refer to it myself, so I figured it might be best served in a place where other people can see it. I've made only a few minor tweaks to the original content. A lot about how I work has changed...
A Quick Roundup of Recent React Chatter
12.6.2018
Like many, many others, I'm in the pool of leveling up my JavaScript skills and learning how to put React to use. That's why Brad Frost resonated with me when he posted My Struggle to Learn React."
As Brad does, he clearly outlines his struggles point-by-point:
I have invested enough time...