Search

Nalezeno "ai use": 3842

Browser Extensions I Actually Use

27.5.2018
I use around 10 at the moment and they all provide functionality to me I find extremely important. Sometimes that functionality is every day all day. Sometimes it's once in a blue moon but when you need it, you need it. Direct Link to Article — Permalink… The post Browser Extensions...

Dark theme in a day

21.5.2018
Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has...

Get to Know React's New Context API

18.5.2018
In a world where there are lots of different front-end frameworks, it's always hard to know which one to pick. Do I want to use the ever popular Angular? Or would diving into VueJS be beneficial to

A Strategy Guide To CSS Custom Properties

16.5.2018
CSS preprocessor variables and CSS custom properties (often referred to as "CSS variables") can do some of the same things, but are not the same. Practical advice from Mike Riethmuller: If it is alright to use static variables inside components, when should we use custom properties? Converting...

Overriding Default Button Styles

9.5.2018
There are a variety of "buttons" in HTML. You've got: <button>Button</button> <input type="button" value="Button"> Plus, for better or worse, people like having links that are styled to match the look of other true buttons on the site <a href="#0"...

Grid Level 2 and Subgrid

8.5.2018
I find the concept of subgrid a little hard to wrap my mind around. I do understand the idea that we want to use nested semantic markup as we like and have elements participate in one grid so we don't have to flatten our markup just for layout reasons. But that is largely handled by display:...

VS Code Can Do That?

7.5.2018
Clever microsite from Burke Holland and Sarah Drasner that highlights some of VS Code's coolest features. All fifteen of them are pretty darn cool. Here's a few other compelling features I've seen people use/love: There is a terminal right in there, so you don't need a separate app. The GitLens...

CSS Environment Variables

4.5.2018
We were all introduced to the env() function in CSS when all that drama about "The Notch" and the iPhone X was going down. The way that Apple landed on helping us move content away from those "unsafe" areas was to provide us essentially hard-coded variables to use: padding: ...

Building a Weather App in Django

2.5.2018
In this article we'll build a simple Django app that displays the current weather for various cities. To get the current weather data, we'll use the Open We

Finger-friendly numerical inputs with `inputmode`

30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...

Radial Gradient Recipes

26.4.2018
Radial gradients are pretty dang cool. It's amazing we can paint the background of an element with them so easily. Easily is a relative term though. It's certainly easier than needing to create a graphic in third-party software to use as the background, and the syntax is highly learnable. But it's...

What are Higher-Order Components in React?

19.4.2018
If you have been in the React ecosystem for a while, there is a possibility that you have heard about Higher Order Components. Let’s look at a simple implementation while also trying to explain the core idea. From here you should get a good idea of how they work and even put them to use. Why...

Creating Spacers with Flexbox

18.4.2018
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me. This greatly pains me because I feel left out of the […] The post Creating...

Destructuring and Function Arguments

3.4.2018
The JavaScript language has benefitted from some really awesome new features over the past few years, including arrow functions, the spread operator, and default function argument values. Even if your browser doesn’t yet support proposed JavaScript API syntax additions, you can use a tool...

How to Use Design Thinking to Solve Problems

12.3.2018
Design thinking is a term for a specific approach to problem solving. Whether you’re a designer, a developer, a business owner, anyone really, I’m sure at one point or... The post How to Use Design Thinking to Solve Problems appeared first on Onextrapixel