- HTML
- CSS
- SASS
- Markdown
- Hosting
- Design
- Unorg / General Topics
- Pro HTML5 Programming | About This Book
- HTML5 For Web Designers, Chapter 1
- HTML5 for Publishers
- HTML5 Canvas - Book
- HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog
- Learn to code HTML, CSS, and JavaScript with Dash
- Article Archive | HTML5 Doctor
- HTML5 Reference
- HTML 5.2 - Reference
- Tutorialsentutorial - HTML.net
- Learn to Code HTML & CSS
- MarkSheet: a free HTML and CSS tutorial - Free tutorial to learn HTML and CSS
- Introduction to CSS - Learn web development | MDN
- CSS Cheat Sheet
- Syncfusion Free Ebooks | CSS3 Succinctly
- CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
- learn web standards :: css guide - introduction
- Cascading Style Sheets: The Definitive Guide
- CSS - the "display" property
- CSS - Lesson 1 - no layout
- Introduction - MaintainableCSS - an approach to writing modular, scalable and maintainable CSS | By Adam Silver
- Home - Scalable and Modular Architecture for CSS
- Understanding CSS Flexbox: resources that helped me the most
- rems and ems, and why you probably don’t need them
- Sass Tutorial
- Sass: Syntactically Awesome Style Sheets
- Best Sass tutorials : A comprehensive guide to Sass
- Learn Sass In 15 Minutes | Tutorialzine
- Getting Started with SASS (with interactive examples) | Scotch
- The Beginner's Guide to Learning Sass
- Sass for Beginners – Inspirational Pixels
- The beginner’s guide to Sass | Webdesigner Depot
- The Sass and Compass tutorial for absolute beginners | Zing Design
- Lesson 1: Getting Started by SASS Tutorials
- The Absolute Beginner's Guide to Sass - Treehouse Blog
- A Complete Beginner’s Guide to learning Sass in a weekend | Skillcrush
- Digging Into Sass - A Guide - Hongkiat
- Sass Cheat Sheets - Cheatography.com: Cheat Sheets For Every Occasion
- Beginner's Guide To Sass - Preprocessing and how to set it up!
- Top 15 Free Website Hosting Sites
- Is Wordpress (or another CMS) worth learning for real developers? What CMS would you recommend for people who actually know how to code?
- Just bought my 1st web domain. I wrote my website in html, best cheap host?
- FreeWebHosting - Discussion, advice, and questions related to free hosting
- GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
- Make a Static Website with Jekyll – Tania Rascia
- Surge - Web Hosting - Free?
- basic cms - Google Search Blog / Wordpress
- Tips for creating a minimalist blog WITHOUT using Wordpress? | https://www.reddit.com/r/web_design/comments/6hxaw8/tips_for_creating_a_minimalist_blog_without_using/
- Alternative to WP for basic sites? | https://www.reddit.com/r/webdev/comments/6hqazh/alternative_to_wp_for_basic_sites/
-
Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.
-
Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement
-
GitHub - kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2017
-
Thinking about making a learning resource while I'm learning
-
What is the best modern introduction to web design and UX design if you already know html and css.
-
Fastest and easiest way to do 'pixel-perfect' PSD -> HTML/CSS?
-
I've recently been laid off. How should I seek out new, remote income?
-
developer-roadmap/README.md at master · kamranahmedse/developer-roadmap · GitHub
- What are WebExtensions? - Mozilla | MDN | https://developer.mozilla.org/en-US/Add-ons/WebExtensions/What_are_WebExtensions - these include Chrome, Firefox, etc extensions.
Build Chrome Extensions
- Best resources/tutorials for making a Chrome extension?
- Getting Started: Building a Chrome Extension - Google Chrome | https://developer.chrome.com/extensions/getstarted
- File I/O - Google Chrome | https://developer.chrome.com/native-client/devguide/coding/file-io
4/29/17 Design
css organizing
css frameworks
-
http://www.skilledup.com/articles/best-free-css-tutorials - 12 Best Free CSS Tutorials for Mastering the Language Style Learn about CSS tutorials to help you with Front-End Development and learning for beginners
4 Things I wish I knew when I started writing HTML & CSS [x-post from r/tiwikwis] • /r/css
https://www.reddit.com/r/css/comments/5nnr49/4_things_i_wish_i_knew_when_i_started_writing/ - Shortcuts: Emmet, Local Dev: XAMPP Installers and Downloads for Apache Friends, Foundation Framework: Foundation | The most advanced responsive front-end framework in the world.
Design
-
5 reasons NOT to use Twitter Bootstrap | Zing Design - http://www.zingdesign.com/5-reasons-not-to-use-twitter-bootstrap/ - Twitter Bootstrap is all the rage at the moment, but let's stop for a moment and have a look at the ways in which Twitter Bootstrap can fail[X-POST from /r/learnjavascript] CSS Reference - A free visual guide to the most popular CSS properties • r/learnprogramminghttps://www.reddit.com/r/learnprogramming/comments/5fbtk3/xpost_from_rlearnjavascript_css_reference_a_free/ - http://cssreference.io/ Just stumbled across this on /r/learnjavascript and it's a a really good visual guide. Thought you guys might enjoy this...
-
A free tutorial to learn HTML and CSS - http://marksheet.io - MarkSheet is a free tutorial to learn HTML and CSS. It's short (just as long as a 50 page book), simple (for everyone: beginners, designers, developers), and free (as in 'free beer' and 'free speech'). It consists of 50 lessons across 4 chapters, covering the Web, HTML5, CSS3, and Sass.
-
A small list of publicly available CSS best practices. It helped me understand what other companies are doing. • r/learnprogramming - https://www.reddit.com/r/learnprogramming/comments/3ywzzg/a_small_list_of_publicly_available_css_best/ - Google’s Style Guide Code Guide by @mdo This person is one of...
HTML Template
-
HTML5 UP - http://html5up.net/ - Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons license.
-
Arcana by HTML5 UP - http://html5up.net/arcana - A business/corporate style responsive site template. It's pretty barebones but should go over pretty well for folks wanting to get their serious business on.
-
Corlate Free Website Template | Free CSS Templates | Free CSS - http://www.free-css.com/free-css-templates/page204/corlate - Preview of the Corlate Free CSS Template from ShapeBootstrap
-
Zerofour by HTML5 UP - http://html5up.net/zerofour - A responsive blog/magazine site template design named as such because it's the fourth design up here (very creative I know). Has plenty of room for all sorts of content and even multilevel drop down menus.
-
bmorelli25/Become-A-Full-Stack-Web-Developer - https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer - Become-A-Full-Stack-Web-Developer - Free resources for learning Full Stack Web Development
-
Become a Web Developer | Viking Code School - https://www.vikingcodeschool.com/web-development-basics - Viking Code School is the premier program for learning professional web development online
-
CSS Beginner Tutorial | HTML Dog - http://www.htmldog.com/guides/css/beginner/ - CSS Beginner Tutorial Like the HTML Beginner Tutorial , the CSS Beginner Tutorial assumes that you know as much about CSS as you do about the cumulative effects of sea squirt discharge on the brain chemistry of Germanic ammonites. The purpose of this guide is to teach the bare essentials - just enough to get started. The CSS Intermediate Tutorial and CSS Advanced Tutorial go into more depth about CSS. CSS , or Cascading Styles Sheets , is a way to style and present HTML. Whereas the HTML is the...
-
CSS Reference - http://cssreference.io - CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
-
CSS-Tricks - https://css-tricks.com/ - CSS-Tricks is a website about websites.
-
Download 2487 Free Website Templates - CSS & HTML | Free CSS - http://www.free-css.com/free-css-templates - The free website templates that are showcased here are open source, creative commons or totally free. These free CSS HTML templates can be freely downloaded.
-
faq - webdev - https://www.reddit.com/r/webdev/wiki/faq/ - reddit: the front page of the internet
-
Feel stuck after learning HTML&CSS? Here's how to create websites on your own — Rumendimitrov.com - https://www.rumendimitrov.com/2015/02/stuck-after-html-and-css/ - https://www.reddit.com/r/web_design/comments/2x815r/feel_stuck_after_learning_htmlcss_heres_how_to/ - You have read a few books on HTML & CSS and know how to create websites yourself. You know how to find the resources you need (when you don't...
-
Intro to HTML & CSS Online Course | Udacity - https://www.udacity.com/course/intro-to-html-and-css--ud304 - Intro to HTML & CSS covers the founding blocks of building a website by getting hands on with HTML & CSS. Learn more about web development from Udacity.
-
HTML & CSS - https://www.codecademy.com/learn/web - Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends. Michael0x2a/curated-programming-resourceshttps://github.com/Michael0x2a/curated-programming-resources/blob/master/resources.md - curated-programming-resources - A curated list of resources for learning programming.
-
Huge list of CSS3 Resources,Tutorials and Libraries to Help You Become a Novice to Expert ... • r/learnprogramming - https://www.reddit.com/r/learnprogramming/comments/2zd0rv/huge_list_of_css3_resourcestutorials_and/ - All the web designers(beginners or intermediates) around the world are excited about the power of CSS3 and the flexibility it offers. With that in...
-
Help for reddit's CSS - https://www.reddit.com/r/csshelp/
-
Opening the Box Model - Learn to Code HTML & CSS - http://learn.shayhowe.com/html-css/opening-the-box-model/ - Learn the HTML and CSS box model concept, outlining that every element on a page is a rectangular box, of which may include margins, padding, and borders.
-
Learn to code and help nonprofits - http://www.freecodecamp.com - Learn to code and build projects for nonprofits. Build your full stack web development portfolio today.
-
Learn How to Code in HTML5 and CSS3 - http://howtocodeinhtml.com/ - An open e-book about HTML5 and CSS3 for absolute beginners
-
Seven Practical Steps for Planning a Website | Fast Company - https://www.fastcompany.com/1703962/seven-practical-steps-planning-website - Your website is your storefront window to the world, so its critical that it work for you. Consider these seven steps before you start building your site.
Design
-
Web Design 101 | A free Webflow ebook - https://ebooks.webflow.com/ebook/web-design-101 - The future of the web is in your hands. Learn how to build it right.
-
Webdev Resources • /r/webdev - https://www.reddit.com/r/webdev/comments/1v7en8/webdev_resources/ - What are some lesser known or more well known resources, on reddit or otherwise, that helps you build web apps? Thanks for posting! Please add...
Design
-
Website Color Schemes: The Palettes of 50 Visually Impactful Websites to Inspire You – Design School - https://designschool.canva.com/blog/website-color-schemes/ - Find inspiration with these unique web color palettes.
-
Website Templates • Free Download • Open Designs - http://www.opendesigns.org/website-templates/ - With over 2,000 website templates to choose from, you'll definitely find yourself a great new look for your website - and it's completely free too!
-
What did you do after learning HTML and CSS? • /r/web_design - https://www.reddit.com/r/web_design/comments/1h5bxm/what_did_you_do_after_learning_html_and_css/ - First, maybe there should be a FAQ on the sidebar that addresses stuff like this...I'm afraid I might be asking a common question. I apologize in...
Design
-
50 Totally Free Lessons in Graphic Design Theory - https://design.tutsplus.com/articles/50-totally-free-lessons-in-graphic-design-theory--psd-2916 - While many of us can create something that looks good in Photoshop or attractive when spliced into CSS, but do we actually understand the design theory behind what we create? Theory is the missing...
-
55 Hand-Picked Resources to Help You Learn Graphic Design Quickly - http://www.designforfounders.com/learn-design/ - Want to learn graphic design? Here's a list of the best links on the internet to get you started right away. Get our exclusive design learning checklist too!
-
Learning the Basic Elements and Principles of Graphic Design - http://1stwebdesigner.com/graphic-design-basics-elements/ - We take an in-depth look at the basics of graphic design, covering the elements, principles, and composition.
-
Teach Yourself Graphic Design: A Self-Study Course Outline - https://design.tutsplus.com/articles/teach-yourself-graphic-design-a-self-study-course-outline--psd-3520 - Fortunately, it isn't required to go to design school in order to be a graphic designer. A good foundation in graphic design history, theory, and practical application will help you hit the ground...
-
How to Check Traffic from WordPress Dashboard - https://www.sourcewp.com/how-to-check-traffic-from-wordpress-dashboard/ - This article tells you how to check your traffic from your WordPress Dashboard. It gives you a list of plugins that will make checking traffic much easier.
-
Web Development Immersive - https://generalassemb.ly/education/web-development-immersive?where=chicago - Founder, The Good Company
-
Top 10 free web hosting providers for August 2016 - http://www.techradar.com/news/internet/web/top-free-hosting-for-uk-businesses-1214296 - Free hosting packages for business websites
Design
-
How to not suck at design, a 5 minute guide for the non-designer.
-
Sakura: a minimal classless css framework / theme. Just drop it in and watch the websites blossom!
-
Is there anything else needed to host a site beyond github pages and a domain?
-
Where to find people to mentor? - url: https://www.reddit.com/r/web_design/comments/6agab9/where_to_find_people_to_mentor/
CMS
-
Best CMS for converting a static HTML and CSS site? - url: https://www.reddit.com/r/web_design/comments/69s9xm/best_cms_for_converting_a_static_html_and_css_site/
-
A list of things that are now possible? r/web_design - url: https://www.reddit.com/r/web_design/comments/69cq0y/a_list_of_things_that_are_now_possible/
-
Methods for Contrasting Text Against Backgrounds | https://css-tricks.com/methods-contrasting-text-backgrounds/
-
Enforcing CSS Syntax Style (and more!) | https://css-tricks.com/enforcing-css-syntax-style/
Design
-
Web Design for Developers: The Ultimate Guide | https://www.reddit.com/r/webdev/comments/6cql0o/web_design_for_developers_the_ultimate_guide/
-
Book - Scalable and Modular Architecture for CSS | https://smacss.com/book/type-module
-
Free & Responsive HTML5 Templates | https://www.reddit.com/r/webdev/comments/6ay282/free_responsive_html5_templates/
CSS
BRACKETS:
- https://github.com/adobe/brackets/wiki/User-Key-Bindings
- https://github.com/adobe/brackets/blob/master/src/command/Commands.js
- https://github.com/adobe/brackets/wiki/How-to-Use-Brackets
- Large Projects · adobe/brackets Wiki - Error: This project contains more than 30,000 files. Features that operate across multiple files may be disabled or behave as if the project is empty.
Validate: HTML:
- https://validator.w3.org/#validate_by_input CSS:
- http://jigsaw.w3.org/css-validator/#validate_by_input
CSS RESPONSIVE: favorites:
- https://www.udacity.com/course/responsive-web-design-fundamentals--ud893
- https://www.udacity.com/course/responsive-images--ud882 etc:
- https://www.w3schools.com/css/css_rwd_mediaqueries.asp
- http://www.theodinproject.com/courses/html5-and-css3/lessons/the-box-model
CSS REF: official CSS doc:
CSS ONLINE COURSES:
-
https://www.codeschool.com/courses/css-cross-country?mbsy=7vHWN
-
https://www.smashingmagazine.com/2009/10/mastering-css-coding-getting-started/ google search: free online courses css
-
http://freevideolectures.com/blog/2010/07/20-cs-programming-online-courses-with-video-lectures/
Reddit CSS**
-
https://www.reddit.com/r/webdev/comments/6043d7/a_collection_of_free_web_development_courses_from/
-
https://www.udemy.com/webdevelopercourse/?couponCode=WEBMASTERFREE
-
https://www.reddit.com/r/webdev/comments/6018uh/creating_my_first_website_any_pointers/
CLOUD 9 WEB IN GENERAL
-
https://c9.io/pricing FREE! Site: don't worry about CMS for now? I can hard code it in a simple way. Down the road: python, php, flask, node?
-
https://www.quora.com/What-is-the-best-way-to-learn-HTML-CSS-and-JavaScript
-
http://www.snoopcode.com/ - HTML / CSS / JS / JQuery courses
Which Web Course?
-
Getting Started Coding: freeCodeCamp vs The Odin Project | https://www.reddit.com/r/webdev/comments/69saqd/getting_started_coding_freecodecamp_vs_the_odin/
-
Reference Sheet Community help needed to create a general Programming "Cheat" Spreadsheet for everyone! | https://www.reddit.com/r/webdev/comments/6cbpel/reference_sheet_community_help_needed_to_create_a/ - google doc comparing languages (saved)
-
Why would anyone want to learn functional programming or non object oriented programming at all? | https://www.reddit.com/r/learnprogramming/comments/6b5nf7/why_would_anyone_want_to_learn_functional/
-
A new comprehensive reference of performance analysis features in Chrome DevTools | https://www.reddit.com/r/webdev/comments/6bxhef/a_new_comprehensive_reference_of_performance/
Cool browser
-
Free Programming Ebooks | https://www.reddit.com/r/webdev/comments/6dzjjl/free_programming_ebooks/ - Not just web dev.
-
I want to teach. How do you like to learn? | https://www.reddit.com/r/webdev/comments/6e2eji/i_want_to_teach_how_do_you_like_to_learn/
-
What is considered best practice/ most popular method of making mobile apps with JS/HTML5/CSS3? | https://www.reddit.com/r/webdev/comments/69by4a/what_is_considered_best_practice_most_popular/
-
Veteran web devs (8-10+ years in the field), what's your advice on staying employed and relevant? | https://www.reddit.com/r/webdev/comments/6fbcfv/veteran_web_devs_810_years_in_the_field_whats/
-
Is Node.js currently more marketable than ROR? - Quora | https://www.quora.com/Is-Node-js-currently-more-marketable-than-ROR
-
Should I learn React.js or Vue.js? - Quora | https://www.quora.com/Should-I-learn-React-js-or-Vue-js
-
What are some of your favorite coding-related Mac apps? | https://www.reddit.com/r/webdev/comments/6fqycl/what_are_some_of_your_favorite_codingrelated_mac/
-
Question on @Quora: Do we need another client-side language? | https://www.quora.com/Do-we-need-another-client-side-language?share=e41c0daf&srid=4tK5
-
30 of Our Favorite CSS Resources from This Year | https://speckyboy.com/favorite-css-resources/
-
Just released my first ever PWA, ECMASyntax.io - would love any feedback you guys could give on it! | https://www.reddit.com/r/webdev/comments/6gri0b/just_released_my_first_ever_pwa_ecmasyntaxio/ - cool
-
WebAssembly 101: a developer's first steps | https://www.reddit.com/r/webdev/comments/6grtjx/webassembly_101_a_developers_first_steps/
-
We made a search engine to show the best paths for learning anything including webdev | https://www.reddit.com/r/webdev/comments/6gl3ts/we_made_a_search_engine_to_show_the_best_paths/
Web
- A Beginner’s Guide to Progressive Web Apps & the Frontend Web | https://www.reddit.com/r/webdev/comments/6nubwd/a_beginners_guide_to_progressive_web_apps_the/
- Simplevote - A live-updating, open source voting platform, using websockets. | https://www.reddit.com/r/webdev/comments/6nv153/simplevote_a_liveupdating_open_source_voting/
- Why aren’t you using Prettier? | https://www.reddit.com/r/webdev/comments/6o2lqe/why_arent_you_using_prettier/
- Static Site Generators vs Flat File CMS - Is there a Difference? | CMS Critic | https://www.reddit.com/r/webdev/comments/6nnx5n/static_site_generators_vs_flat_file_cms_is_there/
- (Now More Than Ever) You Might Not Need jQuery | https://www.reddit.com/r/webdev/comments/6muc25/now_more_than_ever_you_might_not_need_jquery/
- Started learning webdev a month ago, this is my first project! You can submit, comment and vote on songs, but each song only stays on the site for four days. | https://www.reddit.com/r/webdev/comments/6n0qb7/started_learning_webdev_a_month_ago_this_is_my/
- Ceruleum - OSX app to track the changes to your code going towards your next commit | https://www.reddit.com/r/webdev/comments/6mkykf/ceruleum_osx_app_to_track_the_changes_to_your/
- Found this Chrome extension for programmatic in-browser testing | https://www.reddit.com/r/webdev/comments/6mlzrk/found_this_chrome_extension_for_programmatic/
- Web Development Course by Colt Steele - JavaScript, HTML, NodeJs, and More | https://www.reddit.com/r/learnjavascript/comments/6m9wct/web_development_course_by_colt_steele_javascript/
- pell.js - the simplest and smallest (5kB) WYSIWYG text editor for web, with no dependencies | https://www.reddit.com/r/javascript/comments/6melns/pelljs_the_simplest_and_smallest_5kb_wysiwyg_text/
- 70+ useful resources for developers, designers, and startups. Feel free to add more resources to this list by making a pull request! | https://www.reddit.com/r/webdev/comments/6l3eyl/70_useful_resources_for_developers_designers_and/
- There's a website with ideas for web-apps. Anyone know it? [MIC] | https://www.reddit.com/r/webdev/comments/6l84x8/theres_a_website_with_ideas_for_webapps_anyone/
- Web Design for Developers: The Ultimate Resource Guide | https://www.reddit.com/r/webdev/comments/6krh8h/web_design_for_developers_the_ultimate_resource/
- How can I find out how many visitors come to my site, and how much each visitor translates into money? | https://www.reddit.com/r/webdev/comments/6jbjle/how_can_i_find_out_how_many_visitors_come_to_my/
- Shine is A Javascript / CSS3 powered interface for reddit that I built. Would love to share more about how I built it if you're interested. Shoot me any questions you have. | https://www.reddit.com/r/webdev/comments/6jkx0v/shine_is_a_javascript_css3_powered_interface_for/
- Looking for opinions on how to go about a personal blog/website... | https://www.reddit.com/r/learnprogramming/comments/6izc1l/looking_for_opinions_on_how_to_go_about_a/
- (6) Getting Started with Browserify - YouTube | https://www.youtube.com/watch?v=CTAa8IcQh1U
- (6) RequireJS - The Basics - YouTube | https://www.youtube.com/watch?v=VGlDR1QiV3A
- (6) RequireJS made ridiculously easy, in just 10ish minutes - Yazin - 0xTech - YouTube | https://www.youtube.com/watch?v=eRqsZqLyYaU
- RequireJS | http://requirejs.org/
- Browserify | http://browserify.org/
- I found this HTML & CSS code generator thats been really helpful. | https://www.reddit.com/r/webdev/comments/6j1kgg/i_found_this_html_css_code_generator_thats_been/
- I had a great idea for my portfolio! Or so I thought... | https://www.reddit.com/r/webdev/comments/6k430g/i_had_a_great_idea_for_my_portfolio_or_so_i/
web
- Google has updated it's Tech Dev Guide, and it looks really good | https://www.reddit.com/r/learnprogramming/comments/6wyu9u/google_has_updated_its_tech_dev_guide_and_it/
web
- Recommended: The Best Youtube Channels for Developers | https://www.reddit.com/r/webdev/comments/6xt87y/recommended_the_best_youtube_channels_for/
web
- I made a CSS-only tab control (driven by radio buttons) that I'm pretty pleased with. Thought I'd share it with you folks! | https://www.reddit.com/r/css/comments/6slhzn/i_made_a_cssonly_tab_control_driven_by_radio/
web
- Interneting Is Hard | Web Development Tutorials For Complete Beginners | https://internetingishard.com/
web - static