Imgix

Imgix смотреть последние обновления за сегодня на .

Move your image gallery from your S3 to imgix.js

517
2
3
00:09:36
20.10.2021

A simple tutorial showing an example of serving your images straight out of your Amazon S3 and how easily you can change that code to serve them responsively using imgix.js. In the example, we go from a 70 MB+ image gallery to ~600 KB. For more info on imgix.js: 🤍 If you need help on setting up your account to connect to S3: 🤍 A link to imgix.js on CDN JS: 🤍 GH repo link: 🤍

Image optimization with imgix: Fast and optimized images | Prismic tutorial

2264
19
2
00:05:46
04.02.2020

Prismic's native integration with imgix allows having all your images dynamically optimized served in the right format and compressed to the right size to improve performances. Find out more about it here: - Prismic Image Optimization documentation: 🤍 - Imgix documentation: 🤍 More Prismic tutorials: 🤍 ► For more videos, subscribe to our channel: 🤍 ► Who are we? Prismic is a headless CMS with an API and a CDN. With Prismic, you can create and edit content on the internet. We aim to simplify content management and to make work enjoyable for developers, marketers, and content teams. ► Go to our website for more information: 🤍 ► What is Slice Machine? 🤍 ► Find us also on: Twitter: 🤍 Instagram: 🤍 LinkedIn: 🤍 #Prismic #PrismicTutorial #PrismicFeatures

How to Properly Resize Images for Optimal Pagespeed and Image Quality

777
15
0
00:24:34
16.11.2021

Welcome to the first episode from Open the Aperture, a video series brought to you by imgix. Our first episode is about Optimizing Images to Improve Pagespeed & SEO. This topic was so full packed of great information, we have broken it into 4 parts. This is part 2: How to Properly Resize Images for Optimal Pagespeed and Image Quality. Chapters 00:00 Intro 01:44 Impact of NOT Resizing Images 05:12 Fixed,Manual Image Resizing 09:09 Manual SRCSET Image Resizing 12:50 imgix.js SRCSET Image Resizing 16:15 Roland Garros Resizing Example 21:51 Implications for a Marketer Codepen links: Fixed,Manual 🤍 srcset,Manual 🤍 imgix.js,Srcset 🤍 Link to Cantilever: 🤍 Don't miss the rest of the series on Optimizing Images to Improve Pagespeed & SEO: 🤍

Connecting imgix to AWS S3

409
00:01:56
31.08.2021

An explainer video to connect your imgix account to your AWS S3 bucket. For additional documentation, you can check the imgix site here: 🤍 Try imgix free today: 🤍

Optimizing Images with Cosmic & imgix

304
9
2
00:31:59
31.08.2021

Cosmic is a partner with imgix. All images you upload to Cosmic are on imgix. Using this powerful integration, we will explore how to build out responsive images, og image optimization, and composition with items such as blending / text. The video will also include a Tutorial of a Nuxt App built using Cosmic as it's Headless CMS. It utilizes Apollo to access the Cosmic v3 Graph QL. It uses Tailwind CSS as the css framework. Link to the Live Demo: 🤍 Link to the Github Repo: 🤍 Link to App on Cosmic Marketplace: 🤍 Find more great ways to use imgix here: 🤍

Imgix, Optimizacion de recursos en imagenes | API de almacenamiento de imágenes | api manipulación

692
13
0
00:11:28
06.07.2020

