Search
The Many Ways to Include CSS in JavaScript Applications
8.7.2019
Welcome to an incredibly controversial topic in the land of front-end development! I’m sure that a majority of you reading this have encountered your fair share of #hotdrama surrounding how CSS should be handled within a JavaScript application.
I want to preface this post with a disclaimer: There...
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
10 Interesting JavaScript and CSS Libraries for July 2019
8.7.2019
Better vanilla JS syntax, awesome CSS snippets and more cool libraries in our compilation for July 2019
React Starter: Editor Tools
8.7.2019
Before we move into more coding with React, let's talk about the tools that can help us streamline our React development. We want to go into our React development as well equipped as possible!
VS Code June Update: Status Bar Updates, Indent Guides, and more
8.7.2019
It's amazing that VS Code can consistently come out with meaningful updates month after month. The commitment that team has to the needs of the community
New Cambridge Research Shows That Bitcoin Consumes More Power Than Entire Switzerland
6.7.2019
Cryptocurrencies are high energy consuming assets, and Bitcoin is expectedly the highest consumer. However, the recent research by the University of Cambridge is something bigger than most would have expected. Bitcoin consumes more electricity than the entire nation of Switzerland. As of now,...
‘Don’t Worry We Can Just Print More Money’ – Swedish Central Bank Ponders -1.5% Interest Rate
6.7.2019
At a press conference on Wednesday, the head of the Swedish Central Bank admitted that interest rates could potentially go as low as -1.5%, and quipped that Swedes likely wouldn’t even protest. Other countries implementing negative interest rate policies are producing lukewarm results that...
Five Methods for Five-Star Ratings
5.7.2019
In the world of likes and social statistics, reviews are very important method for leaving feedback. Users often like to know the opinions of others before deciding on items to purchase themselves, or even articles to read, movies to see, or restaurants to dine.
Developers often struggle with with...
PSA: Linking to a Code of Conduct Template is Not the Same as Having a Code of Conduct
5.7.2019
Did you know we have a site that lists all upcoming conferences related to front-end web design and development? We do! If you're looking to go to one, check it out. If you're running one, feel free to submit yours.
Now that we're running this, I've got loads of Pull Requests for conferences...
The Twelfth Fourth
4.7.2019
CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me.
How the hell can a person go to work in the morning
And come home in...
CSS-Tricks on Flywheel
4.7.2019
I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you'll get all sorts of answers, but an awful lot of very strong recommendations for Local. I've become one of them!...
39,000 More Merchants Can Accept Litecoin With Flexa Integration
4.7.2019
Litecoin is now accepted by around 40,000 more merchants including Whole Foods, following integration with Flexa network
Menus with “Dynamic Hit Areas”
3.7.2019
Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should work with clicks and taps, too. Without that, you've broken the menu for anyone without a mouse. That doesn't mean you can't also use :hover....
Hey, let’s create a functional calendar app with the JAMstack
3.7.2019
Hey, let's create a functional calendar app with the JAMstack
I’ve always wondered how dynamic scheduling worked so I decided to do extensive research, learn new things, and write about the technical part of the journey. It’s only fair to warn you: everything I cover here is three weeks of research...
Haunted: Hooks for Web Components
3.7.2019
I was just chatting with Dave and he told me about Haunted. It's hooks, but for native web components! Pretty cool. I think the existence of stuff like this makes using web components more and more palatable — particularly in that totally-native no-build-step-needed-at-all kinda way.
I...
Bitcoin (BTC) Falls by More than $200 over 7 Hours; May close Near $11,520
3.7.2019
Bitcoin has shown five huge price variations in the last 7 hours. The closing price may get as high as 11,520 USD. Bitcoin’s latest growth has attracted a huge number of speculators and short-term traders. The unprecedented ups and downs have given huge space and opportunities of...
O3 Smart Wallet Now Supports BTC, ETH, USDC, LTC, EOS, And Many More Cryptos
3.7.2019
Recently, the smart crypto wallet – O3, was launched for mobile and desktop usage. With the recent growth of the O3 features due to the collaboration with Coinbase earlier last month, the company has now expanded to include a variety of cryptocurrencies. The recently added cryptocurrencies...
Graphical User Interfaces for Git
3.7.2019
Git is command-line-driven software, but that doesn't mean you have to use the command line to make it work. There are lots of options! Some of the deepest programmer nerds I know prefer to use GUIs for Git (Graphic
User Interface, or you know, software you can see things and click stuff), and some...
Toast
3.7.2019
One day, all the sudden, I started hearing jokes about toast. I had no idea what the context was. I assumed some friends just got started telling toast jokes, which isn't rare by any means. But it turns out it was a whole thing. It got me thinking, jeez, if I can't keep up with this stuff when it's...
Restricting a (pseudo) element to its parent’s border-box
2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS.
The desired result.
This...