Creating a custom mouse cursor with CSS
https://blog.logrocket.com/creating-custom-mouse-cursor-css/
#cursor #mouse #css
https://blog.logrocket.com/creating-custom-mouse-cursor-css/
#cursor #mouse #css
LogRocket Blog
Creating custom mouse cursors with CSS - LogRocket Blog
Take a look at what custom cursors are and learn how to use CSS (and JavaScript) to create custom cursors to make your website more engaging.
Long practice creating 2D games with JavaScript, HTML and CSS
https://www.freecodecamp.org/news/how-to-code-a-2d-game-using-javascript-html-and-css/
---
Difference between parameters and arguments in JavaScript functions
https://www.freecodecamp.org/news/what-is-the-difference-between-parameters-and-arguments-in-javascript/
#game #function #arguments #parameters
https://www.freecodecamp.org/news/how-to-code-a-2d-game-using-javascript-html-and-css/
---
Difference between parameters and arguments in JavaScript functions
https://www.freecodecamp.org/news/what-is-the-difference-between-parameters-and-arguments-in-javascript/
#game #function #arguments #parameters
freeCodeCamp.org
How to Code a 2D Game Using JavaScript, HTML, and CSS
JavaScript can be a surprisingly good programming language to use for creating 2D games. Especially games you want to be playable on almost any device. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to cod...
Forwarded from 👨💻Coder Blast🌋
Understand code in simple language.
Denigma is a tool that uses machine learning to explain code in understandable English. It helps save you time, they claim to have 95% on many types of codes, and it gets integrated with your editor.
denigma.app
#tool #code
Share 🚀
Follow us :
Telegram & Instagram
Denigma is a tool that uses machine learning to explain code in understandable English. It helps save you time, they claim to have 95% on many types of codes, and it gets integrated with your editor.
denigma.app
#tool #code
Share 🚀
Follow us :
Telegram & Instagram
Alternative to GIF using images and videos in HTML assets
https://css-tricks.com/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now/
#gif #video #image
https://css-tricks.com/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now/
#gif #video #image
CSS-Tricks
GIFs Without the .gif: The Most Performant Image and Video Options Right Now | CSS-Tricks
So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the
Creating a web portfolio with Tailwind CSS and React JS
https://youtu.be/k-Pi5ZMxHWY
#react #portfolio #tailwind
https://youtu.be/k-Pi5ZMxHWY
#react #portfolio #tailwind
YouTube
Build a React Portfolio Website With Tailwind Tutorial
🚀 Upgrade your web development skills with my courses: https://developedbyed.com/
💻 Download the project files here
https://github.com/developedbyed/react-portofolio-with-tailwind
👉 Keelan's Youtube Channel
https://www.youtube.com/c/KeelanJonathan
In…
💻 Download the project files here
https://github.com/developedbyed/react-portofolio-with-tailwind
👉 Keelan's Youtube Channel
https://www.youtube.com/c/KeelanJonathan
In…
Forwarded from Technical Stark ™
Which browsers are best for privacy?
An open-source privacy audit of popular web browsers.
https://privacytests.org/
#browser #privacy
Telegram: @technical_stark
An open-source privacy audit of popular web browsers.
https://privacytests.org/
#browser #privacy
Telegram: @technical_stark
privacytests.org
Which browsers are best for privacy?
An open-source privacy audit of popular web browsers.
Freecodecamp released a long cheatsheet on using CSS and CSS Selectors
https://www.freecodecamp.org/news/css-selectors-cheat-sheet-for-beginners/
#freecodecamp #css #selector #cheatsheet
https://www.freecodecamp.org/news/css-selectors-cheat-sheet-for-beginners/
#freecodecamp #css #selector #cheatsheet
freeCodeCamp.org
CSS Selectors – Cheat Sheet for Class, Name, Child Selector List
CSS selectors target and select the HTML elements you want to style. Specifically, CSS selectors allow you to select multiple elements at once. They are helpful when you want to apply the same styles to more than one HTML element, because you will no...
Counting the number of child elements using the :has selector in CSS
https://www.youtube.com/watch?v=jJcO-IZJalQ
#css #kevinPowell
https://www.youtube.com/watch?v=jJcO-IZJalQ
#css #kevinPowell
YouTube
Mastering :has() to Expand Your CSS Skills
The :has() pseudo-class is a game-changer, and in this video I look at some of the different things that it makes possible, from theming to counting children and more!
🔗 Links
✅ Code from this video: https://codepen.io/kevinpowell/pen/JjvNwyb
✅ Introduction…
🔗 Links
✅ Code from this video: https://codepen.io/kevinpowell/pen/JjvNwyb
✅ Introduction…
How Our Organization Improved Web Accessibility
https://www.smashingmagazine.com/2022/08/organization-improved-web-accessibility-case-study/
#css
https://www.smashingmagazine.com/2022/08/organization-improved-web-accessibility-case-study/
#css
Smashing Magazine
How Our Organization Improved Web Accessibility (Case Study) — Smashing Magazine
In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes. They also cover basic steps on how to fix common…
How Our Organization Improved Web Accessibility
https://www.smashingmagazine.com/2022/08/organization-improved-web-accessibility-case-study/
#css
https://www.smashingmagazine.com/2022/08/organization-improved-web-accessibility-case-study/
#css
Smashing Magazine
How Our Organization Improved Web Accessibility (Case Study) — Smashing Magazine
In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes. They also cover basic steps on how to fix common…
Exercises from Online Tutorials make navigation menu with search bar and responsive
https://youtu.be/zQngLMkngQE
#onlinetutorials #css #navigationmenu
https://youtu.be/zQngLMkngQE
#onlinetutorials #css #navigationmenu
YouTube
Responsive Navigation Menu with Search Bar | Html CSS & Javascript
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
Introduction to rem CSS units and examples of implementation in HTML and CSS
https://www.freecodecamp.org/news/what-is-rem-in-css-rem-unit-font-size-padding-height-and-more/
#css #rem
https://www.freecodecamp.org/news/what-is-rem-in-css-rem-unit-font-size-padding-height-and-more/
#css #rem
freeCodeCamp.org
What is rem in CSS? rem Unit Font Size, Padding, Height, and More
By Dillion Megida The rem measurement unit is a relative unit that you can use for length values in CSS. I will explain what this unit is, and how it is different from other units in this article. In my previous article, I explained the two categorie...
Introducing a web service to easily create a Fallback font generator
https://screenspan.net/fallback
#css #fallback #generator #font
https://screenspan.net/fallback
#css #fallback #generator #font
screenspan.net
Fallback Font Generator
Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face
An important exercise from Kevin Powell on the CSS border property
https://youtu.be/ypstT5UfCsk
#css #kevinPowell #property
https://youtu.be/ypstT5UfCsk
#css #kevinPowell #property
YouTube
The border property you never knew you needed
The border-image property is a blast from the past for anyone who had to make buttons with round corners on them back in the 2000s, but these days we can use it for fun gradient effects too!
🔗 Links
✅ Mozilla border image generator: https://developer.mozilla.org/en…
🔗 Links
✅ Mozilla border image generator: https://developer.mozilla.org/en…
Create a circular progress bar element with HTML and CSS from Online Tutorials
https://www.youtube.com/watch?v=NtSv0xkDDcE
#css #progressbar #circular
https://www.youtube.com/watch?v=NtSv0xkDDcE
#css #progressbar #circular
YouTube
Animated Circular Progress Bar Using Html CSS Only
Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…
HTML and CSS practice by creating simple bespoke apps
https://www.freecodecamp.org/news/learn-html-and-css-order-summary-component/
---
Understanding the background-size property in CSS
https://blog.logrocket.com/understanding-background-size-css/
---
Hiding scrollbar function with CSS
https://blog.logrocket.com/hide-scrollbar-without-impacting-scrolling-css/
#html #css #order #summary
https://www.freecodecamp.org/news/learn-html-and-css-order-summary-component/
---
Understanding the background-size property in CSS
https://blog.logrocket.com/understanding-background-size-css/
---
Hiding scrollbar function with CSS
https://blog.logrocket.com/hide-scrollbar-without-impacting-scrolling-css/
#html #css #order #summary
freeCodeCamp.org
Learn HTML and CSS by Building an Order Summary Component
HTML and CSS are the most important technologies when it comes to creating websites. And building projects is one of the best ways to learn them. We just published a course on the freeCodeCamp.org YouTube channel that will help you learn HTML and CSS...
Create a focus on hover effect on the Image Gallery view, only with CSS
https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not/
#css #gallery #focus
https://css-tricks.com/a-pure-css-gallery-focus-effect-with-not/
#css #gallery #focus
CSS-Tricks
A Pure CSS Gallery Focus Effect with :not | CSS-Tricks
Oftentimes in the past, I needed to figure out how to add styles to all elements inside the container but not the hovered one.