🤍 🤍 Metadatos cloudinary, image storage api, cloudimage, cloudinary pricing, image cdn free, image cloud service, imgix pricing, cloudinary media upload, image manipulation api, cloudinary services, cloudinary media upload, image storage api, image cloud service, cdn image free, cloud image, image cdn, imgix, image storage api, cloudinary api, image resizing service, image cloud service, cloudinary pricing, rapidapi, find api, apis marketplace, free apis, top apis, api directory, rappi api, online public rest api, cloudinary, API de almacenamiento de imágenes, imagen en la nube, fijación de precios en la nube, imagen libre de cdn, servicio de nube de imágenes, imgix fijación de precios, carga de medios en la nube, api de manipulación de imagen, servicios en la nube, carga de medios en la nube, API de almacenamiento de imágenes, servicio de nube de imágenes, imagen cdn gratis, imagen de la nube, imagen cdn, imgix API de almacenamiento de imágenes, API Cloudinary, servicio de cambio de imagen, servicio de nube de imágenes, fijación de precios en la nube, cloudinary, API de almacenamiento de imágenes, imagen en la nube, fijación de precios en la nube, imagen libre de cdn, servicio de nube de imágenes, imgix fijación de precios, carga de medios en la nube, api de manipulación de imagen, servicios en la nube, carga de medios en la nube, API de almacenamiento de imágenes, servicio de nube de imágenes, imagen cdn gratis, imagen de la nube, imagen cdn, imgix API de almacenamiento de imágenes, API Cloudinary, servicio de cambio de imagen, servicio de nube de imágenes, fijación de precios en la nube,

Adalo hints and tricks: Image manipulation with ImgIX

1193
40
17
00:09:56
01.04.2021

I've discovered this quite recently, and decided to share new knowledge. You can adjust a lot of parameters for the images: quality, size, blur, orientation, ... - almost everything which ImgIX allows! I can't say this is an "official" method to manipulate images, though according to my knowledge ImgIX is the only CDN used for images in Adalo. Enjoy!

Using react-imgix with TMDB API

537
12
0
00:36:16
17.02.2022

The imgix-react library can quicky optimize the images of any React app. Check out this tutorial with Jamie Dawson using a great developer API from TMDB and see how quickly you can optimize any image from this API. Chapters 0:00 Intro 02:02 Why use the TMDB api? 3:30 Start Tutorial 08:10 Making TMDB API Key 11:17 Adding imgix-react to the project 19:13 Adding Lazysizes.js to the project 22:48 Adding LQIP to the project 27:51 Deploy to Vercel 31:49 Review Performance Scores 34:37 Why use imgix? Starting demo code: 🤍 Demo app without imgix: 🤍 Final code: 🤍 Demo app WITH imgix: 🤍 Imgix React SDK: 🤍 LazysizesJS: 🤍 TMDB official site: 🤍 Public imgix TMDB url for testing: "🤍 + poster_path

imgix Salesforce Commerce Cloud Integration Demo

95
3
0
00:13:11
01.03.2022

-Follow along with this tutorial to learn how to download and use the new imgix Salesforce Commerce Cloud integration. In this tutorial, you will learn how to: 1. Install the app 2. Configure the basic settings 3. Select images in both the Page Designer and Product Catalogue 4. Check the resulting image params/file size Try the imgix Visual Management app for free! To get started, simply create a free imgix account, install the imgix integration in your Salesforce Commerce Cloud instance, and configure your store. -Create a free imgix account: 🤍 -Download the integration in the Commerce Cloud Marketplace: 🤍

Setting Default Image Transformation Parameters in imgix

68
1
0
00:02:19
02.05.2022

In this video, we show you why you should set default parameters when using imgix and how to do it. Applying a set of transformations can help you optimize your images at scale, save time, and maintain a consistent style across all images. To learn more, check out our guide on serving images: 🤍 If you need help connecting to a file storage, check out the setup guide for each source type: 🤍 To create a free imgix account, sign up here: 🤍

How to Watermark Images with Imgix

418
9
0
00:41:45
18.04.2020

I explore how to add custom watermarks to images using ImgIX. ★ Follow · 🤍 · 🤍 · 🤍 If you liked this video, make sure to follow this playlist → 🤍 Hi. I'm Nono. I host Getting Simple—a podcast about how you can live a more meaningful, creative, and simple life—sketch things that call my attention, and write about enjoying a slower life. Elsewhere Nono on FACEBOOK 🤍 Getting Simple PODCAST 🤍 Getting Simple BLOG 🤍

Responsive Srcset Images With Imgix - Oliver Pattison / JekyllConf 2016

4075
29
3
00:05:20
08.05.2016

JekyllConf - The free online conference for all things Jekyll. 🤍 Slides: 🤍 GitHub Repo: 🤍 Speaker: Oliver Pattison - 🤍 Sponsor: CloudCannon - 🤍

