From early desktop computers and mobile phones to virtual reality: the web is now virtually inseparable from all facets of human interaction and daily life. But it wasn’t always funny cat videos and sleek interfaces.This collection is a visual journey through time, gathering the very earliest examples of what we today take for granted: the first website to use surround sound, the first drag-and-drop navigation, the first page-turn effect, the first website to use seamless video integration, the first viral site, the first parallax website, the first ‘upload-your-face’ website, the first site to incorporate a mobile phone, the first ever YouTube-like “website”, and many more.It gathers more than 200 websites, and each comes with quotes and insights from the creators themselves—an invaluable peek into the minds of pioneers who paved the pixelized way for many to follow, including Jonathan Gay (Flash), Gabo Mendoza (Gabocorp), Yugo Nakamura (Yugop), Peter Van Den Wyngaert (NRG.BE), Joshua Davis (Praystation), and Eric Jordan (2Advanced).This comprehensive visual history gathers 21 chapters that detail, for every year since 1998, the best websites and examples of hardware used at the time, and explore how user experience, usability, and technological milestones have influenced the development of the internet we use today. Year-by-year factsheets and smart Google insights orient the reader through major developments across such categories as world news headlines, highest grossing films, new soft and hardware, greatest website traffic, and many more.For many, this collection will offer a virtual trip down nostalgia lane—but all generations will find a sweeping reference work as well as a celebration of how the earliest creative minds came to define the web, and eventually the world, as we know it.

    But the most important question is not “how” we can use art direction techniques to improve our designs for the web, but “when” and “why?”Based on Andy Clarke’s twenty years’ experience of working with clients, plus the expertise of the art directors and designers he interviewed, this book is about why art direction matters and how to art-direct compelling and effective experiences across devices and platforms.

    Combining two or more colors effectively in a single layout or design can be difficult to achieve without a working knowledge of color theory. As a result, companies will often invest in specialists to aid in color selection for their products or campaigns, letting the experts do what they do best. Color Matching helps demystify the process, providing an introduction to color along with an exploration of six key methods of color matching: warm color, cool color, contrast color, complementary color, similar color and integrated color. Each section includes a variety of preselected color combinations to use along with a multitude of cohesive examples from branding, packaging, product and promotion design.

    In this project-based book, you'll use a custom online workspace, the book's companion Playground, to design websites, product pages, photo galleries, and more.Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.About the TechnologyHow do top designers learn to create beautiful web pages and intuitive user experiences? Great examples, expert mentoring, and lots of practice! Written by web designer and master teacher Paul McFedries, this unique book shapes and sharpens your skills in HTML, CSS, and web page design.About the BookWeb Design Playground takes you step by step from writing your first line of HTML to creating interesting, attractive web pages. In this project-based book, you'll use a custom online workspace to design websites, product pages, photo galleries, and more. Don't worry about setting up your own servers and domain names—the book comes with a free "playground" which lets you experiment without any of that! You can concentrate on core skills like adding images and video and laying out the page, plus learning typography, responsive design, and the other tools of the web trade.What's insideGetting started with HTML, CSS, and web designA free, fully interactive web design workspaceWorking with images, color, and fontsFull-color illustrations throughoutAbout the ReaderIf you can use a browser, you're ready to create web pages!About the AuthorPaul McFedries has written nearly 100 books, which have sold over four million copies world-wide.Table of ContentsPART 1 - GETTING STARTED WITH HTML AND CSSGetting to Know HTML and CSSBuilding Your First Web PageAdding Structure to Your PageFormatting Your Web PageProject: Creating a Personal Home PagePART 2 - WORKING WITH IMAGES AND STYLESAdding Images and Other MediaLearning More About StylesFloating and Positioning ElementsStyling Sizes, Borders, and MarginsProject: Creating a Landing PagePART 3 - LAYING OUT A WEB PAGELearning Page Layout BasicsCreating Page Layouts with FlexboxDesigning Responsive Web PagesMaking Your Images and Typography ResponsiveProject: Creating a Photo GalleryPART 4 - MAKING YOUR WEB PAGES SHINEMore HTML Elements for Web DesignersAdding a Splash of Color to Your Web DesignsEnhancing Page Text with TypographyLearning Advanced CSS SelectorsProject: Creating a Portfolio Page

    The comprehensive guide to JAMstack best practicesThis practical report explains how to run your web projects—from simple sites to complex applications—on the JAMstack, a modern web architecture for deploying fast, secure and highly-scalable sites that don’t require a traditional origin server.With this report, you’ll explore: Methods for solving web development challenges—from bloated legacy architecture to managing microservices Why the JAMstack’s cleaner architecture eliminates the need to scale sites up front How separating the frontend from your build process makes maintenance easier Best practices for adopting the JAMstack in your organization A case study that examines how Smashing Magazine applied the JAMstack for commerce, authentication and membership, and publishing at scale