Responsive Theming for Drupal

Responsive Theming for Drupal PDF Author: Mike Crittenden
Publisher: "O'Reilly Media, Inc."
ISBN: 1449373291
Category : Computers
Languages : en
Pages : 77

Get Book Here

Book Description
If you want your Drupal website to work well on smartphones, tablets, and desktops, this practical guide shows you how to incorporate Responsive Web Design (RWD) with specific Drupal 7 themes. You’ll learn how to create attractive, easy-to-navigate layouts for everything from tiny phone screens to 30-inch desktop monitors—all with the same codebase. Ideal for experienced Drupal developers, this book takes you through RWD basics and shows you how to build sites based on Aurora, Zen, and Omega—three popular base themes created by Drupal contributors. Whether you’re creating a new site with RWD or adapting an existing one, you’ll learn how to become a better, more efficient Drupal themer. Understand how Responsive Web Design and CSS media queries work Learn how the Sass stylesheet language and Compass framework support RWD Adopt a mobile-first approach to RWD—and learn why it’s important Get step-by-step instructions for creating custom subthemes on top of Aurora, Zen, and Omega Tackle common problems when building and theming responsive Drupal sites Explore alternative options for accommodating smartphone and tablet users

Responsive Theming for Drupal

Responsive Theming for Drupal PDF Author: Mike Crittenden
Publisher: "O'Reilly Media, Inc."
ISBN: 1449373291
Category : Computers
Languages : en
Pages : 77

Get Book Here

Book Description
If you want your Drupal website to work well on smartphones, tablets, and desktops, this practical guide shows you how to incorporate Responsive Web Design (RWD) with specific Drupal 7 themes. You’ll learn how to create attractive, easy-to-navigate layouts for everything from tiny phone screens to 30-inch desktop monitors—all with the same codebase. Ideal for experienced Drupal developers, this book takes you through RWD basics and shows you how to build sites based on Aurora, Zen, and Omega—three popular base themes created by Drupal contributors. Whether you’re creating a new site with RWD or adapting an existing one, you’ll learn how to become a better, more efficient Drupal themer. Understand how Responsive Web Design and CSS media queries work Learn how the Sass stylesheet language and Compass framework support RWD Adopt a mobile-first approach to RWD—and learn why it’s important Get step-by-step instructions for creating custom subthemes on top of Aurora, Zen, and Omega Tackle common problems when building and theming responsive Drupal sites Explore alternative options for accommodating smartphone and tablet users

Mobile First

Mobile First PDF Author: Luke Wroblewski
Publisher: Book Apart
ISBN: 9781952616488
Category : Computers
Languages : en
Pages : 0

Get Book Here

Book Description
Our industry's long wait for the complete, strategic guide to mobile web design is finally over. Former Yahoo! design architect and cocreator of Bagcheck Luke Wroblewski knows more about mobile experience than the rest of us, and packs all he knows into this entertaining, to-the-point guidebook. Its data-driven strategies and battle tested techniques will make you a master of mobile-and improve your non-mobile design, too!

Modernizing Drupal 10 Theme Development

Modernizing Drupal 10 Theme Development PDF Author: Luca Lusso
Publisher: Packt Publishing Ltd
ISBN: 1803249021
Category : Computers
Languages : en
Pages : 360

Get Book Here

Book Description
A comprehensive guide to creating Drupal themes from scratch, from design to fully styled websites with custom Twig templates and headless architecture Key Features Explore real-world examples with proven methodologies to gain a deeper insight into the Drupal theme layer Learn how to translate a graphic design into a maintainable and robust Drupal theme Improve performance and accessibility with a decoupled frontend to consume data exposed by Drupal’s APIs Purchase of the print or Kindle book includes a free PDF eBook Book DescriptionWorking with themes in Drupal can be challenging, given the number of layers and APIs involved. Modernizing Drupal 10 Theme Development helps you explore the new Drupal 10’s theme layer in depth. With a fully implemented Drupal website on the one hand and a set of Storybook components on the other, you’ll begin by learning to create a theme from scratch to match the desired final layout. Once you’ve set up a local environment, you’ll get familiarized with design systems and learn how to map them to the structures of a Drupal website. Next, you’ll bootstrap your new theme and optimize Drupal’s productivity using tools such as webpack, Tailwind CSS, and Browsersync. As you advance, you’ll delve into all the theme layers in a step-by-step way, starting from how Drupal builds an HTML page to where the template files are and how to add custom CSS and JavaScript. You’ll also discover how to leverage all the Drupal APIs to implement robust and maintainable themes without reinventing the wheel, but by following best practices and methodologies. Toward the end, you’ll find out how to build a fully decoupled website using json:api and Next.js. By the end of this book, you’ll be able to confidently build custom Drupal themes to deliver state-of-the-art websites and keep ahead of the competition in the modern frontend world.What you will learn Map design systems made by Storybook components to Drupal structures Understand and use render arrays and Twig templates Get familiarized with the new Single Directory Component feature introduced in Drupal 10.1 Define, import, and use CSS and JavaScript libraries Discover how to style content created with fields and paragraphs Define, place, customize, and style blocks Explore advanced topics like extending Twig, making a theme configurable, and boosting performance and accessibility Find out how to build a decoupled website using json:api and Next.js Who this book is forIf you are a Drupal backend developer or frontend developer who wants to create Drupal themes that follow industry best practices and are fast and maintainable, this book is for you. Basic knowledge of HTML, CSS, and JavaScript and working knowledge of a CMS are needed to grasp the concepts present in this book.

