Render Caching for React

Server Side Rendering (SSR) is a very useful technique that makes web apps appear faster. The initial HTML is displayed before the JavaScript is parsed and, while the user is deciding what to tap on, our handlers are ready.

Server side rendering in React requires additional work to setup and has server costs. Furthermore, if your server team cannot have JavaScript running on your servers, you are stuck. It significantly complicates the CDN setup especially if you have pages that …

The post Render Caching for React appeared first on CSS-Tricks.

Read more

30+ Best Watercolor Background Textures

Using watercolor backgrounds and textures, with a watercolor painting effect, is a trend that took the world of design by surprise. These unique, colorful backgrounds can work beautifully with typography and simple design elements to give any design a fun edge. The background is an important part of any design project. Whether it’s a website […]
Read more

How to Use the Gutenberg Migration Guide to Deliver Modern WordPress Plugins

Love it or loathe it, Gutenberg is here to stay. As such, getting your WordPress themes and plugins to work with the new editor should be a primary concern. Truth be told, if you’re only just thinking about this aspect now, you’re cutting things pretty close. However, there’s still enough time to prepare your products, …
The post How to Use the Gutenberg Migration Guide to Deliver Modern WordPress Plugins appeared first on Torque.
Read more

Is Your Website Font Size Too Small? Large Text Is In

The standards for typography on the web have shifted. Designers are going with bigger, easier to read typography that is more seamless and consistent across devices. The trend toward bigger web typography started with oversized treatments above the scroll, from headlines to more artistic hero header text elements. Body text sizes concurrently started to increase […]
Read more

New mobile Chrome feature would disable scripts on slow connections

This is a possible upcoming feature for mobile Chrome:

If a Data Saver user is on a 2G-speed or slower network according to the NetInfo API, Chrome disables scripts and sends an intervention header on every resource request. Users are shown a UI at the bottom of the screen indicating the page has been modified to save data. Users can enable scripts on the page by tapping “Show original” in the UI.

And the people shout: progressive enhancement!

Jeremy Keith

The post New mobile Chrome feature would disable scripts on slow connections appeared first on CSS-Tricks.

Read more

How to Strengthen Your WordPress Brand With Your Blog

In today’s digital world, your online appearance can make or break your business. For most people, social media sites like Facebook, Twitter, and Instagram are the perfect platforms to market their brands and interact with customers. However, if you are serious about developing a good reputation online, social sites are not the best option for …
The post How to Strengthen Your WordPress Brand With Your Blog appeared first on Torque.
Read more

How to Switch Your Website Hosting Without Affecting Your SEO

If you have put in a lot of effort into your search engine optimization, you might be afraid that your efforts will go down the drain if you switch hosts. So does hosting affect SEO? Yes, it does. Web hosting for SEO is a critical factor for your rankings as it affects essential attributes such …
The post How to Switch Your Website Hosting Without Affecting Your SEO appeared first on Torque.
Read more

JAMstack_conf

I love a good conference that exists because there is a rising tide in technology. JAMstack_conf:

Static site generators, serverless architectures, and powerful APIs are giving front-end teams fullstack capabilities — without the pain of owning infrastructure. It’s a new approach called the JAMstack.

I’ll be speaking at it! I’ve been pretty interested in all this and trying to learn and document as much as I can.

Save $100 with csstricks100.

Direct Link to ArticlePermalink

The post JAMstack_conf appeared first on CSS-Tricks.

Read more

Props and PropTypes in React

React encourages developers to build by breaking a UI up into components. This means there will always be a need to pass data from one component to another — more specifically, from parent to child component — since we’re stitching them together and they rely on one another.

React calls the data passed between components props and we’re going to look into those in great detail. And, since we’re talking about props, any post on the topic would be …

The post Props and PropTypes in React appeared first on CSS-Tricks.

Read more