随笔分类 - HTML+CSS
摘要：uiw-iconfont v1.2.6 已发布，uiw-iconfont 是从 uiw 组件库抽离出来的图标字体，基于 svg 图片生成的图标字体。 更新内容 新增 map android-o dashboard table qrcode printer barcode 等7个图标. 新增 map
阅读全文
摘要：我们先来看个效果图（chrome下）： 从上面的图可以很明显地看出Chrome下css设置字体大小为12px及以下时，显示的都是一样大小，都是默认12px； 那么网上有一个方法就是给当前样式添加Chrome私有属性：-webkit-text-size-adjust:none; 可是我进行验证后发现并
阅读全文
摘要：众所周知为兼容所有浏览器，有的CSS属性需要对不同的浏览器加上前缀，然而有时添加一条属性，需要添加3~4条类似的属性只是为了满足浏览器的兼容，这不仅会增加许多的工作量。 What is AutoPrefixer Autoprefixer是一个后处理程序，你可以同Sass，Stylus或LESS等预处
阅读全文
摘要：CSS字体处理中最复杂的部分是字体系列（font-family）匹配和字体加粗(font-weight)匹配，其次是字体大小(font-size)的计算。 一、 字体系列 相同的字体可能有很多不同的称呼。例如，你可能对字体Times很熟悉，不过，Times实际上是多种变形的一个组合，包括TimesR
阅读全文
摘要：在开发过程中,我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR)，jQuery实现的AJAX，Fetch ,让我们首先来比较一下这三者的使用示例。 XMLHttpRequest var xhr; if (window.XMLHttpRequest) { // Mozi
阅读全文
摘要：摘要 web性能的终极目标是减少资源到客户端的延迟,但是我们在HTTP1.0/HTTP1.1协议中经常会遇到加载的图片太多或者太大导致页面加载完成慢的问题:图片太多导致向服务器请求的次数太多,图片太大导致每次请求的时间过长. 本篇将针对图片太多或者太大总结几种优化方案. 一.当图片太多时 方案一:将
阅读全文
摘要：摘要 详细讲述微信H5页面调试（安装在安卓或iOS手机上的），钉钉内H5页面的调试，QQ、微博以及各浏览器上H5页面的调试方法 背景 大学毕业快要一年了,用leader的话说我也是有一年开发经验的前端开发工程师了,输出是检验输入的最好方法,那我就慢慢来总结这一年来在工作中总结的经验教训,分享给大家,
阅读全文
摘要：这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效，请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~) 1.CSS3实现钟表效果(基于jQuery) 使用CSS3的基本变形特性
阅读全文
摘要：HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 canvas 元素。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个canvas 元素都有一个”上下文( context )” (想象成绘图板上的一页)，在其中可以绘制任意图形
阅读全文
摘要：注意:这篇文章介绍的 API 尚未完全标准化，并且仍在变动中，在项目中使用这些实验性 API 时请务必谨慎。 引言 现在的 web 严重缺乏表达能力。你只要瞧一眼“现代”的 web 应用，比如 GMail，就会明白我的意思： 堆砌 <div> 一点都不现代。然而可悲的是，这就是我们构建 web 应用
阅读全文
摘要：组件是 Web 开发的方向，现在的热点是 JavaScript 组件，但是 HTML 组件未来可能更有希望。 本文就介绍 HTML 组件的基础知识：自定义元素（custom elements）。 文章结尾还有一则 React 培训消息（含 React Native），欢迎关注。 一、浏览器处理 我们
阅读全文
摘要：Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table布局的基础上完成文档逻辑结构并创建内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格样式。事实上，我们目前的设计能力已经让我们远离了那个可怕的浏览器战争时
阅读全文
摘要：CSS兼容问题一直困扰着CSSer，面对各浏览器，往往感觉束手无策，愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法，在各浏览器厂商解析CSS没有达成一致前，我们只能用这样的方法来完成这样的任务。 我进行前端开发的时候，测试用的浏览器大致有: IE7、IE6、O
阅读全文
摘要：1. A List Apart CSS Topics A List Apart，学习网页设计和最佳实践的首选网站。这个网站从1999年就开始发表关于CSS的文章，其中大部分文章都是面向那些更注重符合标准设计的中级到高级设计师。 2. CSS Help Pile CSS Help Pile汇集了大量的
阅读全文
摘要：层叠样式表(css)是Web设计的一种语言，CSS的下一代版本CSS3已经蓄势待发。你是否可望开始使用它们却又不知从何下手呢？虽然还有一些新属性没有得到官方的确认，但是一些浏览器已经开始支持来自CSS3得新特性了。但问题是——许多浏览器支持了，唯独最主要的Internet Explorer浏览器仍不
阅读全文
摘要：您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对
阅读全文
摘要：当我们谈论网站可用性的时候，我们总会提及用户界面(UI)——按钮、标记(label)、标签(tab)等的设计与布局。但是，还有一个可能会被你忽视的元素可能会把你辛辛苦苦设计的网站毁于一旦，那就是(文字)内容。 这些文字内容就是你的网站上用文本方式提及的方方面面，它涵盖了何种类型的文本内容。今天暴风彬
阅读全文
摘要：导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键，但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人，又
阅读全文
摘要：过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页，但是这样做会遇到一个比较麻烦的问题就是，后期调试和维护会相当的困难。现在，越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局，不但让网站降低了开发和维护的成本，而且代码也更语义化了。但是，
阅读全文
摘要：前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章，它详细介绍了CSS3的新特性和它的使用方法，它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸
阅读全文
浙公网安备 33010602011771号