Search
APIs and Authentication on the Jamstack
31.3.2020
The first “A” in the Jamstack stands for “APIs” and is a key contributor to what makes working with static sites so powerful. APIs give developers the freedom to offload complexity and provide avenues for including dynamic functionality to an otherwise static site. Often, accessing an API requires...
How Do You Do max-font-size in CSS?
30.1.2020
CSS doesn't have max-font-size, so if we need something that does something along those lines, we have to get tricky.
Why would you need it at all? Well, font-size itself can be set in dynamic ways. For example, font-size: 10vw;. That's using "viewport units" to size the type, which will...
Build a dynamic JAMstack app with GatsbyJS and FaunaDB
23.1.2020
In this article, we explain the difference between single-page apps (SPAs) and static sites, and how we can bring the advantages of both worlds together in a dynamic JAMstack app using GatsbyJS and FaunaDB. We will build an application that pulls in some data from FaunaDB during build time...
Adding Dynamic And Async Functionality To JAMstack Sites
2.1.2020
Jason Lengstorf:
Here’s an incomplete list of things that I’ve repeatedly heard people claim the JAMstack can’t handle that it definitely can:
Load data asynchronously
Handle processing files, such as manipulating images
Read from and write to a database
Handle user authentication and protect...
So Many Color Links
27.12.2019
There's been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment.
Curated colors in context
Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That's a nice way to do...
Collective #572
9.12.2019
Accessibility Tips * Browser Default Styles * Dynamic CSS Color Theming * Flynt * AnonAddy * Sentence lengths * NanoNeuron
Collective #572 was written by Pedro Botelho and published on Codrops
The Rising Complexity of JAMstack Sites and How to Manage Them
5.12.2019
When you add anything with user-generated content or dynamic data to a static site, the complexity of the build process can become comparable to launching a monolithic CMS. How can we add rich content to static sites without stitching together multiple third-party services?
For people in...
Despite Market Turbulence, Bitcoin’s Support Lines Remain Intact
24.11.2019
Technical analysis of price trends is a topic ever electrifying the world of crypto investment with, dynamic debate on social media and beyond. While there are no guarantees, there are fundamental methods for looking at data which can provide valuable insights, such as analysis of price support...
Real-Time Google Search Results API with serpstack (Sponsored)
19.11.2019
In my early web days, I was interested in scraping and collecting data based on the results of Google searches. Scraping Google was easier in those days but now Google search results are so dynamic that you can’t rely on getting the same HTML or data structure back. Add in CAPTCHAs, rate...
Some CSS Grid Strategies for Matching Design Mockups
14.11.2019
The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to look unique and beautiful (and true to their initial vision), whereas many developers find more value in an outcome that is consistent...
Working with Fusebox and React
8.11.2019
If you are searching for an alternative bundler to webpack, you might want to take a look at FuseBox. It builds on what webpack offers — code-splitting, hot module reloading, dynamic imports, etc. — but code-splitting in FuseBox requires zero configuration by default (although webpack will offer...
Andrew Yang’s ‘Freedom Dividend’ Is Not Only Unnecessary, It’s Unethical
2.11.2019
Andrew Yang has taken to Twitter in dynamic fashion as of late, advertising his universal basic income (UBI) proposal known as the “Freedom Dividend.” While throwing money at people out of pocket always generates a buzz, there’s a mathematically and ethically broken side to...
Are There Random Numbers in CSS?
29.10.2019
CSS allows you to create dynamic layouts and interfaces on the web, but as a language, it is static: once a value is set, it cannot be changed. The idea of randomness is off the table. Generating random numbers at runtime is the territory of JavaScript, not so much CSS. Or is it? If we factor in...
3. Prague Flutter meetup
8.10.2019
Třetí Prague Flutter meetup se bude konat 17. října v prostorách Google. Zveme všechny zájemce o Flutter! Program Ondřej Kunc: Dynamic Forms Jirka Pénzeš: TBA Kirill Bubochkin: Flutter for Web The One With…
Using Custom Properties to Wrangle Variations in Keyframe Animations
12.9.2019
Have you ever wondered how to customize CSS animations keyframes without using any preprocessor feature, like mixins? I keep reaching for preprocessors for this reason, but it would so nice to drop yet one more dependency and go with vanilla CSS.
Well, I found a way to account for variations within...
Learn Design for Developers and SVG Animation with Sarah Drasner ✨????
5.9.2019
(This is a sponsored post.)
Hey, Marc here from Frontend Masters — excited to support CSS-Tricks ❤️!
Have you checked out Sarah Drasner's courses yet? She has two awesome courses on Design for Developers and SVG! Plus another introducing Vue.js!
Design for Developers
In...
Let’s Build a JAMstack E-Commerce Store with Netlify Functions
20.8.2019
A lot of people are confused about what JAMstack is. The acronym stands for JavaScript, APIs, and Markup, but truly, JAMstack doesn’t have to include all three. What defines JAMstack is that it’s served without web servers. If you consider the history of computing, this type of abstraction isn’t...
The Entire Bitcoin Dynamic is Changed by the Lightning Network, Says Samson Mow
18.8.2019
Samson Mow, BTCC Exchange’s Founder and Magical Crypto Friends and Blockstream’s present CSO, recently shared his views on Bitcoin’s status and Lightning Network’s advantages in an extensive conversation with SFOX. Blockstream has intended to extend its support to the network of Bitcoin through...
Creating Dynamic Routes in a Nuxt Application
30.7.2019
In this post, we’ll be using an ecommerce store demo I built and deployed to Netlify to show how we can make dynamic routes for incoming data. It’s a fairly common use-case: you get data from an API, and you either don’t know exactly what that data might be, there’s a lot of it, or it might change....
Dynamic Imports and F# Pipes Officially Land in Babel 7.5
12.7.2019
A few days ago, the Babel team release two new feature proposals among all the awesome features we are looking forward to at the next major release. Over time, they have added a lot new things adde