cssfx.dev
CSSFX - Beautifully simple click-to-copy CSS effects
· Browse a carefully crafted collection of loaders, hover effects, transitions, and other CSS effects to use in your next project. Effects are designed with an emphasis on fluidity, simplicity, and ease… · Shared by 128, including Sachin Gawas, sascha aßbach, Angel Romero, Cameron Yick ~ @hydrosquall@vis.social on mastodon, Luis Bravo, Benoist Lawniczak, José Rodrigues, Stephen C Sanders, Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Thomas Wong
gist.github.com
Prototyping with Web Components: Build an RSS Reader
13+ min · · How to prototype an application using web components, ES6 modules and friends. · Shared by 12, including Bit
frontendfoc.us
December 12, 2018
2 min · · #370 — December 12, 2018 Read on the Web A Guide to the CSS Object Model (CSSOM) — If you’ve written JavaScript in a front-end context, you’ve undoubtedly dealt with the DOM (Document Object Model)…
medium.com
The Developer’s Edge: How To Become A Senior Developer
13+ min · · This is Part 2 of a series of articles for programmers looking to upgrade their skills. Part 1 took us through the very beginning stages… · Shared by 6
medium.com
Don’t be a Junior Developer 💻🚀
4 min · · Seriously, don’t be a junior developer. A junior developer puts this title in their resume, emails, and LinkedIn… They pronounce it to the…
medium.com
Learn to code in 2019, get hired, and have fun along the way
20+ min · · Last year, I wrote a post that went viral which gave you step by step instructions on how to become a web developer from scratch and for… · Shared by 10
pop.frontendweekly.co
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. · Shared by 3, including Emad Ibrahim
andy-bell.design
Create a responsive grid layout with no media queries, using CSS Grid
4 min · · Embracing the flexible nature of the web gives us powerful, resilient front-ends, where instead of using specific sizes, we give elements sensible boundaries and let them auto-fill where possible. I… · Shared by 39, including Niklaus Gerber, Benoist Lawniczak, numano
Codrops
Shape Hover Effect with SVG
7 min · · In this tutorial we'll recreate the hover effect as seen on The Christmas Experiments website. We'll be using SVG for the shape and Snap.svg for animating it on hover. · Shared by 9, including Mohamed Azazy
Codrops
Making SVGs Responsive with CSS
17+ min · · An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline media queries to make SVGs adaptive. · Shared by 24, including Rodrigo Noales
Codrops
Page Preloading Effect
12+ min · · A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs. · Shared by 6