Search
6 Popular CSS Frameworks to Use in 2019
7.1.2019
Creating consistent, concise, and effective CSS can be quite a lot of work. There are so many things to consider like responsiveness, accessibility, and structure. This is exactly why CSS Framework
Jetpack
3.1.2019
My favorite way to think about Jetpack is that it's a WordPress plugin that brings a whole heap of features to your site. I've documented the features that we use here on CSS-Tricks, which isn't even all of them (yet).
Some of Jetpack features are essentially connecting it to the powers...
Quicklink
3.1.2019
We're in the future now so, of course, we're working on ways to speed up the web with fancy new tactics above and beyond the typical make-pages-slimmer-and-cached-like-crazy techniques.
One tactic, from years ago, was InstantClick:
Before visitors click on a link, they hover over that link. Between...
Thank You (2018 Edition)
1.1.2019
Another year come and gone! As we do each year, let's take a look at the past year from an analytical by-the-numbers perspective and do a goal review. Most importantly, I'd like extend the deepest of thanks to you, wonderful readers of CSS-Tricks, for making this place possible.
This site has...
Gulp for WordPress: Initial Setup
26.12.2018
This is the first part of a two-part series on creating a Gulp workflow for WordPress theme development. This first part covers a lot of ground for the initial setup, including Gulp installation and an outline of the tasks we want it to run. If you're interested in how the tasks are created, then...
People Talkin’ Shapes
22.12.2018
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
Float shape-outside...
How to Use Google’s SMTP Server to Send Emails for Free
15.12.2018
Google’s SMTP server is a free service that you can use to send emails from your custom domain, website, or web application. SMTP stands for Simple Mail Transfer Protocol....
The post How to Use Google’s SMTP Server to Send Emails for Free appeared first on Onextrapixel
Rendering Lists Using React Virtualized
13.12.2018
Working with data in React is relatively easy because React is designed to handle data as state. The hassle begins when the amount of data you need to consume becomes massive. For example, say you have to handle a dataset which is between 500-1,000 records. This can result in massive loads and lead...
Web Designs That Feel Like Ancient History, but Are More Recent Than You Think
12.12.2018
Flickr announced not long ago that they are limiting free accounts to 1,000 photos. I don't particularly mind that (because it seems like sound business sense), although it is a bit sad that a ton of photos will be nuked from the internet. I imagine the Internet Archive will swoop in and get most...
Prototypes and production
11.12.2018
There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week:
...every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended...
What makes someone a good front-end developer?
11.12.2018
We recently covered this exact same thing, but from the perspective of a bunch of developers.
Chris Ferdinandi weighs in:
The least important skills for a front-end developer to have are technical ones.
The nuances of JavaScript. How to use a particular library, framework, or build tool. How...
What do you name color variables?
7.12.2018
What naming scheme do you use for color variables? Have you succeeded at writing CSS that uses color variables in a manner agnostic to the colors they represent?I've tried all of the following, and I have yet to succeed at writing CSS that works well with any color scheme....
WDRL — Edition 251: Clear Site Data, Edge will use Chromium, Register you SPA as Share Target, And Fix Things Later
7.12.2018
Hey,
The web gets more complicated every week. With each new feature added to browsers, being explored by security reasearchers and other things, it gets harder for developers to grasp all that. Don’t get me wrong — it’s not that I dislike all the new features, I really like many of them. But...
Compound Components in React Using the Context API
7.12.2018
Compound components in React allow you to create components with some form of connected state that’s managed amongst themselves. A good example is the Form component in Semantic UI React.
To see how we can implement compound components in a real-life React application, we’ll build a compound...
DRY State Switching With CSS Variables: Fallbacks and Invalid Values
6.12.2018
This is the second post in a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. The first installment walks through various use cases where this technique applies. This post...
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
DRY Switching with CSS Variables: The Difference of One Declaration
5.12.2018
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. This first installment walks through various use cases where this technique applies. The second...
Authenticating a GraphQL API with AWS
3.12.2018
In my previous post, "Creating a GraphQL API with AWS", we walked through & learned how to create an AWS AppSyn
An Introduction to CSS Shapes
29.11.2018
CSS Shapes allow us to make interesting and unique layouts by defining geometric shapes, images, and gradients that text content can flow around. Learn how to use them in this tutorial.
An Introduction to CSS Shapes was written by Tania Rascia and published on Codrops
10 Node Frameworks to Use in 2019
28.11.2018
Introduction
More developers have switched to using JavaScript to build more applications, especially for the web. This has brought about an exponential growth in the usage of frameworks b