LBRY Block Explorer

LBRY Claims • css-transform-is-dead!-use-this-instead

122399ee62d376fe91d283b993b0e7226f8def64

Published By
@WebDevSimplified
Created On
3 Sep 2022 16:19:29 UTC
Transaction ID
33ef28825d1a9eb9c534248f529805e10980f96751ca371f84c153e1a6d6b562
Cost
Safe for Work
Free
Yes
CSS Transform Is Dead! Use This Instead
CSS is adding lots of new features and some of the smaller quality of life features they added recently were the addition of the translate, rotate, and scale properties. These properties almost entirely remove the need to use the transform property which is incredibly nice since there are tons possibilities this opens up that were very difficult if not impossible before.


? Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:45 - Scale
02:17 - Translate
02:48 - Rotate
04:02 - Example 1
05:10 - Example 2


#CSSTransform #WDS #CSS
...
https://www.youtube.com/watch?v=416MT-VmJdI
Author
Content Type
Unspecified
video/mp4
Language
English
Open in LBRY

More from the publisher

Controlling
VIDEO
5 MOR
5-more-must-know-javascript-features
lbry://@WebDevSimplified/5-more-must-know-javascript-features
? IMPORTANT: JavaScript Simplified Course: https://javascriptsimplified.com Part One: https://youtu.be/v2tJ3nzXh8I JavaScript is a vast language with tons of features and it is impossible to know them all. In this video I will be covering 5 more features in JavaScript that nobody knows but are incredibly useful. ? Materials/References: Tagged Template Literal Article: https://blog.webdevsimplified.com/2020-03/tagged-template-literals Dynamic Module Imports: https://blog.webdevsimplified.com/2021-03/dynamic-module-imports Generator Function Article: https://blog.webdevsimplified.com/2021-01/javascript-generators ES6 Module Video: https://youtu.be/cRHQNNcYf6s ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:24 - Block Statements 03:36 - in Keyword 05:49 - Template Literal Functions 11:12 - Generator Functions 14:57 - Dynamic Module Imports #JSTips #WDS #Top5JS ... https://www.youtube.com/watch?v=WIP1czLm3CY
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
NEW U
new-useformstatus-react-hook
lbry://@WebDevSimplified/new-useformstatus-react-hook
Full Video: https://youtu.be/_tUdtt6H5CE ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Shorts ... https://www.youtube.com/watch?v=x-ntJfVT_h4
Transaction
Created
4 weeks ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
HOW T
how-to-accept-payments-with-paypal
lbry://@WebDevSimplified/how-to-accept-payments-with-paypal
PayPal is one of the largest payment platforms and it is the preferred payment method for millions of people. In this video I will show you how to integrate PayPal payments in your application 2 different ways so that you can start accepting payments in the way that fits your situation best. ? Materials/References: GitHub Code: https://github.com/WebDevSimplified/paypal-checkout PayPal Developer Dashboard: https://developer.paypal.com/developer/applications PayPal Checkout Documentation: https://developer.paypal.com/docs/business/checkout/set-up-standard-payments Reduce Video: https://youtu.be/s1XVfm5mIuU Reduce Article: https://blog.webdevsimplified.com/2021-05/reduce Async/Await Video: https://youtu.be/V_Kr9OSfDeU ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:30 - Client only setup 06:05 - Secure server setup #PayPalCheckout #WDS #JavaScript ... https://www.youtube.com/watch?v=DNM9FdFrI1k
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
REACT
react-query-makes-writing-react-code-200
lbry://@WebDevSimplified/react-query-makes-writing-react-code-200
I absolutely love React Query, also known as TanStack Query. This library singlehandedly makes working in React so much nicer and I can’t imagine creating a large scale project without it. In this video I will show you what React Query is, what it can do, and demo all of that in an application. ? Materials/References: React Query Crash Course: Coming Soon ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 00:38 - TanStack Query Overview 01:17 - Project Overview 02:41 - useQuery Basics 09:00 - useMutation Basics 11:54 - Pagination 13:18 - Infinite Scrolling #ReactQuery #WDS #TanStackQuery ... https://www.youtube.com/watch?v=lVLz_ASqAio
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
BUILD
build-a-weather-app-with-javascript
lbry://@WebDevSimplified/build-a-weather-app-with-javascript
Integrating with APIs is a crucial skill for any web developer to succeed. In this video we will be integrating with the DarkSky Weather API and the Google Places API. Using these APIs we will learn how to connect to an API from both the client and the server. We will also cover how to safely store API keys for use. By the end of this video you will have a complete understanding of how to call various different APIs from both the client and server. ? Materials/References: CSS Position Tutorial: https://youtu.be/jx5jmI0UlXU GitHub Code: https://github.com/WebDevSimplified/JavaScript-Weather-App DarkSky API: https://darksky.net/dev Google API: https://console.cloud.google.com Skycons: https://cdnjs.com/libraries/skycons ? Concepts Covered: - Setting up a basic express Node.js server - How to call an API from Node.js - How to call an API from the client JavaScript - The safest way to store API keys - How to consume Google APIs - How to consume the DarkSky API - How to user axios ? Find Me Here: Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #WeatherApp #DarkSky #GoogleAPI ... https://www.youtube.com/watch?v=OE7kml0pigw
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
HOW T
how-to-install-mongodb-in-2-minutes
lbry://@WebDevSimplified/how-to-install-mongodb-in-2-minutes
In this video I will walk you though how to install MongoDB in 2 minutes. I will also show you how to access the installed MongoDB files, and create a database. MongoDB Download Link: https://www.mongodb.com/download-center/community Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #MongoDB #WebDevelopment #NoSQL ... https://www.youtube.com/watch?v=wcx3f0eUiAw
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
FREE
free-2024-web-dev-roadmap
lbry://@WebDevSimplified/free-2024-web-dev-roadmap
? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #Shorts ... https://www.youtube.com/watch?v=UrK8ff75aMI
Transaction
Created
4 weeks ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
LEARN
learn-css-animation-in-15-minutes
lbry://@WebDevSimplified/learn-css-animation-in-15-minutes
? IMPORTANT: Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today CSS animations are complex. There are so many properties to control an animation and on top of that there are two different ways to write animations in CSS. In this video I will be walking through both transition and keyframe based CSS animations. By the end of this video you will understand everything you need to know about CSS animations. ? Materials/References: CSS Animation Performance Video: https://youtu.be/4PStxeSIL9I ? Concepts Covered: - How to write transition CSS animations - How to write keyframe CSS animations - How all animation properties work - CSS animation best practices ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00 - Introduction 01:22 - Transition Property 06:20 - Animation Property #CSSAnimation #WDS #CSS ... https://www.youtube.com/watch?v=YszONjKpgg4
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
BUILD
build-a-speed-typing-game-with
lbry://@WebDevSimplified/build-a-speed-typing-game-with
Learning web development can be tough and boring, but it doesn't have to be. In this video we take a look at creating a simple JavaScript speed typing game. This is a great project for anyone just getting started with JavaScript/CSS or anyone that wants to create a fun project since it covers important concepts of creating timers, calling APIs, and hooking up DOM events. On top of that this video covers best practices in JavaScript and CSS so you can learn the best way to write code. ? Materials/References: GitHub Code: https://github.com/WebDevSimplified/JS-Speed-Typing-Game CodePen Code: https://codepen.io/WebDevSimplified/pen/dyPvWoY Async Vs Defer Tutorial: https://youtu.be/Kpn2ajSa92c Fetch API Tutorial: https://youtu.be/cuEtnrL9-H0 Promises Tutorial: https://youtu.be/DHvZLI7Db8E Async/Await Tutorial: https://youtu.be/V_Kr9OSfDeU ? Concepts Covered: - How to use fetch to query an API - How to efficiently load JavaScript - How to handle asynchronous JavaScript - How to bind click and input events in JavaScript ? Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #JavaScriptTypingGame #WDS #JavaScript ... https://www.youtube.com/watch?v=R-7eQIHRszQ
Transaction
Created
1 month ago
Content Type
Language
video/mp4
English