web-development.md

July 15, 2021 · View on GitHub

Bookmarks tagged [web-development]

www.codever.land/bookmarks/t/web-development

GreenSock

https://greensock.com/

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

GitHub - kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2021

https://github.com/kamranahmedse/developer-roadmap/blob/master/README.md

Roadmap to becoming a web developer in 2021. Contribute to kamranahmedse/developer-roadmap development by creating an account on GitHub.

Top Web Development Tools for Building Business Applications in 2021 | Hacker Noon

https://hackernoon.com/top-web-development-tools-for-building-business-applications-in-2021-0n1234pe...

The Smart Coder

https://thesmartcoder.dev/10-awesome-github-repos-every-web-developer-should-know

From giant repos of resources to interview prep, there’s a lot of great stuff here

The Smart Coder

https://thesmartcoder.dev/9-popular-github-repos-for-every-web-developer/

Useful tools, inspiring examples, and more...

Justin Searls – Please don’t mock me - 51min

https://www.youtube.com/watch?v=Af4M8GMoxi4

Confusion over test doubles starts with what to even call them. You might know them as stubs, proxies, mocks, or spies (but I call them test doubles, because a book you've probably never read declared...

GitHub - bmorelli25/Become-A-Full-Stack-Web-Developer

https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer

I created this list and am constantly updating it with new resources, information, and news.

GitHub - dexteryy/spellbook-of-modern-webdev

https://github.com/dexteryy/spellbook-of-modern-webdev

A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development

GitHub - kamranahmedse/developer-roadmap

https://github.com/kamranahmedse/developer-roadmap

Below you find a set of charts demonstrating the paths that you can take and the technologies that you would want to adopt in order to become a frontend, backend or a devops. I made these charts for a...

Jake Archibald: In The Loop - JSConf.Asia - 35min

https://www.youtube.com/watch?v=cCOL7MC4Pl0

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found ...

Web Skills

https://andreasbm.github.io/web-skills/

A visual overview of useful skills to learn as a web developer

What is the JAMstack and how do I get started?

https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/

10 Top Chrome Extensions for Front-End Developers - Bits and Pieces

https://blog.bitsrc.io/10-top-chrome-extensions-for-front-end-developers-db23a01dce1e

Bit is not a chrome extension but it’s definitely a tool in the spirit of “making your dev life easier”. Bit gives you the power to “harvest” reusable components from any codebase and share them to…

6 Best Browsers for Developers in 2020 | Webdesigner Depo

https://www.webdesignerdepot.com/2020/02/6-best-browsers-for-developers-in-2020/

Web developers do a lot more than just browsing when they're online. Because of this, the average developer needs a browser that's capable of a lot of different

What is the JAMstack? - Better Programming - Medium

https://medium.com/better-programming/what-is-the-jamstack-d3f854919ab6

According to jamstack.org, JAM — which stands for JavaScript, APIs, and Markup — isn’t about specific technologies, but rather: That all sounds great, but how is it different from its predecessors…

Why JavaScript is Eating HTML | CSS-Tricks

https://css-tricks.com/why-javascript-is-eating-html/

Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom

Smashing Magazine

https://www.smashingmagazine.com/

Smashing Magazine — for web designers and developers

The Front-End Checklist

https://frontendchecklist.io/

🗂 The Front-End Checklist Application is perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!

Syntax.fm

https://syntax.fm/

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like Rea...

Rockstar Developer

http://eimaung.com/rockstar-developer

Ei Maung

Professional Web Developer

http://eimaung.com/professional-web-developer

Ei Maung

samples/service-worker at gh-pages · GoogleChrome/samples · GitHub

https://github.com/GoogleChrome/samples/tree/gh-pages/service-worker

Service Worker Recipes

ServiceWorker Cookbook

https://serviceworke.rs/

The Service Worker Cookbook is a collection of working, practical examples of using service workers in modern web apps.

The Changelog with Adam Stacoviak and Jerod Santo

https://changelog.com/podcast

A weekly discussion and interview show featuring a wide range of open-source development tools and development-related news. The programme has a heavy focus on web development, from Ruby and node.js t...

[RestWiki:

Query Strings Considered Harmful](http://web.archive.org/web/20070815111413/http://rest.blueoxen.net/cgi-bin/wiki.pl?QueryStringsConsideredHarmful) http://web.archive.org/web/20070815111413/http://rest.blueoxen.net/cgi-bin/wiki.pl?QueryStringsConsi...

To Query, Or Not To Query... Query params

Lighthouse | Web | Google Developers

https://developers.google.com/web/tools/lighthouse/

Lighthouse is an open-source, automated tool for improving the quality of your web apps.

Manipulating the browser history - Web APIs | MDN

https://developer.mozilla.org/en-US/docs/Web/API/History_API

The DOM window object provides access to the browser's history through the...

CSS FlexBox Essentials - YouTube

https://youtu.be/G7EIAgfkhmg

Video with clear examples introducing CSS3 FlexBox.

Can I use... Support tables for HTML5, CSS3, etc

http://caniuse.com/

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.