跳转到主要内容

和“
主题开发
”有关的内容:

你好,我是晴空,我是一枚设计师,前端工程师,Drupal 主题开发者和Now I Code 爱码文档汇的发起人。

在这个专栏里,我会聊一些Drupal8主题相关的话题,其中大部分的内容,是对我自己的相关经验的一个总结与回顾。如果你也喜欢Drupal,并且想学习怎么把基于Drupal的网站做得好看一点,那么,我很高兴和你分享我的经验。

学习这个专栏之前,…

D8出来了,手痒,做一个小站玩儿。界面上力求干净简洁并且在手机上体验也能凑合。虽然大部分的时候,我们并不会在排队或者等电梯的时候看这么无聊的内容,但是,万一呢? ^_^

内容是现成的,一年前就开始陆续发表于Drupalchina.cn。只是对前4章内容进行了一定的扩充。

在原来的写作计划中,要写的内容的篇幅是已经发表了的3倍。进阶篇:主题设置、主题中的CSS…

关于.breakpoints.yml文件中的multiplier,下面两张图能比较清晰的说明各个设备之间的情况:

举个例子,ipad2的屏幕分辨率是1024×768,而the new ipad,也就是Ipad3的屏幕分辨率是2048×1536,但是ipad2和ipad3的屏幕物理尺寸是一样的。这样的结果是,…

breakpoint,即断点,是响应式设计中的基本概念之一,它和Media Queries(即媒体查询)一起是现在的前端工程师所必须掌握的知识点。

断点和媒体查询

使用断点可以将屏幕根据尺寸划分为不同的规格。比如,我们可以规定宽度在400像素以下的是小屏幕,1024像素以上的为大屏幕,这里的400和1024就是断点。…

Attribute对象存在于很多模板中。我们在前面的章节中,多次使用到了它,比如,在第一篇的27节中我们用下面的代码

<ul{{ attributes.addClass('nav') }}>

来为ul标签添加一个名为nav的class。

Attribute对象的作用就是用来存储一组HTML属性,…

我们在第一篇的第31,32节中讲了如何在node模板中打印字段。笼统的来说,有下面两个方法:

{{ content.field_name }}

或者

{{ node.field_name.value }}

第三种方法要使用预处理函数,在第二篇的第12节中讲过了。

注意代码中,哪个使用了“…

第2.29-2.32节是对2018年在Nashvill举办的Drupalcon中关于在Drupal主题中实现设计系统的Session的翻译及要点分析,你可以在youtube上找到这个视频的原版,也可以在这里分小节观看。

本案例的甲方是美国纽约州最大的医院集团Northwell Health,乙方是Drupal圈子里鼎鼎大名的Phase2。…

第2.29-2.32节是对2018年在Nashvill举办的Drupalcon中关于在Drupal主题中实现设计系统的Session的翻译及要点分析,你可以在youtube上找到这个视频的原版,也可以在这里分小节观看。

本案例的甲方是美国纽约州最大的医院集团Northwell Health,乙方是Drupal圈子里鼎鼎大名的Phase2。…

大家都知道学习Drupal应该学会读文档。文档中会把很多基本概念和技术讲清楚,但是,文档也有自身的局限,它不可能去解答所有的问题,而只能介绍一些比较基础的方法。学习Drupal需要学习者对于类似的问题能触类旁通,对于深层次的应用能独立专研,并且鼓励先行者在社区中分享他们的经验。

Drupalcon的门票标准价格是650美元,…

前面几节所讲述的技术实现都不难,就好像响应式设计最初的实现方法也仅仅只是浮动(float)、百分比单位和media query而已,但是,响应式的难点在于如何用新的技术去改善用户体验,以及如何调整传统的工作流程来更好的适应新的技术。所以Jen Simmons才会一脸鄙视而又无奈的对她的听众说:你们以为套一个Bootstrap然后把侧边栏移来移去就算是响应式设计么?

 

 

Joey:

我叫Joey Gros,是P2创意设计部门的主管。P2的介绍(反正就是说我们很牛,此处略)…

I'm Joey gros , director of creative design at phase 2. phase 2 is a digital agency where…