12 Beiträge

Digital work: understand, design, finish

Start with browsers and HTTP, work through CSS and accessible design, then finish with practical tools for focused work, text, images and document handoffs.

Kuratiert von moalier.picks Teilen

1. 01#DevelopmentBuild for the web, with the browser as your starting pointA practical route through web fundamentals, focused courses, browser compatibility, and accessible implementation. Frameworks make many things convenient, but the browser still decides how a page behaves. A grounding in HTML, CSS, JavaScript, and accessibility makes unfamiliar tools less mysterious. These references work well beside a small project you can inspect, change, and break safely. Try this first Build a tiny page with a heading, a form, and a list. Learn the underlying feature in MDN,4 Links
2. 02#DevelopmentRead one HTTP exchange before blaming the frameworkAn explanation, a reference, and a request-testing service for understanding what a browser sends and a server returns.3 Links
3. 03#DevelopmentMake a CSS layout survive real contentFour collections of CSS explanations for understanding layout constraints, resilient sizing, and the awkward cases a perfect mockup can hide.4 Links
4. 04#DevelopmentA debugging workbench for a page that feels slowBrowser documentation and performance references for turning “this feels slow” into a reproducible observation and a focused next step.4 Links
5. 05#DesignDesign references for decisions that need a reasonGo beyond visual inspiration with a small shelf of usability research, accessibility guidance, interaction principles, and typography lessons. A beautiful reference can show what a screen looks like without explaining why it works. When a design review turns into a contest of preferences, it helps to have sources that make the decision discussable. This collection moves from user behavior to access, interaction, and the details of reading. Try this first Choose one real screen and one question:4 Links
6. 06#DesignRead the reasoning behind a design-system componentFour public references for studying components as decisions about content, behaviour, and access rather than a gallery of attractive controls.4 Links
7. 07#DesignJudge typography with a paragraph, not a font namePractical guidance, a type-scale tool, a screen-oriented family, and a real-world archive for testing how text actually reads.4 Links
8. 08#DesignTest a colour pair where people will actually read itContrast checkers and visual comparisons for evaluating text and interface colours beyond a palette preview.3 Links
9. 09#ProductivityA small toolkit for work that needs your attentionA timer, a sketching canvas, an office suite, and a notebook: four tools with distinct jobs and a simple way to try them. A new productivity system can take more attention than the work it was meant to support. This collection keeps the roles deliberately separate: make room for a task, sketch the idea, produce the document, and leave a note for next time. You do not need to adopt all four. Try this first Choose the point where your work currently stalls. If starting is hard, try a short timed s4 Links
10. 10#ProductivityA small workbench for text that needs a different shapeThree tools for inspecting structured text, applying a repeatable transformation, and checking the result before using it elsewhere.3 Links
11. 11#ProductivityA small workbench for images headed to the webA focused image toolkit for editing a source, comparing compression, cleaning SVG, and checking a small animation.4 Links
12. 12#ProductivityA small toolkit for the last pass before sending a documentPDF assembly, text comparison, and writing revision tools for checking the file another person will actually receive.4 Links

Profil ansehen