⭐ star Rating with Animation!
Key Points
• HTML <button> buttons with data-value and aria-label.
• CSS hover animation, highlighting, and scaling.
• JS highlighting, rating lock, and dynamic label
@etwebs
Key Points
• HTML <button> buttons with data-value and aria-label.
• CSS hover animation, highlighting, and scaling.
• JS highlighting, rating lock, and dynamic label
@etwebs
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
A cool tool for generating SVG waves for your project
It offers a very simple interface for customizing and styling waves to suit your design
Try it out here the source code is on GitHub
Don't forget to react for more content like this
@etwebs
It offers a very simple interface for customizing and styling waves to suit your design
Try it out here the source code is on GitHub
Don't forget to react for more content like this
@etwebs
👍4🔥2
A visual overview of useful skills a web developer should master
This resource contains a collection of all kinds of useful skills for web programmers, for both beginners and advanced users
Hovering over any skill will display a list of helpful links to various tutorials and explanations
@etwebs
This resource contains a collection of all kinds of useful skills for web programmers, for both beginners and advanced users
Hovering over any skill will display a list of helpful links to various tutorials and explanations
@etwebs
andreasbm.github.io
Web Skills
A visual overview of useful skills to learn as a web developer
👍6❤1
CSS Loader Generator Use this online generator to set up a CSS loader for your web page
You can also find hundreds of other tools, resources, and generators on this portal to help you with CSS and HTML
https://www.cssportal.com/css-loader-generator/
@etwebs
You can also find hundreds of other tools, resources, and generators on this portal to help you with CSS and HTML
https://www.cssportal.com/css-loader-generator/
@etwebs
❤3
HTTP status Codes
404 Not Found - The server could not find the requested resource
100 Continue - Intermediate response, request successfully accepted.
200 OK - Request accepted and correctly processed by the web server.
201 Created - The server processed the request and created a new resource.
301 Moved Permanently - The requested resource has permanently
moved to a new address.
304 Not Modified - The requested resource has not changed,
meaning a cached version can be used.
400 Bad Request - The request from the client to the web server is malformed.
401 Unauthorized - Access denied due to lack of authorization.
500 Internal Server Error - Internal server error
501 Not Implemented - The request method is not supported by the server and cannot be processed.
👍 If this was helpful
@etwebs
404 Not Found - The server could not find the requested resource
100 Continue - Intermediate response, request successfully accepted.
200 OK - Request accepted and correctly processed by the web server.
201 Created - The server processed the request and created a new resource.
301 Moved Permanently - The requested resource has permanently
moved to a new address.
304 Not Modified - The requested resource has not changed,
meaning a cached version can be used.
400 Bad Request - The request from the client to the web server is malformed.
401 Unauthorized - Access denied due to lack of authorization.
500 Internal Server Error - Internal server error
501 Not Implemented - The request method is not supported by the server and cannot be processed.
👍 If this was helpful
@etwebs
👍8
Do you need design inspiration for your next project here
👇👇👇
Saaspo.com
onepagelove.com
land-book.com
Cssdesignawards.com
Awwwards.com
Httpster.net
Don't forget to react for more content like this
@Regixdev
👇👇👇
Saaspo.com
onepagelove.com
land-book.com
Cssdesignawards.com
Awwwards.com
Httpster.net
Don't forget to react for more content like this
@Regixdev
❤5🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Adding Snowflakes to Your Website
This is the easiest way to create a Christmassy mood on your website. Simply include styles and scripts to get the snow animation working:
Include CSS
Include JS
❤️ if this was helpful
@Regixdev
This is the easiest way to create a Christmassy mood on your website. Simply include styles and scripts to get the snow animation working:
Include CSS
<link href="https://cdn.jsdelivr.net/gh/Alaev-Co/snowflakes/dist/snow.min.css" rel="stylesheet">
Include JS
<script src="https://cdn.jsdelivr.net/gh/Alaev-Co/snowflakes/dist/Snow.min.js"></script>
<script>
new Snow(); // Start the snow animation
</script>❤️ if this was helpful
@Regixdev
❤10🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
If you need to quickly generate a custom SVG loader, here's a great open source tool. Flexible customization: color, speed, size, and more are to your liking.
http://loaders.holasvg.com
@regixdev
http://loaders.holasvg.com
@regixdev
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
I've brought you a crazy collection of Unicode symbols.
Here you can find an unlimited number of symbols and copy them in HTML, Unicode, Hex, JSON, and other formats. You can customize the symbol and export it as SVG or PNG.
https://symbol.so/
@regixdev #resourse
Here you can find an unlimited number of symbols and copy them in HTML, Unicode, Hex, JSON, and other formats. You can customize the symbol and export it as SVG or PNG.
https://symbol.so/
@regixdev #resourse
🔥5
ʀᴇɢɪx
I've brought you a crazy collection of Unicode symbols. Here you can find an unlimited number of symbols and copy them in HTML, Unicode, Hex, JSON, and other formats. You can customize the symbol and export it as SVG or PNG. https://symbol.so/ @regixdev…
Don't forget to react if it is important and for any question contact us @CodeAndCreate
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Pattern
A collection of beautiful backgrounds made with pure CSS
You can customize colors, density, padding, dimensions, and other parameters to perfectly match your design.
https://css-pattern.com/
@regixdev
A collection of beautiful backgrounds made with pure CSS
You can customize colors, density, padding, dimensions, and other parameters to perfectly match your design.
https://css-pattern.com/
@regixdev
🔥8
TypeHero a platform for learning TypeScript hands on with ready made challenges and the ability to create your own
https://typehero.dev
@Regixdev #resourse
https://typehero.dev
@Regixdev #resourse
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
UI/UX Designers, this might be one of the cleanest color palette generators I’ve seen lately
Kigen is a color generator that helps you quickly create beautiful palettes for your UI projects, making it easier to pick colors that actually work well together instead of guessing
Website link →https://kigen.design/color
@Regixdev
Kigen is a color generator that helps you quickly create beautiful palettes for your UI projects, making it easier to pick colors that actually work well together instead of guessing
Website link →https://kigen.design/color
@Regixdev
🔥3❤1