01
Give table headers real meaning
Give table headers real meaning Headers explain how table data relates. Making an ordinary cell bold does not…
Read tutorialPractical Web Design & Development Tutorials
Educational Blog
Practical, current tutorials on web design, WordPress, UI and web development.
01
02
Explain the next step in an empty list
Explain the next step in an empty list A screen without results should not leave users uncertain. Explain…
Read tutorial
03
Warn users before opening a new tab
Warn users before opening a new tab An unexpected new tab can confuse users. First consider whether a…
Read tutorial
04
Test an earlier plugin version with WP Rollback
Test an earlier plugin version with WP Rollback WP Rollback simplifies version selection for WordPress repository plugins and…
Read tutorial
05
Keep selected text readable
Keep selected text readable Selecting text should not make it harder to read. The ::selection pseudo-element changes selected…
Read tutorial
06
Export WordPress content to a file
Export WordPress content to a file The Export tool saves WordPress content in an XML file. Open Tools,…
Read tutorial
07
Choose precise tags for a post
Choose precise tags for a post Tags connect posts sharing specific details. Choose a few precise topics for…
Read tutorial
08
Temporarily hide extra tools while writing
Temporarily hide extra tools while writing Distraction Free mode simplifies the editing workspace. Open a post in the…
Read tutorial
09
Highlight a key sentence with a Pullquote
Highlight a key sentence with a Pullquote Use a Pullquote to highlight one important sentence from the article…
Read tutorial
10
Check a page simply with PageSpeed Insights
Check a page simply with PageSpeed Insights PageSpeed Insights checks a public URL and reports technical and user-experience…
Read tutorial
11
Write form labels everyone can understand
Write form labels everyone can understand Every form field needs a label that explains its purpose before typing…
Read tutorial
12
Create a responsive image frame with CSS aspect-ratio
Create a responsive image frame with CSS aspect-ratio The aspect-ratio property preserves a frame’s width-to-height ratio as it…
Read tutorial