标签归档：CSS

2015
03-11

HTML5移动端手机网站开发流程

最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。 段亮觉得有以下几点： 一、没有完整的思路和流程.... Read More >

2015
03-09

Sass基础——Sass函数

在Sass中除了可以定义变量，具有@extend，%placeholders和Mixins等特性之外，还自备了一系列的函数功能。有字符串函数、数字函数、列表函数、Introspection函数以及三元函数等，当然大家还可以根据需求自定义函数。 在这篇文章中，我们主要对Sass函数中的字符串函数、数字函数、列表函数、Introspection函数以及三元函数的功能能使用做一些简单的介绍，希望对.... Read More >

2015
03-05

[转]页面在360浏览器下的兼容性问题解决

问题的提出： Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。 问题的分析 1.  检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。 2.  排查掉HTML标签内容的显示 问题。 3.  怀疑是CSS在不同浏览器下的兼容性.... Read More >

2015
02-12

iOS 4.2+webfont（TTF）的加粗字体重量渲染错误

这一个是相当注明：指定TTF字体渲染font-weight:bold不正确的探险之旅，开放的现场演示与iPhone / iPad的与iOS 4.2/4.3 Beta 3版本或以上： （这是Reenie +豆豆从谷歌字体） 屏幕捕获 你看到粗体字体看起来双重渲染。这不是小字体大小显著，但对于大的字体大小/缩放在相当显著 我的朋友会报告这个错误给苹果。然而，任何事情他可以做些什么来解决这个bug？ （.... Read More >

2015
01-29

[转]百度，淘宝，腾讯三大巨头HTML页面规范分解

【兼容html5方案】 百度贴吧，百度图片的实现 <!--[if lt IE 9]> <script> (function(){     var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article'.... Read More >

2015
01-16

响应式Web设计技巧以及入门

html5和css3流行至今，我在做响应式的网站一直是在“尝试”的阶段。并没有深入的去研究和学习，浅显的理解就是根据屏幕分辨率的大小，网站布局、图片、文字大小等相应改变。以后使用平板、手机浏览网站的用户会越来越多，对于前端设计师，学好用html5、css3做响应式网站是势在必行。 响应式网页设计这个术语，由伊桑马克特提出，他在Alist Apart 发表了一篇开创性的文章，将三种已有的开发技.... Read More >

2014
12-24

Grunt从入门到自定义项目模板

一.Grunt入门介绍   1. Grunt是神马   基于任务的命令行构建工具（针对JavaScript项目）   链接：http://gruntjs.com/   2. 使用Grunt的理由   前端的工具算得上是五花八门，在介绍如何Grunt之前，首先我们得反问自己：   G.... Read More >

2014
12-04

[转]互娱新官网品牌站-背后的重构技术

项目背景 2014年4月16日，由中国领先的互联网综合服务商腾讯公司举办的“UP2014腾讯互动娱乐年度发布会”在北京国家会议中心举行，互娱官网的品牌站 http://ieg.tencent.com/ 也同一时间发布。TGideas 对这一次的官方网改版进行了包装，在本次改版中，页面重构上（小李刀.... Read More >

2014
12-04

HTML5 拍照应用开发经历的那些坑儿

一、项目简介 1.1、项目背景： 这是一个在移动终端创新应用的项目，用户在浏览器端（微信/手Q）即可完成与金秀贤的合影，希望通过这样一种趣味体验，引发用户的分享与转发的热潮。 1.2、系统要求： ios6-ios7、android3.0-android4.3、android4.4+(非.... Read More >

2014
11-19

Block Formatting Context （块格式化上下文）

1    BFC是什么 Block Formatting Context （块格式化上下文）是 W3C CSS 2.1 规范中的一个概念，在CSS3中被修改为flow root。格式化则表明了在这个环境中，元素处于此环境中应当被初始化，即元素在此环境中应当如何布局等。元素如果创建了BFC，那么BF.... Read More >

2014
11-05

[转] 网页浏览毫秒必争，超强前端网页性能总结三

用 link 代替@import 避免使用@import的原因很简单，因为它相当于将css放在网页内容底部。 避免使用Filters AlphaImageLoad也是IE5.5 – IE8中支持，这种滤镜的使用会导致图片在下载的时候阻塞网页绘制，另外使用这种滤镜会导致内存使用量的问题。I.... Read More >

2014
11-05

[转] 网页浏览毫秒必争，超强前端网页性能总结二

避免404 404我们都不陌生，代表服务器没有找到资源，我们要特别要注意404的情况不要在我们提供的网页资源上，客户端发送一个请求但是服务器却返回一个无用的结果，时间浪费掉了。 更糟糕的是我们网页中需要加载一个外部脚本，结果返回一个404，不仅阻塞了其他脚本下载，下载回来的内容(404)客户端还会将其当成Javascript去解析。 服务器 使用CDN 再次强调第一条黄金.... Read More >

2014
11-05

[转]网页浏览毫秒必争，超强前端网页性能总结一

你愿意为打开一个网页等待多长时间？我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站，博客，你的网页响应速度如何呢？在这篇文章中我们来介绍一下提高网页性能的最佳实践，以及相应的问题解决方案。 最佳实践 最佳实践我们引用的来自yahoo前端性能团.... Read More >

2014
11-05

CSS Sprites 工具

CSS Sprites 在显著降低 HTTP 请求方面功不可没，但 CSS sprite 可不是个简单的技术，Sprite generator 可以帮你做这些繁复的工作，将你的图片打包成 zip 上传上去，他们会把你的图片组合成 sprite，还帮你生成 CSS 代码。 官方网址：ht.... Read More >

2014
11-05

浅谈CSS Sprites技术及其优化

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为“CSS精灵”、“CSS雪碧”的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面来详细聊聊。 在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都喜欢把网页里面的图片字节数控制的非.... Read More >

2014
10-17

[转载]CSS3 选择器——伪类选择器

前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中 的第三部分，也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之.... Read More >