Announcing Avif at imgix

196
2
0
00:10:53
25.10.2021

An exciting update to the imgix rendering API puts AVIF, the new next-gen image file format, front and center. Learn in this video why AVIF is so exciting from Alfonso, the imgix engineering team leader that worked on bringing this file format to auto=format. If you are interested in having AVIF turned on for your imgix account, you can opt-in early by emailing support🤍imgix.com or sales🤍imgix.com. Chapters 00:00 Intro 00:32 Why AVIF 04:04 imgix Engineering Process 07:00 AVIF Demo 10:02 Hot to Opt-in For AVIF - Outro Codepen: 🤍 Blog Announcement: 🤍

Prismic eComm Site with imgix

238
6
0
00:11:30
31.08.2021

This is a tutorial using Prismic as a headless CMS with imgix for responsive images. The tutorial app is created using Nuxt.js as the front-end framework and Snipcart as the Shopping Cart. Github here: 🤍 Live demo here: 🤍

Totally Optimized Image Management with Imgix & Lazysizes

741
7
1
00:58:09
30.10.2020

The latest web technologies make it easier than ever to manage images, but substantial challenges still remain. Ensuring that a given image is only ever served at the exact right size and quality level, and only loaded when it will be needed, is a challenging task. Add in art direction and focus management and it becomes even trickier. At Cantilever we accomplish this goal using a specialized image CDN called Imgix, along with the well-known Lazysizes plugin. We have used this method for around a dozen websites and found it invaluable in delivering top notch performance. I will outline the current state of image management on the web, how common CMS deal with images, and the inherent flaws in the current standard approach. I will then illustrate how those challenges are solved with the combination of Imgix and Lazysizes. Finally I will show some advanced techniques for responsive image management using the finicky `` element. This talk is for any developers who are interested in improving frontend performance and in optimizing their sites to work well for a wide audience.

Como utilizar imgix no bubble.io

1010
78
4
00:04:44
25.11.2021

Link de afiliação em breve

Announcing the imgix App on Contentful

107
1
0
00:16:49
17.11.2021

We are excited to announce our partnership with Contentful and to introduce the imgix App on Contentful. The new app allows content creators to browse, preview, search, and select images in the content development process. The integration also enables developers to optimize and transform selected images using our intuitive URL-based API. This video is a demo of installing and using this app by Sherwin Heydarbeygi, a Lead SDK Engineer at imgix and the creator of the app. For more information about the app: 🤍 Link to the app on Contentful: 🤍

Image optimization | Prismic x imgix Webinar

805
7
0
00:55:26
30.12.2020

Image optimization plays a crucial role in SEO and visitor experience. That's why Prismic has partnered with imgix to provide all users with a powerful image optimization feature and next-gen image support. Having a CMS that comes with an image optimization feature simplifies content management and ensures that your marketing and content teams can add images safe in the knowledge that they will be optimized for the user's device and browser. In this webinar, we speak to Thomas Dale, Head of Account Management at imgix, to speak about how important image optimization is, some of the best practices that they recommend, and to look at a demo of Prismic's image optimization feature. For more information about Prismic, built-in image optimization, and our other features visit: 🤍?utm_campaign=market&utm_source=youtube For more information about imgix visit: 🤍 - As a developer, you should build websites using your favorite Jamstack framework. Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API. ► [Tutorial] Build a Next.js website, while delivering a page builder to your team: 🤍 ► [Starters] Try Slice Machine on Nuxt: 🤍 ► [Starters] Try Slice Machine on Next.js: 🤍 ► [Learn more about Slice Machine]: 🤍 - ► Find us also on: Twitter: 🤍 Instagram: 🤍 LinkedIn: 🤍 ► [Who are we?] : Prismic is a headless Website Builder, for Next.js and Nuxt.js developers. - #Prismic #PrismicWebinar

DON'T Serve Unoptimized Images - Webp, Srcset, ImageKit, and more!

21769
1084
49
00:18:29
08.07.2021

