Search
Code as Documentation: New Strategies with CSS Grid
24.5.2019
I work for Supercool, a fast-moving design agency that makes custom built sites for arts clients, powered by the off-the-shelf system, Craft CMS; it's high-spec graphic design with relatively demanding typography and art direction. Over the past few months we’ve been moving to CSS grid. We’re...
AhrvoDEEX: A Decentralized Stock Exchange (Broker) Powered by A.I.
24.5.2019
Identifying the best-performing stocks and predicting future performance is a stressful and time staking process for investors and traders. Over the last 25 years, an investor who picked the 10% of stocks analyst didn’t like, would have outperformed the stocks analyst did like by 15% the following...
Animated Page Transitions in Gatsby Websites
21.5.2019
GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s
Bloomberg: Blockchain-Powered IPO Platform to List First Company in June
20.5.2019
SprinkleXchange, a blockchain-powered initial public offering platform, is preparing to list its first company in June
Jet Powered 5-Seater Self Flying Aircraft Unveiled
17.5.2019
A startup company from Germany has revealed an all-electric self-flying 5 seater prototype of an air taxi. The German-based company, Lilium on Thursday announced that this taxi had made its first test flight successfully earlier this month. The aircraft took off, ran around and landed....
Collective #516
16.5.2019
Subgrid * Ola * PHP Insights * What the Fr(action)? * HandUI * Functional-ish JavaScript
Collective #516 was written by Pedro Botelho and published on Codrops
Major Brazilian Bank Brodesco Joins R3 Corda-Powered Global Trade Finance Network
14.5.2019
Prominent Brazlian bank Banco Bradesco has become the latest institution to join R3’s Marco Polo international blockchain network for trade finance
A Couple of New Wufoo Tips
4.4.2019
(This is a sponsored post.)
High fives to Wufoo, our long-time sponsor here on CSS-Tricks. It's powered the vast majority of forms I've built over the past decade. If you've never used it or heard of it: it's a form builder. It makes the arduous task of implementing forms trivially easy. Building...
Jetpack Gutenberg Blocks
28.3.2019
I remember when Gutenberg was released into core, because I was at WordCamp US that day. A number of months have gone by now, so I imagine more and more of us on WordPress sites have dipped our toes into it. I just wrote about our first foray here on CSS-Tricks and using Gutenberg to power...
A Gutenburg-Powered Newsletter
28.3.2019
I like Gutenberg, the new WordPress editor. I'm not oblivious to all the conversation around accessibility, UX, and readiness, but I know how hard it is to ship software and I'm glad WordPress got it out the door. Now it can evolve for the better.
I see a lot of benefit to block-based editors. Some...
Some Notes About Accessibility
20.3.2019
Earlier this month Eric Bailey wrote about the current state of accessibility on the web and why it felt like fighting an uphill battle:
As someone with a good deal of interest in the digital accessibility space, I follow WebAIM’s work closely. Their survey results are priceless insights into...
Collective #499
14.3.2019
KV Storage * ColouriseSG * Radicle * Accessibility Insights * Firefox Send * A Complete Guide to useEffect
Collective #499 was written by Pedro Botelho and published on Codrops
Image Distortion Effects with SVG Filters
12.3.2019
Three distortion effects powered by SVG filters that are applied to an image when hovering a link.
Image Distortion Effects with SVG Filters was written by Mary Lou and published on Codrops
The Client/Server Rendering Spectrum
6.3.2019
I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...
Nasdaq-Powered EU Digital Exchange DX Adds Tokenized ETFs
6.3.2019
EU-regulated digital trading platform DX.Exchange adds tokenized ETFs to its services
How I Built a GPS-Powered Weather Clock With My Old iPhone 4
17.1.2019
My first smartphone was an iPhone 4s. I remember the excitement of exploring its capabilities at a time when it was the coolest thing around. Eventually, of course, I replaced it with a newer model and the old iPhone, still in mint condition, gathered dust for two years. What a waste!
But was...
Styling a Web Component
8.1.2019
This confused me for a bit here so I'm writing it out while it's fresh in mind. Just because you're using a web component doesn't mean the styles of it are entirely isolated. You might have content within a web component that is styled normally along with the rest of your website. Like this:
See...
Google Fonts and font-display
19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web.
It's such a...
Page Flip Layout
12.11.2018
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
Page Flip Layout was written by Mary Lou and published on Codrops
The State of Headless CMS Market
19.7.2018
(This is a sponsored post.)
In March and April 2018, Kentico conducted the first global report about the state of headless CMS market. We surveyed 986 CMS practitioners in 85 countries about their opinions, adoption, and plans for using headless CMS. The survey contains valuable industry insights...