作者: | Mike Crittenden |
语言: | 英文 |
出版年份: | 2014 |
下载链接: |
书籍均收集自互联网,仅供学习和研究使用,请莫用于商业用途。谢谢合作。 |
《Responsive Theming for Drupal》是一本专注于Drupal 7主题开发的实用指南,由Mike Crittenden撰写。本书旨在帮助读者掌握响应式网页设计(Responsive Web Design, RWD)在Drupal中的应用,以及如何创建适应不同设备屏幕的主题。
本书面向有一定Drupal基础的读者,假设读者对HTML、CSS有较深入的了解,并具备基本的命令行操作能力。书中通过虚构的“Riley’s Terrific Turnip Sauce”网站作为案例,逐步讲解如何实现响应式设计。
响应式网页设计(RWD)是一种适应多种设备分辨率的网页设计范式。通过CSS媒体查询(@media queries)和视口(viewport)设置,可以为不同设备定制布局,而无需JavaScript。书中介绍了响应式设计的基本概念,包括移动优先(Mobile First)与桌面优先(Desktop First)的设计理念,并强调了移动优先的重要性。
介绍了Drupal主题开发的基本概念,包括Drush(Drupal的命令行工具)、基础主题(Base Themes)和子主题(Subthemes)。基础主题提供了通用功能,子主题则用于继承和定制基础主题。书中还讲解了如何通过.info
文件设置子主题的元数据。
Sass(Syntactically Awesome Stylesheets)是一种CSS扩展语言,支持变量、嵌套规则和混合(Mixins)等功能。Compass是一个基于Sass的框架,提供了丰富的工具和插件。本书介绍了Sass和Compass的安装方法,以及如何使用它们优化CSS开发。
Aurora是一个轻量级的Drupal基础主题,集成了Sass和Compass,并支持移动优先和响应式设计。书中通过创建子主题、配置Sass文件结构和使用Singularity网格系统,展示了如何使用Aurora开发响应式主题。
Zen是一个流行的Drupal基础主题,以其轻量级和灵活性著称。书中介绍了如何安装Zen、创建子主题,并利用Zen Grids构建响应式布局。Zen支持多种前端开发工具,适合希望快速上手的开发者。
Omega是一个功能丰富的Drupal基础主题,提供了强大的布局系统和Sass/Compass集成。书中详细介绍了Omega 4.x的特性,包括如何创建自定义布局、使用Susy网格系统以及如何通过代码控制布局切换。
响应式设计中常见的问题包括导航菜单的适配、图片的响应式处理以及对旧版IE浏览器的支持。书中提供了多种解决方案,例如使用<select>
下拉菜单作为移动导航,以及通过Picture模块实现响应式图片。
书中建议读者进一步探索其他基础主题(如AdaptiveTheme、Bootstrap等),并深入学习响应式设计的通用技术。此外,还讨论了响应式设计之外的替代方案,例如创建独立的移动主题或开发移动应用。
本书适合有一定Drupal开发经验的开发者,尤其是希望掌握响应式主题开发技能的读者。书中内容涵盖了从基础到高级的主题开发技巧,适合希望提升自身能力的Drupal开发者。
《Responsive Theming for Drupal》是一本全面且实用的Drupal主题开发指南。书中不仅介绍了响应式设计的基本概念,还通过多个基础主题的实践案例,展示了如何在Drupal中实现响应式主题开发。通过阅读本书,读者可以掌握如何利用Sass和Compass优化CSS开发,以及如何选择适合自己的基础主题。书中丰富的实践案例和技巧,将帮助读者在实际项目中快速上手并提升开发效率。