Unoptimized images leads to a bad user experience. Don't make the mistake of serving massive images which leads to longer load times and frustrated users and customers. In this video, we'll cover a few ways to optimize your images for the web. You can start by using something like 🤍 to compress your images. Then, you can take it to the next level with ImageKit. ImageKit can dynamically create multiple different sizes of your images. When you combine this with the srcset propert in HTML, you can always serve the correct size depending on the user's screen size and pixel density. It can also determine the optimal image format to send to the user based on the browser. ImageKit docs : 🤍 ImageKit blogs on resizing: 🤍 Srcset with Kevin Powell - 🤍 _ Newsletter 🗞 Interested in exclusive content and discounts? 🤯 Sign up for the newsletter! 🤍 _ Connect with me 😀 Live streams on Twitch - 🤍 Follow me on Twitter - 🤍 Join the 💬 Discord Server 💬 - 🤍 _ COURSES 💻 Learn how to build Fullstack apps with React and Serverless Functions - 🤍 Learn everything you need to know about Visual Studio Code - 🤍 Build a Quiz App - 🤍

headless shopify demo with Nuxt imgix Vercel

1029
24
5
00:38:29
21.05.2021

Demo to setup a headless Shopify website using Nuxt, tailwind css, imgix, and Vercel. Article on how I set this up here: 🤍

What Is Lazy Loading and Why Does It Improve Pagespeed?

109
2
0
00:24:08
18.11.2021

Welcome to the first episode from Open the Aperture, a video series brought to you by imgix. Our first episode is about Optimizing Images to Improve Pagespeed & SEO. This topic was so full packed of great information, we have broken it into 4 parts. This is part 3: What Is Lazy Loading and Why Does It Improve Pagespeed? Chapters 00:00 Intro 03:47 Lazy Loading Tools 05:30 Lazysizes.js Demo 10:10 Digital Hospitality 12:04 Live Website Example of Poor Lazy Loading 15:32 Non-Vertical Lazy Loading 17:14 Layout Shift 19:14 Low Quality Image Placeholders Codepen link: Lazyloading + imgix.js 🤍 Link to Cantilever: 🤍 Find out more about Blurhash :🤍 Learn more about LQIP: 🤍 Try using imgix.js: 🤍

Image Optimization for the NFT Marketplace - FITC Toronto 2022

151
4
0
00:17:31
22.04.2022

You have just created the perfect NFT gallery. But it’s getting slower the more NFTs you add, and the color is not as sharp as you originally designed. What gives? After this webinar, you will be able to manage, optimize and deliver an image NFT from the moment of creation to delivery to your gallery visitors. In our webinar, we will go over how to improve NFT image performance for Web 3.0. We will be using Next.js, imgix, and images from an OpenSea. Stick around to see a side-by-side performance and quality comparison between the original image, a resized image, and a fully optimized image. Spoiler alert: the differences are enormous. Finally, we will show you how to connect to an optimization API in minutes. Link to the GitHub repo for the demo app: 🤍 Link to the demo site: 🤍 Chapters 0:00 Intro 2:01 Pagespeed Before & After 10:52 Code Review 14:46 Final Thoughts

Bubble.io Tutorial - Bilder richtig zuschneiden (Imgix, runde Profilfotos) [Deutsch]

121
4
4
00:05:45
24.12.2020