Programmer's Guide to Drupal

Programmer's Guide to Drupal PDF Author: Jennifer Hodgdon
Publisher: "O'Reilly Media, Inc."
ISBN: 1491911441
Category : Computers
Languages : en
Pages : 237

Get Book Here

Book Description
If you’re a web programmer, your experiences have taught you certain lessons—and only some of them apply well to Drupal. Drupal has its own set of programming principles that require a different approach, and many programmers make mistakes when relying on skills they’ve used for other projects. This book will show you which programming techniques you can use—and which you should avoid—when building web applications with this popular content management framework. Updated to cover both Drupal 7 and Drupal 8, the guidelines in this book demonstrate which programming practices conform to the "Drupal way" and which don’t. The book also serves as an excellent guide for Drupal 7 programmers looking to make the transition to Drupal 8. Get an overview of Drupal, including Drupal core and add-on modules and themes Learn Drupal’s basic programming principles, such as the ability to customize behavior and output with hooks Compare Drupal 7 and Drupal 8 programming methods, APIs, and concepts Discover common Drupal programming mistakes—and why hacking is one of them Explore specific areas where you can put your programming skills to work Learn about the new object-oriented Drupal 8 API, including plugins and services

Beginning Drupal 8

Beginning Drupal 8 PDF Author: Todd Tomlinson
Publisher: Apress
ISBN: 1430265817
Category : Computers
Languages : en
Pages : 297

Get Book Here

Book Description
Beginning Drupal 8 teaches you how to build, maintain, and manage Drupal 8-based web sites. The book covers what Drupal is, using Drupal when building a new web site, installing and configuring Drupal, creating and managing content, managing users, adding functionality to your web site through Drupal modules, and advanced topics on using themes, panels, and views. The book also builds practical examples of common Drupal sites, such as a company website, a community website, and a commerce website, that you can take and expand on to create your own Drupal 8 sites. By reading this book, you will understand the power of the Drupal platform, and why you should be using Drupal if you're not already. Through following the samples in the book, you will quickly build your confidence and your ability to use Drupal. Beginning Drupal 8 gives you the knowledge necessary to build, deploy, and manage web sites on Drupal 8.

Drupal 8 Theming with Twig

Drupal 8 Theming with Twig PDF Author: Chaz Chumley
Publisher: Packt Publishing Ltd
ISBN: 1782168745
Category : Computers
Languages : en
Pages : 376

Get Book Here

Book Description
Master Drupal 8's new Twig templating engine to create fun and fast websites with simple steps to help you move from concept to completion About This Book Create beautiful responsive Drupal 8 websites using Twig Quickly master theme administration, custom block layouts, views, and the Twig template structure A step-by-step guide to the most common approaches in web design Who This Book Is For This book is intended for front-end developers, designers, and anyone who is generally interested in learning all the new features of Drupal 8 theming. Discover what has changed from Drupal 7 to Drupal 8 and immerse yourself in the new Twig PHP templating engine. Familiarity with HTML5, CSS3, JavaScript, and the Drupal Admin interface would be helpful. Prior experience with setting up and configuring a standalone development environment is required as we will be working with PHP and MySQL. What You Will Learn Navigate the Drupal 8 Admin interface Build custom block layouts with reusable and fieldable blocks Create subthemes based on the Bartik and Classy base themes Construct a responsive theme with Twitter Bootstrap Work with the new Twig PHP templating engine Configure Drupal for Twig debugging Enable preprocessing of Twig variables Develop a theme from scratch following a step-by-step project outline In Detail Drupal 8 is an open source content management system and powerful framework that helps deliver great websites to individuals and organizations, including non-profits, commercial, and government around the globe. This new release has been built on top of object-oriented PHP and includes more than a handful of improvements such as a better user experience, cleaner HTML5 markup, a new templating engine called Twig, multilingual capabilities, new configuration management, and effortless content authoring. Drupal 8 will quickly become the new standard for deploying content to both the web and mobile applications. However, with so many new changes, it can quickly become overwhelming knowing where to start and how to quickly. Starting from the bottom up, we will install, set up, and configure Drupal 8. We'll navigate the Admin interface so you can learn how to work with core themes and create new custom block layouts. Walk through a real-world project to create a Twig theme from concept to completion while adopting best practices to implement CSS frameworks and JavaScript libraries. We will see just how quick and easy it is to create beautiful, responsive Drupal 8 websites while avoiding the common mistakes that many front-end developers make. Style and approach Drupal 8 Theming with Twig is intended for front-end developers, designers, and anyone who is generally interested in learning all the new features of Drupal 8 theming. Discover what has changed from Drupal 7 to Drupal 8 and immerse yourself in the new Twig PHP templating engine. Familiarity with HTML5, CSS3, JavaScript, and the Drupal Admin interface would be helpful. Prior experience with setting up and configuring a standalone development environment is required as we will be working with PHP and MySQL.

