Some examples of hover and overlay animations with CSS along with sample code
https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40
#css #animation #overlay #hover
https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40
#css #animation #overlay #hover
DEV Community
100 underline/overlay animations | The ultimate CSS collection 🥇
Get tired searching animations for your menu items and links? Search no more! Here is a list of more...
container and :has(): two powerful new responsive APIs landing in Chromium 105
https://developer.chrome.com/blog/has-with-cq-m105
#css
https://developer.chrome.com/blog/has-with-cq-m105
#css
Chrome for Developers
@container and :has(): two powerful new responsive APIs landing in Chromium 105 | Blog | Chrome for Developers
"Container queries and :has() are a match made in responsive heaven. Luckily, both of these features are landing together in Chromium 105. This is a huge release with two highly-requested features for responsive interfaces!"
Forwarded from 👨💻Coder Blast🌋
A curated collection of common interview questions to help you prepare for your next interview.
https://30secondsofinterviews.org/
#interview #html #css #javascript #security
Share 🚀
Follow us :
Telegram & Instagram
https://30secondsofinterviews.org/
#interview #html #css #javascript #security
Share 🚀
Follow us :
Telegram & Instagram
30secondsofinterviews.org
30 seconds of interviews
A curated collection of common web development interview questions to help you prepare for your next interview.
A collection of exercises created in August 2022 by Online Tutorials and their training links
https://youtu.be/HdpHEzoUAjY
#css #onlineTutorials
https://youtu.be/HdpHEzoUAjY
#css #onlineTutorials
YouTube
Top CSS & Javascript Effects | August 2022 @OnlineTutorialsYT
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…
Not All Zeros are Equal
Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code. - https://www.oddbird.net/2022/08/04/zero-units
#css
Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code. - https://www.oddbird.net/2022/08/04/zero-units
#css
OddBird
Not All Zeros are Equal
And every 'best practice' comes with caveats
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…