In diesem Video lernst Du, wie man Bilder und Fotos in Bubble.io richtig zuschneiden kann. Es gibt hierbei verschiedene Wege: Bei statischen Bildern kann man die Crop Funktion nutzen, um manuell das Bild zurecht zu schneiden. Problematisch ist, hier Pixel Perfect zu arbeiten. Ein anderer Weg bei Bubble io ist das Ganze dynamisch zu machen. Beim Image Objekt wählt ihr dynamic Image. Dafür müsst ihr zunächst in der Datenbank ein Bild hinzufügen und dieses manuell hochladen. Anschließend fügt ihr das Bild unter Dynamic Image (Do a search for Image) hinzu und könnt nun vesrchiedene run-mode renderings auswählen: - Rescale (skaliert das Bild horizontal) - Stretch (Zerrt das Bild aueinander oder zusammen, um sich an die vorgegebenen Höhe und Breite des Objekts anzupassen) - Adjust element height (reduziert die Höhe des Bilder) Überdies ermöglicht euch in Bubble io das dynamische Image eine tolle Funktion, nämlich processed with imgix. 🤍 ist ein Bild-Service, welcher Bilder in verschiedener Weise bearbeiten kann. Bubble io ist nativ ohne zusätzliche Plugins mit imgix integriert. Somit habt ihr nämlich verschiedene Funktionen, wie zum Beispiel Kompression der Dateigröße oder auch das Zuschneiden des Bildes direkt in Imgix, nämlich processed with imgix und auswählen von Resize to fit the dimensions by cropping. Weitere Möglichkeiten von imgix sind nun das Zuschneiden von Profilfotos, um ein rundes Bild zu erhalten. Wählt hierfür processed with imgix und Apply a circle/eclipse mask, um runde Profilfotos zu erhalten. Ein weiterer Weg ist, wenn ihr das Objekt selbst abrundet indem ihr eine Roundness nehmt, welche ca 50% der Breite des Bildobjekts ist. Also bei 300 Breite, mindestens 150px Roundness. Dann könnt ihr nämlich auch Ränder oder Schatten Rund um das Objekt geltend machen. Der Unterschied zwischen imgix und der Roundess des Objekts selbst ist, dass einmal der Inhalt abgerundet wird und beim andereren Mal sozusagen auch der Rahmen. Schließlich könnt ihr auch Bildfilter mit Imgix nutzen, ob das nun Sepia Filter sind oder Schwarzweiß (Monochromatic) oder verschiedene Weichzeichner und Verpixelungen. Dies kann für verschiedene Fotosharing Apps spannend sein, um Bildfilter zu ermöglichen. Kapitel: 0:00 Einführunng 0:15 Statische Bilder 0:23 Crop Funktion 0:50 Dynamic Image 1:34 Run-mode rendering: Adjust element height 1:44 Run-mode rendering: Rescale 2:03 Run-mode rendering: Stretch 2:15 Processed with imgix verrwenden 2:29 Zuschneiden mit imgix 2:33 Live Demo 3:10 Runde Profilfotos mit imgix 3:41 Live Demo 3:59 Roundness des Bildobjekts 4:10 Live Demo mit Unterschieden bei rundem Rand/Border oder Schatten 4:44 Bildfilter (Sepia, Pixeleffekt) mit imgix 5:21 Live Demo Bildfilter

Announcing the Adobe Commerce Integration for imgix

53
1
0
00:14:33
20.04.2022

A quick and easy way to manage and optimize images directly in Adobe Commerce (formerly Magento). Install the integration today: 🤍 Link to the demo site: 🤍 Link to Docs: 🤍 Chapters 0:00 Intro 00:48 Sample imgix Magento Store 4:12 Adding New Product in Magento Admin 06:52 Exploring Configuration in Magento Admin 10:27 Using imgix with Page Designer 13:17 Why You Should use imgix

Reduce image size: use srcset to automatically choose the right image

50866
1675
52
00:03:34
13.06.2019

Use the srcset attribute to enable web browsers to automatically choose the correct image size for any device. Check out this accompanying article for further detail and step by step guides: 🤍 Still have questions regarding srcset to automatically choose the right image? Use #AskChrome on Twitter to send them to the Chrome team! Srcset → 🤍 Responsive images → 🤍 Series playlist → 🤍 Subscribe to Google Chrome Developers here → 🤍

ImageURL Workbench: imgix の Redering API で Twitter カード生成

26
0
0
00:01:51
11.08.2021

imgix の画像ファイルをTwitter カードに加工してみる。 ImageURL Workbench リポジトリ:🤍 ImageURL Workbench ライブテモ: 🤍

AAQ&A.2021.02.17 - UI Tricks & Image Management via imgIX, ImageMagik, and Advanced Image Styling

189
2
00:59:51
19.02.2021