High Performance Drupal

High Performance Drupal PDF Author: Jeff Sheltren
Publisher: "O'Reilly Media, Inc."
ISBN: 1449358039
Category : Computers
Languages : en
Pages : 279

Get Book Here

Book Description
How can you help your Drupal website continue to perform at the highest level as it grows to meet demand? This comprehensive guide provides best practices, examples, and in-depth explanations for solving several performance and scalability issues. You’ll learn how to apply coding and infrastructure techniques to Drupal internals, application performance, databases, web servers, and performance analysis. Covering Drupal versions 7 and 8, this book is the ideal reference for everything from site deployment to implementing specific technologies such as Varnish, memcache, or Solr. If you have a basic understanding of Drupal and the Linux-Apache-MySQL-PHP (LAMP) stack, you’re ready to get started. Establish a performance baseline and define goals for improvement Optimize your website’s code and front-end performance Get best and worst practices for customizing Drupal core functionality Apply infrastructure design techniques to launch or expand a site Use tools to configure, monitor, and optimize MySQL performance Employ alternative storage and backend search options as your site grows Tune your web servers through httpd and PHP configuration Monitor services and perform load tests to catch problems before they become critical

Responsive Web Design in Practice

Responsive Web Design in Practice PDF Author: Jason A. Clark
Publisher: Rowman & Littlefield
ISBN: 1442243708
Category : Language Arts & Disciplines
Languages : en
Pages : 151

Get Book Here

Book Description
Today's library patrons are browsing the Web on a variety of devices including tablets, e-readers, mobile phones, and desktops. Responsive web design employs techniques that will enable your library's website to automatically adapt to whatever screen size it's being viewed on. Learn how to utilize CSS techniques such as fluid grids and flexible images combined with responsive design techniques such as media queries to deliver an optimal experience for your library patrons regardless of device. Design one website to fit them all. With both beginner and expert developers in mind, this complete handbook guides the reader through the process of developing and launching their own Responsive Web Designs and introduces the craft of building multi-screen experiences. Online demos and downloadable code files are included for all projects: Adapting your Existing Layout into a Responsive Layout – A RWD Retrofit Building a Responsive Layout from Scratch – A RWD Bookreader Creating a Responsive Contact Form – “Get a Library Card” Creating a Responsive Search Interface Creating a Responsive Single Page Application – “Mobile Feed App” Using an RWD Framework for a complete site: Twitter Bootstrap

Design and Prototyping for Drupal

Design and Prototyping for Drupal PDF Author: Dani Nordin
Publisher: "O'Reilly Media, Inc."
ISBN: 1449305504
Category : Computers
Languages : en
Pages : 169

Get Book Here

Book Description
Itching to build interesting projects with Drupal, but confused by the way it handles design challenges? This concise guide helps small teams and solo website designers understand how Drupal works by demonstrating the ways it outputs content. You’ll learn how to manage Drupal’s output, design around it, and then turn your design into a theme. In the second of three volumes on Drupal design, award-winning designer Dani Nordin takes you beyond basic site planning and teaches you key strategies for working with themes, layouts, and wireframes. Discover how to use Drupal to make your vision a reality, instead of getting distracted by the system’s project and code management details. Learn strategies for sketching, wireframing, and designing effective layouts Break down a Drupal layout to understand its basic components Understand Drupal’s theme layer, and what to look for in a base theme Work with the 960 grid system to facilitate efficient wireframing and theming Manage Drupal markup, including the code generated by the powerful Views module Use LessCSS to organize CSS and help you theme your site more efficiently

Planning and Managing Drupal Projects

Planning and Managing Drupal Projects PDF Author: Dani Nordin
Publisher: "O'Reilly Media, Inc."
ISBN: 1449305482
Category : Computers
Languages : en
Pages : 97

Get Book Here

Book Description
If you're a solo website designer or part of a small team itching to build interesting projects with Drupal, this concise guide will get you started. Drupal’s learning curve has thrown off many experienced designers, particularly the way it handles design challenges. This book shows you the lifecycle of a typical Drupal project, with emphasis on the early stages of site planning. Learn how to efficiently estimate and set up your own project, so you can focus on ways to make your vision a reality, rather than let project management details constantly distract you. Plan and estimate your project by discovering your client’s goals and audience perceptions Discover how Drupal works under the hood, and learn basic DrupalSpeak Frame the UX design challenge through a deeper understanding of your site’s intended users Get real content for your project as early as possible—before you start prototyping Choose the right modules for your project, and learn about several go-to modules Understand how to walk clients through the Drupal design and development process