Toheeb on Web Design for Hospitable World Wide Web

Practical guides on designing websites that work for everyone.

Each guide designs this very website, live! From UI/UX to HTML, CSS, and JS.

Upcoming Playbooks:

• Formatting Content for Readability on the Web

  Do you notice the following things right now?

  1. The paragraphs are so wide on PC that you have to twist your head left to right to read them. And you may experience difficulties trying to locate the next line to read.
  2. The spacings are so off that it doesn't help with content hierarchy.
  3. There are lots of eye-shifts at the left of the page for a Left-To-Right language. This doesn't encourage smooth reading flow.
  4. Media like images and videos may break out of the page. You need to scroll left & right continuously to read the information. A worse experience if you're on a mobile device.

  How do we style elements to avoid these and more pitfalls?

  This guide will take you through a journey. Teaching you how to style HTML elements for readability on the web. Across any device.

• A Complete Guide to Functional Website Design

  It's one thing for a website to be beautiful (minimal or sophisticated).

  And, it's another thing for your website to function well, without a bad look.

  Which is the most important? I'll choose a Functional Website Design. And let the decorative layer be an icing.

  This guide will teach you the necessary things to put in place for your awesome website.

• CSS Layout: Everything about Laying Elements Responsively

  CSS Layout is about sizing and arranging HTML elements to parts of a webpage.

  But, it's not all elements you can size. And there are only 5 main parts you can lay other elements into.

  This guide will teach the available possibilities. Plus the CSS Modules to do the layouts.