文章 #058 的直链:画廊自定义标题,第 2 部分(使用 Reverso 媒体查询) #058:画廊自定义标题,第 2 部分(使用 Reverso 媒体查询) 我们已经完成了画廊标题的基本设置,但缺少 Erica 在原始插图中添加的小蓝人。我们之前讨论过这个问题,并决定如果屏幕…… 2015 年 10 月 8 日
文章 #057 的直链:画廊自定义标题,第 1 部分 #057:画廊自定义标题,第 1 部分 除了主页之外,网站还有七个不同的主要区域。因此,我聘请了七位不同的插画家来进行设计。这是我们将要深入研究并将其应用到网站中的第一个。它是…… 2015 年 10 月 8 日
文章 #056 的直链:在开发过程中更新 jQuery 版本 #056:在开发过程中更新 jQuery 版本 当我处理这个设计时,jQuery 1.8 发布了。这是一个简短的视频,旨在说明这种事情在您开发网站时会发生,并且在预发布开发期间是……的最佳时机。 2015 年 10 月 8 日
文章 #055 的直链:将静态模型放入版本控制中 #055:将静态模型放入版本控制中 到目前为止,我们一直在本地进行代码更改,而没有使用任何版本控制。随着网站复杂性的增加,这样做变得越来越不负责任。发生了什么变化以及何时发生?为什么发生变化?我们如何…… 2015 年 10 月 8 日
文章 #054 的直链:轻触显示移动导航 #054:轻触显示移动导航 我们在响应式设计方面已经取得了良好的开端。在最小的屏幕尺寸下,菜单分解成 2×4 的网格。它完美地适应屏幕,但在它和品牌之间占据了大量的…… 2015 年 10 月 8 日
文章 #053 的直链:画廊的响应式列 #053:画廊的响应式列 我们为画廊设置的网格添加了一些响应性。在最宽的屏幕上,我们将其设置为四列。然后,我们开始通过我们设置的超级简单的 @mixins 添加断点…… 2015 年 10 月 8 日
文章 #052 的直链:流畅加载画廊,第 2 部分 #052:流畅加载画廊,第 2 部分 在其中,我们找到了在使列布局流畅加载时遇到的问题。解决方法是删除导致纵横比符合占位符框在图像加载后仍然有效的 CSS…… 2015 年 10 月 8 日
文章 #051 的直链:流畅加载画廊,第 1 部分 #051:流畅加载画廊,第 1 部分 我们正在使用网格布局构建画廊。不幸的是,它的加载有点突然且不稳定。这是因为 CSS3 列旨在将内容均匀地分布到每一列中,但图像有时会…… 2015 年 10 月 8 日
文章 #050 的直链:构建画廊网格 #050:构建画廊网格 我们开始深入研究画廊区域的布局,这是自从我开始重新设计过程以来一直萦绕在我心头的事情。主要是因为……v9 中的画廊有点糟糕。我们将做得更好…… 2015 年 10 月 8 日