π Great article from one of our followers! It's about pretty cool CSS feature - Scroll Snapping. It's well supported by browsers now and ready for production use. Check it out!
CSS Scroll SnapβββHow It Really Works
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
CSS Scroll SnapβββHow It Really Works
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Medium
CSS Scroll SnapβββHow It Really Works
Remember the days you needed JS to have a nice looking scrolling on your page (gallery, slide show etc.)? Say bye bye to JS and say hi toβ¦
If you want to improve your debugging and analyzing frontend skills or just be more confident with Chrome Dev Tools, this great collection of DevTools tips might be extremely useful!
Chrome DevTools tips collection
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Chrome DevTools tips collection
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Umaar
Dev Tips
A developer tip, in the form of a gif, in your inbox each week. Subscribe to Dev Tips to get these in your inbox
π Very nice article about animating custom SVG images without any library but with pure HTML and CSS.
You Too Can Animate: SVG Line Animation
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
You Too Can Animate: SVG Line Animation
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
DEV Community
You Too Can Animate: SVG Line Animation
Beginner SVG Line Animation Tutorial
Very nice tool for making interactive presentations from MDX formatted file(s).
mdx-deck repository on GitHub
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
MDX
is basibally a good old MarkDown (MD) supporting JSX
snippets. So, it's a very easy and quick way to create your beautiful presentation!mdx-deck repository on GitHub
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
GitHub
GitHub - jxnblk/mdx-deck: β οΈ React MDX-based presentation decks
β οΈ React MDX-based presentation decks. Contribute to jxnblk/mdx-deck development by creating an account on GitHub.
/OFFTOPIC/ Are you curious about your profession in the future? Will it be still in demand or completely taken by machines? Let's guess together with this website! π€
/SPOILER/ There is no worry for software engineers... :D
WillRobotsTakeMyJob.com
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
/SPOILER/ There is no worry for software engineers... :D
WillRobotsTakeMyJob.com
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Willrobotstakemyjob
Will Robots Take My Job?
Find out how susceptible your job is to computerisation
Determine what the font is used on a picture with this pretty cool web app!
"Instant font identification powered by the worldβs largest collection of fonts."
WhatTheFont
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
"Instant font identification powered by the worldβs largest collection of fonts."
WhatTheFont
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Myfonts
WhatTheFont Font Finder - Identify Fonts by Image
Identify fonts with our font finder tool using an image or photo. Upload an image, and weβll search our collection of over 133,000 fonts for the best match.
JAMstack: Modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup.
jamstack.org
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
jamstack.org
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
In addition to the previous post about JAM stack. Stackbit platform for building apps with the JAM stack is testing their beta now. Feel free to join!
www.stackbit.com
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
www.stackbit.com
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Netlify
Scale & Ship Faster with a Composable Web Architecture | Netlify
Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!
WIndows XP as a web app written with React.js. Such a nostalgic fun and actually a great frontend work!
winxp.now.sh
#javascript #frontend #webdev #backend #reactjs #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
winxp.now.sh
#javascript #frontend #webdev #backend #reactjs #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
winxp.vercel.app
WinXP - Windows XP in React
Windows XP in React and Hooks! Try Minesweeper, Internet Explorer, Notepad in your browser!
Great talk about security part of web development:
JavaScript Security: What You Need to Know to Write Secure Applications in JS
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
JavaScript Security: What You Need to Know to Write Secure Applications in JS
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
YouTube
JavaScript Security: What You Need to Know to Write Secure Applications in JS
Jared Smith http://nodevember.org/talk/Jared%20Smith Thought you knew JavaScript security? Well, you don't. At least not as well as you thought you did. From...
Did you know that
KV Storage: the Web's First Built-in Module
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
localStorage
is considered to be slow (because it's synchronous). But there are some good news: we wouldn't need it soon! Embrace built-in modules and the first one to go is KV Storage
! πKV Storage: the Web's First Built-in Module
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Chrome for Developers
KV Storage - the Web's First Built-in Module | Blog | Chrome for Developers
An introduction to the new KV Storage API, built-in modules, and import maps.
Are you in the beginning of your carrier as Frontend Web Developer or just planning to start? Check out this explicit guide into the world of frontend 2019!
Front-end Developer Handbook 2019
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Front-end Developer Handbook 2019
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Frontendmasters
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Nice tool for measuring a performance of websites.
https://web.dev
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
https://web.dev
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
web.dev
Guidance to build modern web experiences that work in every browser.
HTTPS (SSL) are almost required for all websites now. Here is one more option to setup a free SSL certificate with CloudFlare:
Add HTTPS To Any Site For Free
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
Add HTTPS To Any Site For Free
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #html #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
https://ardalis.com
Add HTTPS To Any Site For Free
Add HTTPS to any site for free using Cloudflare.
Useful web application for building error pages (#html) from templates.
"Build free 404, 500-level, and maintenance pages in 60 seconds."
better-error-pages.statuspage.io
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
"Build free 404, 500-level, and maintenance pages in 60 seconds."
better-error-pages.statuspage.io
#javascript #frontend #webdev #backend #webdevelopment #programming #coding #css #nodejs #programmer #webdeveloper
--
Follow JavaScript Room in Instagram, Twitter, Facebook and Patreon
π₯ iconbuddy.app - 180K+ open source icons for your next project!
#webdev #webdevelopment #frontend #javascript #html #css #webdeveloper #programming
#webdev #webdevelopment #frontend #javascript #html #css #webdeveloper #programming
π1
playcss.app - a nice gamified way to improve and practice your CSS skills by solving daily challenges. It can definitely boost your frontend creativity to new heights.
#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
#css #javascript #html #frontend #web #webdev #webdevelopment #webdeveloper #programmer
π1
[CSS] A new way of switching theme colors in #css is coming - embrace the βlight-dark()β method.
Itβs currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
Itβs currently experimental and only supported by the latest Firefox browser, keep that in mind.
https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
#html #javascript #frontend #programming #webdev #webdevelopment #webdeveloper
Bram.us
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
π2π₯2
One more option for those who want to learn web development and donβt know where to start. TheValleyOfCode looks like a great learning source for beginners and even more experienced techies.
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
https://thevalleyofcode.com/
#webdev #webdeveloper #webdevelopment #html #css #javascript #typescript
Thevalleyofcode
The Valley of Code
The Valley of Code, Your Web Development Manual
π₯2β€1
β‘οΈ Highly informative and insightful reads from the Google Chrome team for all web devs out there. Understanding the browser architecture can lead to significant improvements when building complex and distributed projects. Even if you're familiar with the topic, dedicate 15-20 minutes to read through this 4-articles series, you're not going to regret it.
Inside look at modern web browser
- Part 1: https://developer.chrome.com/blog/inside-browser-part1
- Part 2: https://developer.chrome.com/blog/inside-browser-part2
- Part 3: https://developer.chrome.com/blog/inside-browser-part3
- Part 4: https://developer.chrome.com/blog/inside-browser-part4
#webdev #webdevelopment #javascript #programming #frontend #backend #nodejs #html #css #webdeveloper
Inside look at modern web browser
- Part 1: https://developer.chrome.com/blog/inside-browser-part1
- Part 2: https://developer.chrome.com/blog/inside-browser-part2
- Part 3: https://developer.chrome.com/blog/inside-browser-part3
- Part 4: https://developer.chrome.com/blog/inside-browser-part4
#webdev #webdevelopment #javascript #programming #frontend #backend #nodejs #html #css #webdeveloper
Chrome for Developers
Inside look at modern web browser (part 1) | Blog | Chrome for Developers
Learn how browser turn your code into functional website from high-level architecture to the specifics of the rendering pipeline.
β€2π2