Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Recently I had some fun implementing an image carousel for Pinafore. The requirements were pretty simple: users should be able to swipe horizontally through up to 4 images, and also pinch-zoom to get a closer look.

Хоррор в мировой культуре - это то, о чем мы пишем на портале RussoRosso, и что искренне любим. Мы будем рады стать вашими проводниками и собеседниками в жутких странствиях по миру ужасов.

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors.

That being said, more and more often in my work I see lots of opportunities being left on the table through unconsidered or even completely overlooked caching practices. Perhaps it’s down to the heavy focus on first-time visits, or perhaps it’s a simple lack of awareness and knowledge? Whatever it is, let’s have a bit of a refresher.

We assessed different tools and products, settling on the following tech stack:

• Gatsby
• Storybook
• Prismic
• Shopify
• Firebase

That is over 500KB that my users would have to download on top of the website, regardless if they'll watch the video. Do you have any idea how heavy this might hit your users, specially the ones with slow connection or low performing machines? To add insult to injury they'd also be being tracked—Hi Google—for just loading a video they didn't even know was there.

On WordPress websites, I often add the ability for clients to add videos to their content, and while I use Advanced Custom Fields to achieve this, I don’t use the oEmbed field type. This is because often the video cards feature custom play buttons, additionally as it turns out – clients really like being able to easily control the video thumbnail image in the CMS without touching their YouTube or Vimeo account. Also, I like to play the video in a lightbox after user clicks – this allows more control over the interface & player. I am a big fan of Magnific Popup for this…

Progressive Web Apps (PWA) are reliable, fast, and engaging, although there are many things that can take a PWA from a baseline to exemplary experience.

To help teams create the best possible experiences we've put together this checklist which breaks down all the things we think it takes to be a Baseline PWA, and how to take that a step further with an Exemplary PWA by providing a more meaningful offline experience, reaching interactive even faster and taking care of many more important details.

Choose your technology. Use the API to fetch content. Empower your content team.

Parcel is a very powerful compiling/process/whatever JavaScript tool that can automate your entire workflow and very easily. It’s based on a zero-config ideology. It’s not entirely zero-config but it has “sane” configs for 90% of use-cases.

Original movie reviews untainted by time!

Pinafore is a web client for Mastodon, designed for speed and simplicity.

In this blog post we are going to look at another icon library, FontAwesome, and how to add it to your Ionic application. FontAwesome is a popular icon library and provides over 1500 icons for free. For $60 a year you get additional access to more than 3500 icons, total over 5000 icons.

О международном и российском кино

Following this pole on Twitter I thought I’d take a look at spinning up a project using Parceljs.

I’ve used Gulp for years and Grunt before that. Parcel seemed like a logical progression. That, plus, I still don’t have the stomach to try and get Webpack working!

Parcel is touted as ‘zero configuration’ and although that is largely true, if you are moving from Gulp there are definitely some things you need to keep in mind.

The new way to design, develop, and deliver software with confidence.

webhint is a linting tool that will help you with your site's accessibility, speed, security and more, by checking your code for best practices and common errors. Use the online scanner or the CLI to start checking your site for errors.