René's URL Explorer Experiment


Title: Web Design - Full Stack Python

Open Graph Title: Web Design

X Title: Web Design

Description: Web design creates a compelling user experience for your Python web app. Learn more about web design on Full Stack Python.

Open Graph Description: Web design creates a compelling user experience for your Python web app. Learn more about web design on Full Stack Python.

Opengraph URL: https://www.fullstackpython.com/web-design.html

X: @fullstackpython

direct link

Domain: www.fullstackpython.com

Nonetext/html; charset=UTF-8
twitter:cardsummary
twitter:imagehttps://www.fullstackpython.com/img/pages/default.jpg
twitter:creator@mattmakai
og:imagehttps://www.fullstackpython.com/img/pages/default.jpg

Links:

Full Stack Pythonhttps://www.fullstackpython.com/
All topicshttps://www.fullstackpython.com/table-of-contents.html
Bloghttps://www.fullstackpython.com/blog.html
Supporter's Editionhttps://www.deploypython.com/full-stack-python.html
@fullstackpythonhttps://twitter.com/fullstackpython
Facebookhttps://www.facebook.com/fullstackpython
What's new?https://www.fullstackpython.com/change-log.html
media querieshttps://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
CSShttps://www.fullstackpython.com/cascading-style-sheets.html
Bootstrap Blog examplehttp://getbootstrap.com/examples/blog/
Clean up your mess: A Guide to Visual Design for Everyonehttp://www.visualmess.com/index.html
Resilient web designhttps://resilientwebdesign.com/
Design 101 for Developershttps://academy.realm.io/posts/christopher-downer-design-101-for-developers/
Laws of UXhttps://lawsofux.com/
Building your color palettehttps://refactoringui.com/previews/building-your-color-palette/
How I Work with Colorhttps://medium.com/@JustinMezzell/how-i-work-with-color-8439c98ae5ed
Building dark mode on Stack Overflowhttps://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow/
A short history of body copy sizes on the Webhttps://fvsch.com/body-copy-sizes/
Web bloathttps://danluu.com/web-bloat/
Fundamental design principles for non-designershttps://medium.freecodecamp.org/fundamental-design-principles-for-non-designers-ad34c30caa7
Gallery of web design historyhttps://www.webdesignmuseum.org/gallery
CSShttps://www.fullstackpython.com/cascading-style-sheets.html
Microsoft in 1996https://www.webdesignmuseum.org/gallery/microsoft-1996
YouTube in 2005https://www.webdesignmuseum.org/gallery/youtube-2005
The Average Web Page (Data from Analyzing 8 Million Websites)https://css-tricks.com/average-web-page-data-analyzing-8-million-websites/
How to design delightful dark themeshttps://blog.superhuman.com/how-to-design-delightful-dark-themes-7b3da644ff1f
Setting height and width on images is important againhttps://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/
Kulerhttps://kuler.adobe.com/create/color-wheel/
blog post series on building a browser enginehttp://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html
How to Use C.R.A.P. Design Principles for Better UXhttps://vwo.com/blog/crap-design-principles/
Defining Colors in CSShttps://pineco.de/defining-colors-in-css/
Cascading Style Sheets (CSS)https://www.fullstackpython.com/cascading-style-sheets.html
Easy to Remember Color Guide for Non-Designershttps://sendwithses.gitbook.io/helpdocs/random-stuff/easy-to-remember-color-guide-for-non-designers
Styling HTML checkboxes is hard - here's whyhttps://areknawo.com/styling-html-checkboxes-is-hard-heres-why/
HTMLhttps://www.fullstackpython.com/hypertext-markup-language-html.html
CSShttps://www.fullstackpython.com/cascading-style-sheets.html
JavaScripthttps://www.fullstackpython.com/javascript.html
13 Terrible Web Trends From the 90s, and How to Recreate Themhttps://envato.com/blog/13-terrible-web-trends-90s-recreate/
Frontend Guidelineshttps://github.com/bendc/frontend-guidelines
Learn Design Principleshttp://learndesignprinciples.com
Front-end performance checklisthttps://github.com/thedaviddias/Front-End-Performance-Checklist
Front-end Developer Handbook 2018https://frontendmasters.com/books/front-end-handbook/2018/
Who Can Usehttps://whocanuse.com/
https://www.fullstackpython.com/cascading-style-sheets.html
https://www.fullstackpython.com/static-content.html
https://www.fullstackpython.com/javascript.html
Table of Contentshttps://www.fullstackpython.com/table-of-contents.html
1. Introductionhttps://www.fullstackpython.com/introduction.html
2. Development Environmentshttps://www.fullstackpython.com/development-environments.html
3. Datahttps://www.fullstackpython.com/data.html
4. Web Developmenthttps://www.fullstackpython.com/web-development.html
Web Frameworkshttps://www.fullstackpython.com/web-frameworks.html
Djangohttps://www.fullstackpython.com/django.html
Flaskhttps://www.fullstackpython.com/flask.html
Bottlehttps://www.fullstackpython.com/bottle.html
Pyramidhttps://www.fullstackpython.com/pyramid.html
TurboGearshttps://www.fullstackpython.com/turbogears.html
Falconhttps://www.fullstackpython.com/falcon.html
Morepathhttps://www.fullstackpython.com/morepath.html
Sanichttps://www.fullstackpython.com/sanic.html
Other Web Frameworkshttps://www.fullstackpython.com/other-web-frameworks.html
Template Engineshttps://www.fullstackpython.com/template-engines.html
Jinja2https://www.fullstackpython.com/jinja2.html
Makohttps://www.fullstackpython.com/mako.html
Django Templateshttps://www.fullstackpython.com/django-templates.html
Web Designhttps://www.fullstackpython.com/web-design.html
HTMLhttps://www.fullstackpython.com/hypertext-markup-language-html.html
Cascading Style Sheets (CSS)https://www.fullstackpython.com/cascading-style-sheets.html
Responsive Designhttps://www.fullstackpython.com/responsive-design.html
Minificationhttps://www.fullstackpython.com/minification.html
CSS Frameworkshttps://www.fullstackpython.com/css-frameworks.html
Bootstraphttps://www.fullstackpython.com/bootstrap-css.html
Foundationhttps://www.fullstackpython.com/foundation-css.html
JavaScripthttps://www.fullstackpython.com/javascript.html
Reacthttps://www.fullstackpython.com/react.html
Vue.jshttps://www.fullstackpython.com/vuejs.html
Angularhttps://www.fullstackpython.com/angular.html
Task Queueshttps://www.fullstackpython.com/task-queues.html
Celeryhttps://www.fullstackpython.com/celery.html
Redis Queue (RQ)https://www.fullstackpython.com/redis-queue-rq.html
Dramatiqhttps://www.fullstackpython.com/dramatiq.html
Static Site Generatorshttps://www.fullstackpython.com/static-site-generator.html
Pelicanhttps://www.fullstackpython.com/pelican.html
Lektorhttps://www.fullstackpython.com/lektor.html
MkDocshttps://www.fullstackpython.com/mkdocs.html
Testinghttps://www.fullstackpython.com/testing.html
Unit Testinghttps://www.fullstackpython.com/unit-testing.html
Integration Testinghttps://www.fullstackpython.com/integration-testing.html
Debugginghttps://www.fullstackpython.com/debugging.html
Code Metricshttps://www.fullstackpython.com/code-metrics.html
Networkinghttps://www.fullstackpython.com/networking.html
HTTPShttps://www.fullstackpython.com/https.html
WebSocketshttps://www.fullstackpython.com/websockets.html
WebRTChttps://www.fullstackpython.com/webrtc.html
Web APIshttps://www.fullstackpython.com/application-programming-interfaces.html
Microserviceshttps://www.fullstackpython.com/microservices.html
Webhookshttps://www.fullstackpython.com/webhooks.html
Botshttps://www.fullstackpython.com/bots.html
API Creationhttps://www.fullstackpython.com/api-creation.html
API Frameworkshttps://www.fullstackpython.com/api-frameworks.html
Django REST Frameworkhttps://www.fullstackpython.com/django-rest-framework-drf.html
API Integrationhttps://www.fullstackpython.com/api-integration.html
Twiliohttps://www.fullstackpython.com/twilio.html
Stripehttps://www.fullstackpython.com/stripe.html
Slackhttps://www.fullstackpython.com/slack.html
Oktahttps://www.fullstackpython.com/okta.html
Securityhttps://www.fullstackpython.com/web-application-security.html
SQL Injectionhttps://www.fullstackpython.com/sql-injection.html
CSRFhttps://www.fullstackpython.com/cross-site-request-forgery-csrf.html
5. Deploymenthttps://www.fullstackpython.com/deployment.html
6. DevOpshttps://www.fullstackpython.com/devops.html
Changeloghttps://www.fullstackpython.com/change-log.html
What Full Stack Meanshttps://www.fullstackpython.com/what-full-stack-means.html
About the Authorhttps://www.fullstackpython.com/about-author.html
Future Directionshttps://www.fullstackpython.com/future-directions.html
Page Statuseshttps://www.fullstackpython.com/page-statuses.html
...or view the full table of contents.https://www.fullstackpython.com/table-of-contents.html
Full Stack Pythonhttps://www.fullstackpython.com/table-of-contents.html
Twitterhttps://twitter.com/fullstackpython
Facebookhttps://www.facebook.com/fullstackpython
Chaptershttps://www.fullstackpython.com/table-of-contents.html
1. Introductionhttps://www.fullstackpython.com/introduction.html
2. Development Environmentshttps://www.fullstackpython.com/development-environments.html
3. Datahttps://www.fullstackpython.com/data.html
4. Web Developmenthttps://www.fullstackpython.com/web-development.html
» Web Designhttps://www.fullstackpython.com/web-design.html
5. Deploymenthttps://www.fullstackpython.com/deployment.html
6. DevOpshttps://www.fullstackpython.com/devops.html
Changeloghttps://www.fullstackpython.com/change-log.html
What Full Stack Meanshttps://www.fullstackpython.com/what-full-stack-means.html
About the Authorhttps://www.fullstackpython.com/about-author.html
Future Directionshttps://www.fullstackpython.com/future-directions.html
Page Statuseshttps://www.fullstackpython.com/page-statuses.html
...or view the full table of contents.https://www.fullstackpython.com/table-of-contents.html
Matt Makaihttps://www.fullstackpython.com/about-author.html
2012-2022https://www.fullstackpython.com/change-log.html

Viewport: width=device-width, initial-scale=1.0

URLs of crawlers that visited me.