Search

Nalezeno "when we are in need": 1519

Centering: The Newest Coolest Way vs. The Oldest Coolest Way

20.6.2018
This isn't a comprehensive guide to centering things. We have that! This is just a little observation about old and new. One of the trickier things related to centering in CSS is when you need to center both vertically and horizontally and you don't know the width or height of what you...

3 Useful TypeScript Tips for Angular

4.6.2018
These are the 3 tips I found pretty handy while working with Typescript: Eliminating the need to import interfaces Making all interface properties optional Stop throw

HSL() / HSLa() is great for programmatic color control

1.6.2018
If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things...

Transmit Droplets

30.5.2018
Ethan Marcotte documented his workflow for storing GIFs in a web directory. Sometimes just SFTPing files into a folder is as fancy a workflow as you need, and in fact, modern workflows don't have anything on it! I've also used Transmit's fancy features for this kind of thing. I prefer saving...

Managing State in React With Unstated

29.5.2018
As your application becomes more complex, the management of state can become tedious. A component's state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex...

How to Delete Untracked Files in a Mercurial Repository

29.5.2018
Working around Firefox at Mozilla means that you need to get acquainted with mercurial, the version control system that rivals git and svn.  Like any tool, hg (mercurial) can be difficult until you’re well versed with it.  And if you hg import a URL that doesn’t match up with...

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...

How React Reconciliation Works

17.5.2018
React is fast! Some of that speed comes from updating only the parts of the DOM that need it. Less for you to worry about and a speed gain to boot. As long as you understand the workings of setState(), you should be good to go. However, it’s also important to familiarize yourself with how this...

Locate and identify website visitors by IP address

10.5.2018
(This is a sponsored post.) Big thanks to ipstack for sponsoring CSS-Tricks this week! Have you ever had the need to know the general location of a visitor of your website? You can get that information, without having to explicitly ask for it, by the user’s IP address. You’re just going to need...

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...

Container-Adapting Tabs With “More” Button

2.5.2018
Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways. There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve....

Change Python Version

1.5.2018
Python plays a major role at Mozilla; much of our website backends and tooling are written in the powerful language.  Want to build Firefox?  You’ll need to make sure you have the proper Python version, which I recently found out had been upgraded. Despite installing and verifying I had...

Grid to Flex

24.4.2018
Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes: CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...

Set a Default Push Remote with git

27.3.2018
During my early days of git usage, my config allowed me to simply type git push instead of git push {origin} {branch_name} which I need to now.  Up until recently I needed to type out the long version…(I know)…which was incredibly annoying because I like using detailed branch names....

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace