- DOM
- HTML
- CSS Learn
- CSS Resources
- CSS Flex Box
- CSS Grid
- CSS Hands-on
- BEM
- Tailwind CSS
- Responsive
- CSS tips and Tricks
- CSS variables
- SASS
- Projects
- Courses
- CSS challenges
- CSS Libraries
- CSS Units
- Frontend
- UX
- Bootstrap
- CSS frameworks
- Clean code
- Books
- Free project resources and code
- SEO
- Image Handling
- Figma
- CSS container queries
- Web accessibility
- CSS new features
- Free books
- https://www.freecodecamp.org/news/javascript-dom-manipulation/
- https://www.freecodecamp.org/news/what-is-the-dom-explained-in-plain-english/
- https://dev.to/ruppysuppy/deep-dive-into-how-web-browsers-work-with-illustrations-249b
- https://code.tutsplus.com/tutorials/28-html5-features-tips-and-techniques-you-must-know--net-13520
- https://blog.amenas.me/my-journey-of-2022-dev-retro-2022?deviceType=desktop
- https://pragmaticpineapple.com/adding-custom-html-and-css-to-github-readme/
- https://www.builder.io/blog/how-to-improve-lighthouse-scores-by-avoiding-img-layout-shifts
- https://www.freecodecamp.org/news/html-coding-introduction-course-for-beginners/
- https://www.freecodecamp.org/news/html-for-beginners/
- https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399
- https://hackernoon.com/71-stories-to-learn-about-html-css?source=rss
- https://www.html-code-generator.com/css/triangle-generator
- https://www.freecodecamp.org/news/html-page-elements/
- https://www.freecodecamp.org/news/how-to-write-faster-html-and-css-using-emmet/
- https://blog.openreplay.com/prefetching-preloading-and-prerendering-in-html/
- https://www.freecodecamp.org/news/html-css-handbook-for-beginners/
- https://www.freecodecamp.org/news/innerhtml-vs-innertext-vs-textcontent/?ref=dailydev
- https://www.freecodecamp.org/news/how-to-use-html-forms/?ref=dailydev
- https://dev.to/devshefali/21-html-tips-you-must-know-about-55j7?ref=dailydev
- https://levelup.gitconnected.com/css-layout-patterns-5-f63dab322c6
- [https://blog.openreplay.com/understanding-css-positioning(https://blog.openreplay.com/understanding-css-positioning)
- https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/
- https://una.im/style-queries/
- https://www.freecodecamp.org/news/learn-css-in-11-hours/
- https://blog.logrocket.com/a-new-guide-to-css-overflow/
- https://www.smashingmagazine.com/2022/10/futuristic-css/
- https://www.miriamsuzanne.com/2022/10/23/css-wizardry-critical-css/
- https://www.freecodecamp.org/news/why-use-rem-to-set-font-size-in-css/
- https://dev.to/refine/rem-vs-em-everything-you-need-to-know-5342
- https://css-irl.info/2022-in-review/
- https://ishadeed.com/article/conditional-css/
- https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/
- https://blog.openreplay.com/working-with-the-css-box-model/
- https://blog.openreplay.com/introduction-to-pure-css/
- https://blog.krsh.eu.org/the-art-of-css-positioning
- https://css-irl.info/resizing-with-css/
- https://dev.to/coderpad/top-10-css-animation-libraries-656
- https://dev.to/codux/the-future-of-css-33kl
- https://andy-bell.co.uk/a-modern-css-reset/
- https://developer.chrome.com/articles/css-nesting/
- https://blog.openreplay.com/working-with-multiple-columns-in-css/
- https://blog.openreplay.com/color-types-in-css/
- https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/
- https://www.syncfusion.com/blogs/post/css-flex-every-developer-should-know.aspx
- https://ishadeed.com/article/container-query-units/
- https://basescripts.com/modern-css-for-beginners-2022-web-design-getting-started-new-course-free-pdf-guide-included-below
- https://dev.to/alvaromontoro/css-is-dead-1i4
- https://wpmayor.com/the-60-30-10-rule-made-our-website-designs-infinitely-better/
- https://javascript.plainenglish.io/what-i-was-never-told-about-css-3fe859b1a1da
- https://ujjwalkjha.hashnode.dev/css-selectors
- https://blog.logrocket.com/write-type-safe-css-modules/
- https://www.infoworld.com/article/3663513/the-best-new-css-features.html
- https://nerdleveltech.com/a-complete-and-beginner-friendly-guide-to-css-mastery-part-1/
- https://nerdleveltech.com/a-complete-and-beginner-friendly-guide-to-css-mastery-part-3/
- https://cssbattle.dev/
- https://nerdleveltech.com/a-complete-and-beginner-friendly-guide-to-css-mastery-part-2/
- https://developer.apple.com/videos/play/wwdc2023/10121/
- https://www.syncfusion.com/blogs/post/css-container-queries.aspx
- https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/
- https://blog.logrocket.com/css-logical-properties-guide/
- https://www.freecodecamp.org/news/how-to-use-css-selectors/
- https://developer.chrome.com/blog/css-text-wrap-pretty/?ref=dailydev
- https://ishadeed.com/article/css-nesting/?ref=dailydev
- https://dev.to/lissy93/super-useful-css-resources-1ba3
- https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/
- https://ishadeed.com/article/css-wishlist-2023/
- https://hackernoon.com/8-web-development-notes-you-might-find-useful?source=rss
- https://javascript.plainenglish.io/how-css-works-5a9741cf4ab9
- https://ishadeed.com/article/new-viewport-units/
- https://www.freecodecamp.org/news/css-transition-vs-css-animation-handbook/
- https://www.freecodecamp.org/news/html-css-handbook-for-beginners/
- https://www.freecodecamp.org/news/css-flexbox-complete-guide/
- https://jst.hashnode.dev/complete-css-flex-tutorial
- https://codingfantasy.com/games
- https://ishadeed.com/article/flex-wrap-detect/
- https://www.lambdatest.com/blog/css-box-model/
- https://www.freecodecamp.org/news/the-css-flexbox-handbook/
- https://www.freecodecamp.org/news/flexbox-vs-grid-in-css/?ref=dailydev
- https://jst.hashnode.dev/css-grid-tutorial
- https://codedamn.com/news/frontend/css-grid
- https://www.freecodecamp.org/news/grid-to-list-toggle-using-css-grid/
- https://blog.openreplay.com/working-with-the-css-grid/
- https://www.freecodecamp.org/news/complete-guide-to-css-grid/
- https://www.atatus.com/blog/css-grid/
- https://compile7.org/decompile/build-a-responsive-dashboard-layout-with-css-grid/
- https://www.sitepoint.com/css-container-queries-introduction/
- https://www.coltsteele.com/tutorials/mastering-css-grid
- https://www.joshwcomeau.com/css/interactive-guide-to-grid/?ref=dailydev
- https://www.freecodecamp.org/news/bento-grids-in-web-design/
- https://www.hyperui.dev/components/ecommerce/carts
- https://12daysofweb.dev/
- https://blog.openreplay.com/using-the-css-filter-property/
- https://blog.sahilchandravanshi.com/custom-css-scrollbar
- https://www.freecodecamp.org/news/learn-tailwind-css/
- [https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/(https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/)
- https://blog.logrocket.com/tailwind-css-dynamic-breakpoints-and-container-queries/
- https://towardsdev.com/why-tailwind-is-better-by-trisk-f69bd4f3fedb
- https://tailwind-elements.com/docs/standard/data/tables/
- https://www.freecodecamp.org/news/tailwindcss-vs-nextui-how-to-choose-a-ui-framework/
- https://blog.openreplay.com/theming-with-tailwind-css/
- https://nerdcave.com/tailwind-cheat-sheet
- https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/
- https://ellahcodes.hashnode.dev/my-first-tailwind-experience
- https://towardsdev.com/setting-uptailwind-css-with-reactjs-8245c936e164
- https://howtocrackit.com/tailwind-css-responsive-design-mastering-breakpoints-and-media-queries/
- https://howtocrackit.com/tailwind-css-flexbox-and-grid-efficient-layout-techniques-for-modern-web-applications/
- https://csstailwind.com/category/learn-tailwind/
- https://www.highlight.io/blog/typesafe-tailwind
- https://www.tailwind-variants.org/
- https://blog.openreplay.com/tailwind-vs-bulma/
- https://blog.openreplay.com/styling-astro-apps-with-tailwind-css/
- https://arindam1729.hashnode.dev/getting-started-with-tailwind
- https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/
- https://dev.to/rarestoma/how-to-create-tailwind-css-dashboard-using-low-code-tutorial-42mj
- https://www.builder.io/blog/tailwind-css-tips-and-tricks
- https://uxplanet.org/building-a-design-system-with-tailwind-css-a-step-by-step-guide-f03f99f87aba
- https://css-tricks.com/fun-viewport-units/
- https://dzone.com/articles/how-to-use-media-queries-in-css-for-responsive-design
- https://levelup.gitconnected.com/css-and-responsive-design-f1732fab0838
- https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/
- https://www.builder.io/blog/css-tips-for-better-web-development
- https://css-tricks.com/moving-backgrounds/
- https://blog.logrocket.com/matching-elements-css-nth-child-other-selectors/
- https://dev.to/devsyedmohsin/22-useful-css-tips-and-tricks-every-developer-should-know-13c6
- https://dev.to/hr21don/6-advanced-css-properties-to-make-your-content-stand-out-2n86
- https://css-tip.com/css-zoom-effect/
- https://levelup.gitconnected.com/costly-css-properties-and-how-to-optimize-them-b2ebc6a85979
- https://blog.saeloun.com/2023/04/06/know-about-css-where-is
- https://developer.chrome.com/blog/css-text-wrap-balance/
- https://javascript.plainenglish.io/what-i-was-never-told-about-css-3fe859b1a1da
- https://dev.to/sp90/5-tips-to-become-better-at-css-3d24
- https://blog.bitsrc.io/14-awesome-css-properties-you-need-to-know-9cee5b364990
- https://ishadeed.com/article/css-logical-properties/
- https://dev.to/leduc1901/costly-css-properties-and-how-to-optimize-them-3bmd
- https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css/
- https://itnext.io/basic-css-resets-to-apply-in-every-app-9bd724dc4f49
- https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/
- https://www.freecodecamp.org/news/responsive-design-best-practices/
- https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/
- https://blog.openreplay.com/removing-unused-css-with-purgecss/
- https://devdojo.com/superdev/enchancing-your-css-workflow-with-divmagic
- https://medium.com/before-semicolon/50-css-best-practices-guidelines-to-write-better-css-c60807e9eee2
- https://blog.openreplay.com/css-refactoring-techniques/
- https://www.builder.io/blog/css-the-good-parts
- https://dzone.com/articles/best-15-css-trends-to-watch-for
- https://andy-bell.co.uk/a-more-modern-css-reset/
- https://dev.to/francescovetere/css-trick-transition-from-height-0-to-auto-21de?ref=dailydev
- https://blog.openreplay.com/hiding-elements-with-css/?ref=dailydev
- https://web.dev/articles/6-css-snippets-every-front-end-developer-should-know-in-2023
- https://github.com/AllThingsSmitty/css-protips
- https://blog.bitsrc.io/10-css-one-liners-to-transform-your-web-app-04306968c6c7
- https://css-tip.com/better-modern-css/?ref=dailydev
- https://medium.com/free-code-camp/everything-you-need-to-know-about-css-variables-c74d922ea855
- https://blog.bitsrc.io/difference-between-design-tokens-and-design-variables-in-css-8809b7f3b5c8
- https://stackabuse.com/manipulating-css-pseudo-elements-before-and-after-using-javascript-jquery/
- https://ishadeed.com/article/css-vars-101/
- https://cloudfour.com/thinks/when-to-nest-css/?ref=dailydev
- https://www.freecodecamp.org/news/how-to-use-css-variables/
- https://towardsdev.com/sass-syntactically-awesome-stylesheets-e36891d173c1
- https://uxplanet.org/exploring-the-variables-in-scss-ae963881173d
- https://hackernoon.com/327-stories-to-learn-about-saas?source=rss
- https://medium.com/@rickmint/the-battle-of-the-css-preprocessors-scss-vs-less-vs-sass-a7b667be9c2f
- https://www.freecodecamp.org/news/how-to-make-clickable-svg-map-html-css/
- https://towardsdev.com/building-a-github-account-x-100-days-of-code-days-15-21-cb6351745386
- https://github.com/PacktPublishing/50-Projects-In-50-Days---HTML-CSS-JavaScript
- https://htmlrev.com/
- https://levelup.gitconnected.com/9-projects-you-can-do-to-become-a-front-end-master-in-2023-a4389153148c
- https://www.geekshelp.in/p/html-css-projects_5.html
- https://dev.to/ryandsouza13/create-a-simple-digital-clock-using-html-css-and-javascript-3h53
- https://www.freecodecamp.org/news/how-to-create-a-portfolio-website-using-html-css-javascript-and-bootstrap/
- https://dev.to/swirl/24-best-resources-for-web-developers-html-css-javascript--2hog
- https://www.freecodecamp.org/news/practice-html-css-and-javascript-by-building-7-projects/?ref=dailydev
- https://www.simplilearn.com/front-end-developer-free-course-skillup
- https://www.mygreatlearning.com/academy/learn-for-free/courses/front-end-development-css?utm_campaign=GLA_TOP_NAV
- https://uiverse.io/challenges
- https://animatedbackgrounds.me/
- https://www.kodingkitty.com/blog/
- https://blog.openreplay.com/ten-css-tricks-to-improve-your-design-game/?ref=dailydev
- https://www.lambdatest.com/blog/bulma-css-framework/
- https://lightningcss.dev/docs.html
- https://awesome-shadcn-ui.vercel.app/?ref=dailydev
- https://techleadcuriosity.com/25-most-common-questions-asked-in-a-fronted-engineering-job-interview-b3f1337906ce
- https://blog.bitsrc.io/microfrontends-with-graphql-how-to-simplify-data-fetching-and-communication-across-microservices-24e360acb802
- https://hackernoon.com/106-stories-to-learn-about-website?source=rss
- https://hackernoon.com/306-stories-to-learn-about-webdev?source=rss
- https://hackernoon.com/209-stories-to-learn-about-website-development?source=rss
- https://cleancommit.io/blog/the-roles-of-ui-designers-and-front-end-developers-in-digital-success/
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-5/
- https://hackernoon.com/a-beginners-guide-to-html-css-and-javascript?source=rss
- https://muffinman.io/
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-6/
- https://web.dev/patterns/
- https://www.freecodecamp.org/news/full-stack-engineer-career-guide/
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-7/
- https://hackernoon.com/taking-a-journey-into-micro-frontend-migration-part-1-design?source=rss
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-8/
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-9/
- https://nerdleveltech.com/the-complete-guide-to-becoming-a-web-developer-part-4/
- https://www.telerik.com/blogs/developers-guide-implementing-design-system-part-1
- https://leetcode.com/discuss/interview-question/742791/Front-End-Interview-Questions
- https://2023.stateofcss.com/en-US
- https://www.freecodecamp.org/news/freecodecamp-press-books-handbooks/
- https://www.freecodecamp.org/news/frontend-web-development-in-depth-project-tutorial/
- https://hackernoon.com/front-end-optimization-my-journey-to-accelerate-load-times-in-heavy-front-end?source=rss&ref=dailydev
- https://dev.to/idboussadel/how-to-become-a-10x-dev-ake?ref=dailydev
- https://www.htmhell.dev/adventcalendar/2023/14/?ref=dailydev
- https://www.freecodecamp.org/news/front-end-developer-roadmap/
- https://dev.to/lilxyzz/web-development-tools-and-resources-24m8?ref=dailydev
- https://dev.to/sufian/5-essential-practices-for-front-end-developers-react-edition-3h96?ref=dailydev
- https://blog.openreplay.com/ux-best-practices-for-developers/
- https://medium.com/codeart-mk/ui-ux-design-trends-2023-c7285391e610
- https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
- https://bartwullems.blogspot.com/2023/05/bootstrap-5-showhide-images-on-specific.html
- https://hackernoon.com/66-stories-to-learn-about-bootstrap?source=rss
- https://chartscss.org/components/labels/
- https://www.telerik.com/blogs/zero-runtime-css-vanilla-extract
- https://www.freecodecamp.org/news/css-frameworks-vs-custom-css/?ref=dailydev
- https://cube.fyi/?ref=dailydev
- https://nuejs.org/blog/introducing-nue-css/?ref=dailydev
- https://lume.land/plugins/lightningcss/?ref=dailydev
- https://levelup.gitconnected.com/10-best-coding-and-programming-interview-books-in-2023-7c90d158e51b
- https://github.com/EbookFoundation/free-programming-books