This is an attempt to put helpful links and sites for basic tutorials together which students might use to supplement their learnings for features in their projects.
- color contrast Tool used to adjust colors on fonts flagged as needing a higher contrast ratio from google's lighthouse audit tool.
- colors.co - helps you select complementary colors
- If you are terrible at picking colors, use color variables to make refactoring them easier Daniel's post.
-
lighthouse audit Google's open source tool to help improve the quality of your website. Specifically pay attention to Accessibility and SEO aiming for scores above 80 in your local deployment.
-
web.dev runs the lighthouse audit on independent servers to give more realistic Performance scores. Most web developers will start looking at the First Contentful Paint, Largest Contentful Paint, Time to Interactive, and Cumulative Layout Shift. Ideally you want a shift of 0. Google search engines take these scores into account when aggregating results for keywords. If you have higher scores and faster paint times, you get a better ranking.
- CSS tricks has an assortment of helpful ways to use CSS to accomplish tasks.
- image centering - how to center the home page background image across device sizes
- styling scrollbars - to conserve vertical space
- star inputs - ideas on how to display ratings
- favicon generator - free site to help in website icon generation
- https://www.flaticon.com, just be sure you add their required footer
- Font Awesome
- iconfinder
- mardown table of contents generator - used to create table of contents (be weary it does have some bugs if you have dashes or trailing spaces in your headers)
- markdown table generator - used to help with documentation table formatting.
- https://stackoverflow.com/questions search this site for solutions to your problems.
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://tobiasahlin.com/blog/common-flexbox-patterns/
- https://www.w3schools.com/css/css3_flexbox.asp
- Grid based CSS example: Tania Rascia's pen
PortEx - youtube instructional video of a simple matching card game
- uniwebsidad.com - Provides documentation on more advanced features of flask
- how to build macros and include them from an external file
- how to make custom filters
- Todd Birchard - blueprints concept which makes larger flask application's directory structure manageable
- https://www.youtube.com/watch?v=DsgAuceHha4 - shows you how to add a file to mongo db and use it in your templates to display it
https://www.youtube.com/watch?v=w1STSSumoVk
- How to create a blog in django: https://www.youtube.com/watch?v=B40bteAMM_M&list=PLCC34OHNcOtr025c1kHSPrnP18YPB-NFi&index=2
- how to add a blog comment: https://www.youtube.com/watch?v=hZrlh4qU4eQ&list=PLCC34OHNcOtr025c1kHSPrnP18YPB-NFi&index=34
- how to post blog comments: https://www.youtube.com/watch?v=OuOB9ADT_bo&list=PLCC34OHNcOtr025c1kHSPrnP18YPB-NFi&index=35
- Like Unlike a blog: https://www.youtube.com/watch?v=PXqRPqDjDgc
- Documentation: https://docs.djangoproject.com/en/3.1/topics/email/#the-emailmessage-class
- Video tutorial: https://www.youtube.com/watch?v=1BaLWYUO1k4
- Documentation: https://docs.djangoproject.com/en/3.1/topics/http/views/#customizing-error-views
- Video: https://www.youtube.com/watch?v=gsW5gYTNi34
- coderwall for examples on how to dump data and load it which saves a bunch of time when deploying the application from a local database to a hosted database
- https://docs.djangoproject.com/en/3.1/ref/django-admin/#dumpdata
- https://docs.djangoproject.com/en/3.1/ref/django-admin/#loaddata
- Learning about Electronics - how to get a video file uploaded and displaying