Alpha Anywhere Q&A 2021 Feb 17 - Dion demonstrates 3 different techniques for image management. An online method known as imgIX, a built method using ImageMagik, and the new Alpha feature, Advanced Image Styling. The Beginning (0:00) Image Management (2:51) Online Image Tools (4:56) ImageMagik (7:10) Alpha's Advanced Image Styling (11:26) Alpha Anywhere Universal Installer (12:10) Resume Advanced Image Styling Demo (14:26) Q&A: How do you center the picture in the crop? (21:34) Q&A: Can you do reflections using the advanced image features? (26:08) Q&A: The best way to use a button or checklist to populate values in a SQL database? (27:45) Q&A: Can you create a javascript function to pull thumbnails from images hosted on S3? (44:06) Q&A: How do you deselect in a radio style button list? (54:40) - QUESTIONS? - Please send the additional Alpha Anywhere questions to guides🤍alphasoftware.com - LINKS - imgIX: 🤍 ImageMagik Documentation 🤍 Alpha DevCon 2021 Event Registration bit.ly/AlphaDevCon2021 Download Alpha Anywhere Community Edition: 🤍alphasoftware.com/get-started-2018 Alpha Software YouTube Channel:bit.ly/AlphaTubeChan Alpha Software Documentation: bit.ly/AlphaDocuments Xbasic Guide PDF: bit.ly/xbasicguide Alpha Anywhere Release Notes: bit.ly/AAReleaseNotes - ABOUT ALPHA SOFTWARE - Alpha Software development environments, Alpha Anywhere and Alpha TransForm, enable data collection, digital transformation, field service applications, field automation, work order dispatch, resource management, reporting & analysis, and more. Come learn more about the best development solution online or offline for desktop, web, or mobile devices. Visit us at 🤍 #imagestyling #imagemagik #imgIX #Cookies #GitHub #lowcode #digitaltransformation #datacollection #mobileapps #fieldservice #inspection #offline #userinterface #ui #ux #actionjavascript #javascript

Seguridad con imgix | Optimizar el uso y carga de imagenes | API de manipulación de imagen

97
1
0
00:04:10
09.07.2020

🤍 Metadatos cloudinary, image storage api, cloudimage, cloudinary pricing, image cdn free, image cloud service, imgix pricing, cloudinary media upload, image manipulation api, cloudinary services, cloudinary media upload, image storage api, image cloud service, cdn image free, cloud image, image cdn, imgix, image storage api, cloudinary api, image resizing service, image cloud service, cloudinary pricing, rapidapi, find api, apis marketplace, free apis, top apis, api directory, rappi api, online public rest api, cloudinary, API de almacenamiento de imágenes, imagen en la nube, fijación de precios en la nube, imagen libre de cdn, servicio de nube de imágenes, imgix fijación de precios, carga de medios en la nube, api de manipulación de imagen, servicios en la nube, carga de medios en la nube, API de almacenamiento de imágenes, servicio de nube de imágenes, imagen cdn gratis, imagen de la nube, imagen cdn, imgix API de almacenamiento de imágenes, API Cloudinary, servicio de cambio de imagen, servicio de nube de imágenes, fijación de precios en la nube, cloudinary, API de almacenamiento de imágenes, imagen en la nube, fijación de precios en la nube, imagen libre de cdn, servicio de nube de imágenes, imgix fijación de precios, carga de medios en la nube, api de manipulación de imagen, servicios en la nube, carga de medios en la nube, API de almacenamiento de imágenes, servicio de nube de imágenes, imagen cdn gratis, imagen de la nube, imagen cdn, imgix API de almacenamiento de imágenes, API Cloudinary, servicio de cambio de imagen, servicio de nube de imágenes, fijación de precios en la nube,

ImageURL Workbench: imgix の Rendering API でレスポンシブ対応

27
0
0
00:01:36
11.08.2021

imgix の画像ファイルを加工したり、レスポンシブ対応タグを生成してみる。 ImageURL Workbench リポジトリ:🤍 ImageURL Workbench ライブテモ: 🤍

Building Video Galleries with Gatsby — Tom Dale, imgix

104
4
0
00:35:40
08.03.2022

