It used to be so simple. You made a website or application to work on a 15" monitor and, incompatibilities between browsers aside, you were done. Then along came mobile phones with web browsers and they ruined all our easy lives. Worse than that, people loved browsing the web on them! Fortunately, by using responsive web design techniques, you can use one set of HTML, CSS and JavaScript, and display appropriate elements in an appropriate way to suit each platform. In Jump Start Responsive Web Design, you'l learn responsive techniques to make your designs look magnificent on any device, future-proof them, and reduce development time and budget. RWD helps you deal with the very real problem of not knowing where and how your application will be used. Completely overhauled for its second edition, this book covers: What does responsive really mean? Semantic page structure Grid systems Responsive Images and media Media queries Responsive content
Get a Jump Start on Responsive Web Design today! Responsive Web Design is redefining the way websites are designed, enabling you to craft websites that deliver exceptional experiences to your users - whether they happen to be using a desktop PC, tablet or mobile device. In just one weekend with this SitePoint book, you'll learn how to: Use media queries to maximize website usabilityHarness the power of fluid gridsUse dynamic images to automatically scale and select appropriate images Plus you'll discover how to use responsive content and a mobile first approach.
Leverage Jamstack principles, techniques, and best practices to build dynamic websites and web apps focused on speed, security, and accessibility Key FeaturesUnderstand how JavaScript integrates with reusable application program interfaces (APIs) and browser markup to build a serverless web applicationGain a solid understanding of static site development with Gatsby and its importance in JamstackFind out how to deploy a Jamstack event website directly from GitHub using NetlifyBook Description Jamstack (JavaScript, API, and Markup) enables web developers to create and publish modern and maintainable websites and web apps focused on speed, security, and accessibility by using tools such as Gatsby, Sanity, and Netlify. Developers working with Jamstack will be able to put their knowledge to good use with this practical guide to static site generation and content management. This Jamstack book takes a hands-on approach to implementation and related methodologies that will have you up and running with modern web development in no time. Complete with step-by-step explanations of essential concepts, practical examples, and self-assessment questions, you'll begin by building an event and venue schema structure, and then expand the functionality, exploring all that the Jamstack has to offer. You’ll learn how an example Jamstack is built, build structured content using Sanity to create a schema, use GraphQL to expose the content, and employ Gatsby to build an event website using page and template components and Tailwind CSS Framework. Lastly, you’ll deploy the website to both, a Netlify server and the Microsoft Static Web Apps Service, and interact with it using Amazon Alexa. By the end of this book, you'll have gained the knowledge and skills you need to install, configure, build, extend, and deploy a simple events website using Jamstack. What you will learnDiscover the Jamstack approach and build speedy, secure, and accessible websites and web apps with its component technologiesBuild an events website by using the Jamstack and the Gatsby static site generatorCreate and modify your templates and pages to build creative web appsBuild, modify, and extend structured content schemas in SanityUnderstand Gatsby plugins, project structure, and files, and how it can be used to build Jamstack appsFind out how GatsbyJS uses GraphQL to source contentWho this book is for This book is for web developers looking to implement Jamstack practically. JavaScript developers who want to build modern speedy and secure web apps will also find this book useful. Familiarity with JavaScript and Database programming is assumed.
These eBooks are the long-awaited digital version of our bestselling printed book about best practices in modern Web design. They share valuable practical insight into design, usability and coding, provide professional advice for designing mobile applications and building successful e-commerce websites, and explain common coding mistakes and how to avoid them. You'll explore the principles of professional design thinking and graphic design and learn how to apply psychology and game theory to create engaging user experiences.
This short book provides a practical introduction to HTML5. HTML (HyperText Markup Language) is the predominant language of web pages. Originally developed as a way to describe and share scientific papers, HTML is now used to mark up all sorts of documents and create visual interfaces for browser-based software. With HTML5, however, HTML has become as much an of API for developing browser-based software as it is a markup language. In this book, we'll talk about the history of HTML and HTML5 and explore its new features. It covers: HTML5 basics Multimedia Canvas and SVG HTML5 applications HTML5 APIs HTML5 is required knowledge for every professional web designer and developer. This book will quickly get you up to speed with the fundamentals of HTML5 and give you the confidence to start experimenting on your own.
Get a Jump Start on the popular CSS preprocessor Sass today! Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the tedious repetitive tasks that come with writing vanilla CSS. Sass simplifies your stylesheets, adding some useful features missing from CSS. Most importantly, Sass will save you time. This book provides a thorough introduction to Sass for the beginner. In it, you'll learn: What preprocessors are and how they can be useful Installation and getting started Variables, mixins, and functions Loops and conditions Nesting Extend Warnings & errors Project architecture The Sass ecosystem And more!
In our industry, everything changes quickly, usually for the better. We have more and better tools for creating websites and applications that work across multiple platforms. Oddly enough, design workflow hasn't changed much, and what has changed is often for worse. Old-school workflow is simply not effective on our multiplatform web. Fixed-width Photoshop comps and overproduced wireframes are no longer the way to design for today's multi-platform web. This book provides a practical approach for "designing in the browser." It shows how to better manage client expectations and development requirements, and offers a method of design documentation.
Get a Jump Start on building applications with Bootstrap today! Originally developed by Twitter, Bootstrap is a framework that making the once-arduous process of crafting fully responsive web designs a breeze! Discover why Bootstrap is fast becoming a favorite tool of top web designers. In just one weekend with this hands-on tutorial, you'll learn how to: Integrate Bootstrap into your projects Understand the basic Bootstrap template Work with Bootstrap's grid Customize Bootstrap to work with any project
This short SitePoint book provides readers with a fun and yet practical introduction to Cascading Style Sheets (CSS), the language used to style and lay out all web pages. This book will quickly get you up to speed with the fundamentals of CSS and give you the confidence to start experimenting on your own. It covers: Layout techniques Images, backgrounds, text Navigation Getting fancy with CSS3 The book is built around a real-life example project: a recipe website design. It's a fun and easily understandable project that is used to demonstrate the concepts outlined in the book in a practical way. This is a clear, approachable and very easy-to-follow book that will get you to to speed with CSS in no time.
Get a Jump Start on the up and coming UX design and prototyping power tool, Experience Design! Experience Design CC (also known as XD) is a brand new design tool from Adobe. With a clean, uncluttered UI and a raft of powerful features--such as live preview, Repeat Grids, artboards, symbols and collaboration tools--XD is designed from the ground up to streamline the UX design process. It makes creating interactive, sharable prototypes a snap! This book provides a rapid and practical introduction to using Adobe XD for UX design and prototyping. You'll: Get to grips with XD's clean UI and efficient keyboard shortcuts Use XD's powerful tools, such as repeat grid and symbols, to rapidly create wireframes and prototypes Create interactive prototypes with ease Collaborate with stakeholders using built-in sharing and feedback tools And more!
