Planning and Information Architecture
Research, sitemap development, SWOT analysis, wireframing, and early visual direction.
Featured portfolio collection
Browse Lessons 1–12 and follow my progression from planning and information architecture through modern HTML, CSS, JavaScript, responsive design, media, accessibility, and the final reference library.
Research, sitemap development, SWOT analysis, wireframing, and early visual direction.
Selector patterns, cascade fundamentals, and a reusable CSS cheatsheet.
Flexible page composition, responsive reflow, and layout-reference patterns.
Grid-based layouts, visual composition, fallbacks, and a structured Grid cheatsheet.
An earlier multi-page product website using image galleries, category pages, and shared visual styling.
Box-model behavior, tables, forms, interface states, and responsive feature queries.
Transitions, transforms, keyframe animation, visual effects, and interaction feedback.
Responsive imagery, filters, gradients, canvas drawing, audio, video, captions, and downloads.
ARIA roles, properties, states, keyboard-operable tabs, and inclusive interface design.
A responsive professional profile combining content hierarchy, branding, and accessible presentation.
Interactive behavior, jQuery exercises, command-line references, and a structured course reflection.
A cohesive multi-page reference system combining the course’s patterns, components, accessibility, and media work.