Ship a Full-Stack App in Days with AWS Amplify Studio

(This is a sponsored post.) Amazon has a vision with AWS Amplify. First, a premise:

As browsers have become faster and more powerful over the last decade, front-end developers are building web apps that are more feature-rich and … https://css-tricks.com/ship-a-full-stack-app-in-days-with-aws-amplify-studio/

3y | CSS tricks
Embrace the Platform

So what is the one thing that people can do is to make their website better? To answer that, let’s take a step back in time …

The year is 1998, and the web is on the rise. In an … https://css-tricks.com/embrace-the-platform/

3y | CSS tricks
Why would a business push a native app over a website?

I wanted to write down what I think the reasons are here in December of 2021 so that we might revisit it from time to time in the future and see if these reasons are still relevant. I’m a web … https://css-tricks.com/why-would-a-business-push-a-native-app-over-a-website/

3y | CSS tricks
Using Position Sticky With CSS Grid

Say you’ve got a two-column CSS grid and you want one of those columns to behave like position: sticky;. There is nothing stopping you from doing that. But the default height for those two columns is going to be … https://css-tricks.com/using-position-sticky-with-css-grid/

3y | CSS tricks
Standardizing Focus Styles With CSS Custom Properties

Take two minutes right now and visit your current project in a browser. Then, using only the Tab key, you should be able to navigate between interactive elements including buttons, links, and form elements.

If you are sighted, you should… https://css-tricks.com/standardizing-focus-styles-with-css-custom-properties/

3y | CSS tricks
Eye Droppin’

Quick hits! There is a new web API called EyeDropper:

if ('EyeDropper' in window) { const eyeDropper = new EyeDropper(); try { // This has gotta be triggered by a user interaction, // so consider this pseudo-code. const result … https://css-tricks.com/eye-droppin/

3y | CSS tricks
Some notes on using esbuild

This is a fantastic article from Julia Evans about duking it out with modern front-end tooling. Julia was made a bunch of Vue projects and typically uses no build process at all:

 I usually have an index.html file, a script.js… https://css-tricks.com/some-notes-on-using-esbuild/

3y | CSS tricks
Cut through the noise with immediate visual feedback

(This is a sponsored post.) MarkUp is the leading visual commenting platform for images, PDFs, and live websites. It’s the perfect companion in your creative process to make your life easier. Manage and organize all web, PDF, and image … https://css-tricks.com/cut-through-the-noise-with-immediate-visual-feedback/

3y | CSS tricks
Help Users Accomplish What They Came For

From my perspective, the question of what one thing we can do to make a website better is not a technical one. The more I browse the internet, the more I realize that the biggest issue with a lot of … https://css-tricks.com/help-users-accomplish-what-they-came-for/

3y | CSS tricks
Flip, Invert, and Reverse

The SVG syntax is a beast. There are all sorts of commands that make up a mini-language all of its own — so powerful that it’s capable of drawing anything. Don’t be too scared of it, though, because some … https://css-tricks.com/flip-invert-and-reverse/

3y | CSS tricks

Szukaj