12 yazı

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.

moalier.picks seçkisi Paylaş

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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı
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 bağlantı

Profili gör