随笔分类 -  HTML/CSS

《众妙之门——精通CSS3》一书知识点剖析
摘要：不得不佩服京东的速度，昨天刚下单的两本书今天上午就到了。其中一本是全彩页的《众妙之门 - 精通CSS3》，细看了前几十页，书上的叙述方式给我的印象其实不如“彩页”来的讨喜——接连说上几个例子，扔个例子的链接（没源码下载，要自己手动输入，而且近乎所有的例子页面均已失效），未经细剖便草草了事，感觉倒是适... 阅读全文
posted @ 2014-09-27 23:23 vajoy 阅读(2722) 评论(0) 推荐(4) 编辑
用chrome来映射查找样式对应的sass
摘要：较新版本的sass(3.3+)支持source-map功能，可以配合谷歌浏览器或者livestyle来映射查找对应的样式。要生成source-map可以在grunt中使用grunt-contrib-sass 插件，只要不在options中配置ourcemap:'none' 便默认在编译sass时自动... 阅读全文
posted @ 2014-09-25 18:51 vajoy 阅读(3004) 评论(0) 推荐(2) 编辑
应用Grunt自动化地优化你的项目前端
摘要：在不久前我曾写了一篇 应用r.js来优化你的前端的文章，为大家介绍了r.js这个实用工具，它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中，我们不得不顾及到一个问题——项目每维护一次，就需要维护的人员输入一次rjs运行口令重新打包项目，自然是非常繁琐的事情。另外如果我们的项... 阅读全文
posted @ 2014-09-21 00:32 vajoy 阅读(4291) 评论(3) 推荐(4) 编辑
跨终端响应式页面设计入门
摘要：跨终端/响应式页面不外乎是让各种分辨率的屏幕都能顺利阅读你的页面，常规来讲一个跨终端页面，在宽屏的电脑上看和在小屏幕手机上看的布局是不同的，布局不同的原因是为了让读者更好地阅读你的页面，见下图：这里有点要提到的是，我们常规会将PC版的页面和移动端设备的页面独立开来设计，这样会让PC端的页面布局更灵活... 阅读全文
posted @ 2014-08-11 20:00 vajoy 阅读(8796) 评论(43) 推荐(64) 编辑
CSS百分比定义高度的冷知识
摘要：当我们给块级元素设置响应式高度的时候，例如给div设置height=50%，往往没能看到效果。原因是百分比的大小是相对其父级元素宽高的大小，如最外层元素设置的百分比是对应屏幕而言的。需要了解的是对于宽度来说，其父级元素无须确定宽度就能设置百分比，例如我们可以利用这个特性给未知宽度的块级元素设置水平居... 阅读全文
posted @ 2014-05-15 14:57 vajoy 阅读(16733) 评论(1) 推荐(3) 编辑
仿淘宝首页产品分类菜单栏的设计
摘要：这几天一直在给一家电商搞前端开发，首页做DIV页面重构的时候自然地做到每个电商平台都会有的部分——产品分类菜单栏，如下图截的是淘宝的效果：其实实现鼠标移到左侧主分类（我们暂且称之为A部分）便显示出右侧详细分类部分（称之为B部分）的功能并不困难，但这里不得不说主流的电商平台在这个地方都有个很好的用户体... 阅读全文
posted @ 2014-03-28 21:35 vajoy 阅读(5538) 评论(11) 推荐(5) 编辑
解决IE6下png图片透明度不显示的问题
摘要：世界上最遥远的距离，不外乎我在搞前端，你却在用旧IE，现在随着XP要退休了，IE6的市场占有率应该也会逐步下滑。不过基于天朝人民的惰性以及企鹅微软的“扎篱笆”活动，做网站的朋友依旧不能忽视IE6的存在。 现在谈的是解决IE6下png图片透明度不显示的问题，这招是淘宝的伎俩，貌似12年双十一活动页面代 阅读全文
posted @ 2014-03-09 21:17 vajoy 阅读(948) 评论(2) 推荐(0) 编辑

Copyright © 2014 - 2022 VaJoy Studio
点击右上角即可分享
微信分享提示