MODULE LIBRARY
Module library
Practical lessons from websites I have built, made useful for the next person. From layouts and copy to cloud operations, these notes distinguish observed results from methods I have developed further.
Start with a question
Keep publishing with control
Built one story, one piece at a time
25 items
Use current published references to decide media visibility
Distinguish historical revisions from current references and inspect shared-asset conditions.
Declare external resource origins by purpose
Check registered origins and plan only the script, connection and frame purposes that need them.
Resume the same file from reconciled remaining parts
Match file conditions with server state before distinguishing completed and remaining portions.
Trace the stylesheet reference and response before clearing cache
Compare requested assets and actual bytes before attributing a visual difference to caching.
Define when a retried request represents the same write
Compare principal, operation and body while rechecking current permission before replay.
Separate the formula from the screen and check it independently
State period, units, fee and rounding assumptions, then reverse-check the calculated result.
Keep a master for the next edit and an asset for delivery
Distinguish editable lettering, outlined geometry, applied weight and background conditions.
Recalculate reading width when adding another language
Plan lines using measured font width while keeping long tokens and continuation decisions visible.
Check publication before linking or serving a body
Review list filters, server delivery, permitted fields and public assets separately.
Preserve search conditions in the address
Read and write categories and queries while distinguishing restored state from composing input.
Design the states behind the booking button
Input validation, connection, processing, acceptance and uncertainty follow the calendar.
Let the contact bar yield to the active task
Coordinate pause reasons so the bar returns after the last overlapping task finishes.
Set the font, measure and hierarchy together
Review real sentences, reading width and heading scale after selecting a typeface.
Keep your place between full-screen sections
Connect surviving sections with location guidance while retaining room for long content and small screens.
Keep navigation connected when material is absent
Removing an item and preserving the remaining route belong in the same change.
Review what the new website still carries
Check visible copy, hidden descriptions, media and delivery settings against distinct evidence.
Absent material and unconfirmed material need different states
I connect the reason for an empty section to the conditions for preview and release.
Let the table scroll while the article stays in place
I keep the reading width with the article and the necessary comparison width inside the table.
When Korean words look joined on mobile
I checked spaces, wrapping rules and the available width separately before changing the size of the type.
Before another form, check the existing enquiry flow
Adding another entry point and creating another submission system are different changes.
A contact bar that yields to reading
The route to a conversation should be easy to find without occupying the reader’s attention at every moment.
Showing the entire portrait document
A rule that fills an atmospheric photograph can remove the very information a document image needs to communicate.
Leaving room for a conversation after sharing the method
A closing paragraph that connects generous information with a useful invitation to get in touch.
A reading order that preserves the detail
An expandable structure lets me share implementation depth without placing code in front of the customer’s first question.
What the first screen should explain
Before filling two attractive columns, I decide what the visitor needs to understand and do next.
Try another topic or word.