Search

Nalezeno "dynamic": 250

Build a dynamic JAMstack app with GatsbyJS and FaunaDB


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


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


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


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


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


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)


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


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


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

Are There Random Numbers in CSS?


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


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


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 ✨????


(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


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

Creating Dynamic Routes in a Nuxt Application


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

Menus with “Dynamic Hit Areas”


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


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

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