Search
Simple & Boring
25.3.2019
Simplicity is a funny adjective in web design and development. I'm sure it's a quoted goal for just about every project ever done. Nobody walks into a kickoff meeting like, "Hey team, design something complicated for me. Oh, and make sure the implementation is convoluted as well. Over-engineer that...
It’s pretty cool how Netlify CMS works with any flat file site generator
21.3.2019
Little confession here: when I first saw Netlify CMS at a glance, I thought: cool, maybe I'll try that someday when I'm exploring CMSs for a new project. Then as I looked at it with fresh eyes: I can already use this! It's a true CMS in that it adds a content management UI on top of any static site...
Intel staví nejrychlejší počítač světa pro vládu USA. Slíbil 1 exaflop
19.3.2019
Americké společnosti Intel a Cray pracují s americkou vládou a Argonne National Laboratory na stavbě superpočítače Aurora. Ten má stát půl miliardy dolarů a měl by dosáhnout výkonu 1 exaflop za sekundu.Další články k tématu:Američané mají dva nejvýkonnější superpočítače. Odsunují...
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
Setting Up a Node Project With Typescript
18.3.2019
Node, a run-time environment that makes it possible to write server-side JavaScript, has gained a lot of adoption since its release in 201
Chris Coyier’s Favorite CodePen Demos IV
25.2.2019
Did you know you can triple-heart things on CodePen? We’ve had that little not-so-hidden feature forever. You can click that little heart button on any Pen (or Project, Collection, or Post) on CodePen to show the creator a little love, but you can click it again and again to heart it just that...
instant.page
18.2.2019
instant.page is a pretty cool project from Alexandre Dieulot. Alexandre has been at this idea for half a decade now, as InstantClick is his and is essentially the same exact idea.
The idea is that there is a significant delay between hovering over a link and clicking that link. Say it takes...
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...
A Funny Thing Happened on the Way to the JavaScript
12.2.2019
Around this time last year, I wrote an article about the JavaScript learning landscape. Within that article, you’ll find my grand plans to learn JavaScript — complete with a link to a CodePen Collection I started for tracking my progress, and it even got dozens of comments cheering me on.
Like most...
Člověk zatím zvítězil, umělá inteligence však v debatní soutěži překvapila
12.2.2019
Vyhraje v debatě nad náhodně vybraným tématem člověk, nebo umělá inteligence? Tato otázka visela ve vzduchu v předvečer konference IBM Think 2019, kdy se systém Project Debater utkal se světovým debatním šampionem.Další články k tématu:Naučil překládat Google, teď pracuje na umělé inteligenci...
Well, Typetura seems fun
1.2.2019
I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?!
(Also, wow, I really have been out of the game for a minute.)
Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...
Use monday.com to Boost Project Organization and Team Collaboration
24.1.2019
(This is a sponsored post.)
Front-end development relies on organization and solid communication. Whether you're part of a team that builds large-scale sites or you're flying solo with a handful of quality clients, there are many pieces and steps to get a project from start to finish. And that's...
Why we need CSS subgrid
11.1.2019
I’m a huge fan of CSS Grid and I use it on pretty much every project these days. However, there’s one part of it that makes things much more complicated than they really ought to be: the lack of subgrids. And in this post on the matter, Ken Bellows explains why they’d be so gosh darn useful:
But...
How To Learn CSS
8.1.2019
Outside of my extreme envy of the SEO they are going to get out of this, Rachel is spot on here. Learning CSS has some pillars, like language syntax, selectors, layout, and flow that, once learned, unlock your CSS merit badge.
What I would add is that if you really want to learn CSS, give yourself...
Gulp for WordPress: Creating the Tasks
27.12.2018
This is the second post in a two-part series about creating a Gulp workflow for WordPress theme development. Part one focused on the initial installation, setup, and organization of Gulp in a WordPress theme project. This post goes deep into the tasks Gulp will run by breaking down what each task...
Convert Class Components to Functional Components in a React Project (Solution to Code Challenge #14)
14.12.2018
Last week on the code challenge we set out to refactor some class components in a create-react-app proj
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....
Realtime Cryptocurrency Rates API with coinlayer
24.7.2018
Last year when cryptocurrencies were gaining massively in value each month, I badly wanted to create a personal web project which would let me quickly buy and sell crypto outside of brokers like Coinbase; the problem I ran into was not having a reliable API for doing so. I recently discovered...
Font Playground
20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...
Vue + TypeScript: A Match Made in Your Code Editor
27.6.2018
Vue is so hot right now and I’ve been thinking of doing a serious project with it since quite a while, so when the opportunity popped up, I hopped in. But there was a little problem — one of the requirements of the project was to write it in TypeScript. At first, I was super stressed about...