At one time or another, we have all seen the "building an image gallery with Gatsby tutorial." Well, it's time to up your game and build a video gallery tutorial!! Whether you're looking to add videos to your blog, share a page of videos with followers, or are syndicating your own video series, this workshop will get you started with performant streaming videos. We will compare Youtube, MP4, and HLS/HTTP Live Streaming and the benefits and drawbacks of each. In this workshop, you will learn how to create video gallery pages with Gatsby using all three of these modern video solutions — Strap in for an amazing workshop! What you will learn: - How to build three types of video components in Gatsby. - How to build a video component for Youtube Videos, MP4 Videos, and HLS Videos. - How to use video players like video.js. - How to deploy your Gatsby video gallery via the Gatsby Cloud. Prerequisites: - You should have basic experience setting up Gatsby projects and have previously installed npm and gatsby-cli. What you should bring to the Workshop: Example video urls will be provided but if you would like to build the video gallery with your videos, bring urls for your own videos or links to youtube videos. About Tom Dale: Tom is Head of Customer Success at imgix, the father of two little ones, a home brewer, painter, lover of board games, and fought in two wars in '04 and '05 as a Counterintelligence Agent in the Army. You can find Tom Dale on Twitter 🤍letsgoheadless and imgix on Twitter 🤍imgix.

imgIX Magic Trick - Blue

13
2
0
00:00:09
31.08.2017

Supercharge Your Images on Gatsby with imgix's Frederick Fogerty

328
11
0
01:04:06
05.03.2021

The new imgix plugin for Gatsby can help decrease build times, increase responsiveness, and unlock the power of imgix's optimization and design parameters. Images provided by Gatsby source plugins, such as Contentful, provide data that is accessed via Gatsby's GraphQL API with images that are stored on the internet. In this GatsbyConf 2021 Workshop video with imgix's Frederick Fogerty, see how to offload image rendering to the imgix cloud instead, freeing you from doing complex local image transformations and significantly shortening your build times. Also learn how you can get faster load times and reduced bandwidth usage, thanks to imgix's cloud rendering stack's ability to offer images close to the source resolution of your user's browser. Prerequisites: - Basic familiarity with HTML, CSS, and JS Follow your instructor, Frederick Fogerty, on Twitter: 🤍

imgIX Jumping - Blue

6
0
0
00:00:10
31.08.2017

Modern Streaming Video on the JAMstack

5004
4
0
00:25:03
05.02.2022

A talk given during thejam.dev conference (🤍 discussing methods for using Modern Streaming Video solutions for JAMstack websites. 2021 has shown us great growth and adoption of using Jamstack sites and videos to deliver our content. 74% of marketers say video has a better return on investment than static imagery. In this video, Tom will share with you several methods to deliver video on your Jamstack sites. The video will explore new advancements in video delivery and focus on how to set up better performing videos on your Jamstack sites. All attendees will also receive a sneak peek at imgix's new Video API as well! Chapters 0:00 Intro 01:02 Positives of using Youtube on Jamstack sites 3:50 You Can't Always use Youtube 06:52 Positives of using MP4s on Jamstack sites 10:08 Pitfalls of using MP4s 13:42 Positives of using HLS on Jamstack sites 16:48 Announcing imgix Video API 18:45 React Video Gallery Tutorial HLS vs MP4 imgix demo app: 🤍 github url for react video gallery: 🤍

Optimizing Images with an API Mesh

132
2
0
00:39:02
14.09.2021

Our team worked with Takeshape to show you how you can optimize images with an API mesh. Join Tom Dale and Jaden Baptista as we dive into this process in our in-depth step-by-step tutorial. gh repo: 🤍 live site: 🤍 Learn more about Takeshape here: 🤍 Learn more about imgix here: 🤍 Originally recorded on Jaden's Twitch: 🤍

Назад
Что ищут прямо сейчас на
imgix Лидер группы ООО Бизнес молодость xiaomi ip camera review КУРИЦУ mechvibes mac Coco library xiaomi flipbuds pro price world x шиноби лайф 2 ОБЫЧНЫЕ БУДНИ up x с рубля до вывода awk условия xiaomi air 2 unboxing как рисовать маки видео Age Of Empires заказать букет тюльпанов wrx xiaomi No power indie horror gameplay xiaomi тормозит после обновления заказать кухню в москве