您现在的位置:首页
--> CSS/HTML
长期以来,CSS 一直缺乏合适的布局机制。 变形,动画,滤镜,对这门伟大的语言来说都很有用的补充的,但是都没有解决 Web 开发人员一直抱怨的的主要的看起来似乎是永恒的问题。
终于,感谢Flexbox ,我们有了一个解决方案。
在我的插件Super Static Cache的使用过程中,经常会有人问我这样的问题,怎么样让Super Static Cache插件支持我的HTML压缩插件,本文这里不谈技术实现问题,着重来分析一下现在的网站有没有必要再进行HTML代码压缩。
具体是这样的,当我在一个utf-8页面中的表单中填写数据,然后以get方式传入另一个utf-8的页面。然后,在这个页面把参数得到,进行一部分处理后,再传给这个页面的iframe页面里(这个页面编码为gb2312)。这样就会出问题,iframe页面不会得到我想要的东西,因为编码把我填写的东西已经改变了。
在W3C里介绍了一个 form 不太常见的属性:accept-charset,用它可以完成我们的需求。
说起模块化,前端一般谈JS模块化的居多,毕竟JS是编程语言,比如业内的seajs、KISSY loader等,都有很成熟的模块化规则和方案了,前端工程师可以采用模块化的方法去编写页面,打包,上线,但是CSS界却没有。本文讨论了通过CSS原生语法@import实现CSS模块化,然后通过CSS Combo工具打包CSS模块成单独文件的开发方法。
现在设计师同学越来越高大上了,纯色背景已经不能满足人民群众日益增长的物质文化需要了,必须整渐变背景o(╯□╰)o。怎么还原呢,设计师直接丢过来一个几十K的图片,这怎么行。。。
还好我们有CSS第三代!这次就来唠唠CSS3 Gradient(/ˈgreɪdɪənt/)的用法。
在网页布局中对字体的控制是非常重要的,因为他关系到用户的体验,也就是页面的美观。本文根据作者独特的 CSS 实线经验总结出来的。
最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用 type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。
CSS不是一门很复杂的语言,但是即使你已经写css很多年了,也很有可能遇到一些新玩意儿-某些属性从来没用过,某些值从来未曾考虑,或者某些规范细则你从来不知道。
我经常会遇到一些css小细节,所以我想在这片文章中和大家分享,需要承认的是,这篇文章中的很多东西并不具有实操价值,但也许你可以留作后用。
Sass 有三种使用方式:作为命令行工具,作为独立的 Ruby 模块 (Ruby module),或者作为 Rack-enabled 框架的插件,包括 Ruby on Rails 与 Merb。
如果你想对使用手机,平板电脑和辅助技术的用户隐藏某些内容,而只对键盘用户显示,那么请使用title属性。
最近在研究HTML5播放视频的事情,发现这个东西真是据复杂无比啊,我勒个去了,然后给团队做了个技术分享。
本文将总结下自己对视频研究的结果,做个记录,同时也能方便后来人的学习,涉及视频的方方面面。
line-height
通常被我们用来干嘛呢?
比如:height:*px;line-height:*px;是这样的么?我们常常用它来对文字进行居中。为什么这样就能居中呢?因为行高是元素基线之间的距离,行高会减去字体的高度然后上下平分去建立一个行内框(inline box),如果这个时候高度和行高一致,自然就体现为居中。那么它有什么可研究之处呢?
有人说html很简单,它甚至不被认为是一种真正的编程语言,当然还有另一个技术同样被类似的看待,它就是css。说实话,css的代码的确不复杂,如要要会简单的使用你只需要知道它是什么,然后任何一个人都能够轻松的用它来控制一个元素的宽高,内容字体的类型、大小、颜色等等。但它真的不只是一些规则。就像是同样认识字,会写字,但总有人能写出更好的文章一样。会用和科学的用,灵活的用仍然有距离。这篇文章来谈谈css中一些可能的最佳实践方法。
性能,这个词如今被炒的很热,也是每个开发者,由“知道”、“会做”之后必经的一个“怎样做好”的阶段。性能关乎用户在不同设备和不同网络状态下的体验。也被多方面因素所影响。此文说说css方面怎样做到高性能。
今天来聊聊图片,当然,对于web来说,图片是个大命题,多大呢?要多大有多大~这里只谈它是怎么“不听话的”,然后让它乖一点。
Web的世界里有很多问题,与之对应的基本也有很多情景和对策。那么问题就来了,我们遇到某种情景和找到的对策也都具有偶然性,下面来挑很多人都遇到过的一种情况说说。
CSS 和 Sass (SCSS) 规范。
• 小叙透明
网页的历史不长,但是几经变化,不论是从布局,文字,颜色搭配,图标等等,都是有过诸多的演变,人们的审美不同了,或者说,一直在追求更美观的效果。
拿一些细节方面来说,比如渐变,圆角,阴影,半透明,这几个应该是被用的最多,效果也很好的方法。其中前三个,都可以做到比较好的退化,甚至说牺牲,因为很多时候,即使它们在一些浏览器里有,另一些浏览器里没有,看起来也能让人接受,不会产生太大的影响,半透明就不同了,透明和不透明的差别还是蛮大的,那么今天就来聊聊“透明”。
透明还分为两种,半透明的纯色 ,背景透明的图片。
很多问题都是浏览器渲染页面时, 因为渲染引擎的 bug 导致的问题, 不常见, 更加难以写 demo 演示, 它们只在特定的复杂场景下, 程序计算存在误差或者漏洞的时候出现, 尤其是涉及到边界判断的时候。
近3天十大热文
- [48] Oracle MTS模式下 进程地址与会话信
- [47] 如何拿下简短的域名
- [47] IOS安全–浅谈关于IOS加固的几种方法
- [47] 图书馆的世界纪录
- [46] android 开发入门
- [45] 【社会化设计】自我(self)部分――欢迎区
- [42] 读书笔记-壹百度:百度十年千倍的29条法则
- [41] Go Reflect 性能
- [39] 视觉调整-设计师 vs. 逻辑
- [39] 界面设计速成
赞助商广告