使用HTML5和CSS3碎语
爱前端网 - Yang 发布于 2015-09-28
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局……所有的这些,都不是随随便便的,讲究一定的原则。本篇收集了使用HTM...
阅读(2450)赞 (0)
爱前端网 - Yang 发布于 2015-09-28
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局……所有的这些,都不是随随便便的,讲究一定的原则。本篇收集了使用HTM...
阅读(2450)赞 (0)
爱前端网 - Yang 发布于 2015-09-01
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSSHack综合的一起,写了一个小的浏览器测试器 现在的浏览器IE6-IE10、Firefox、Chrome、Opera、Safari。。。数量众多,...
阅读(2032)赞 (0)
爱前端网 - Yang 发布于 2015-08-24
简介:新年伊始,按照上层指示,开始着力于移动端的界面制作,优化和兼容性调整工作。因此,整理了一些入门级的知识,比较实用,如取消移动端的默认样式,取消点击表单后的延迟时间等,都是日常项目中碰到的问题,部分整理自网络,部分按照自己的理解,从《Apress.Beginning.iPho...
阅读(2009)赞 (0)
爱前端网 - Yang 发布于 2015-08-18
最近一直在调试网站的兼容性,那种崩溃简直无法形容。为什么现在还没有统一的标准,真的很让人头疼啊!!!!!这是我找到的一篇关于CSS hack的博客,很受用,推荐给大家!!!供参考。。。。 什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Fir...
阅读(1795)赞 (0)
爱前端网 - Yang 发布于 2015-08-10
一年多以前,我发布了最初的12个少有人知的CSS事实直到今天,它已经是sitepoint上最流行的文章。在那篇文章发布之后,我已经为一篇新文章收集了更多的CSS的小技巧和小篇幅的报导。因为我们都知道,每一个成功的电影都会产生一个俗气的续集,对吧! 让我们进入今年的开发者的12个C...
阅读(1948)赞 (0)
爱前端网 - Yang 发布于 2015-08-03
简介:新年伊始,按照上层指示,开始着力于移动端的界面制作,优化和兼容性调整工作。因此,整理了一些入门级的知识,比较实用,如取消移动端的默认样式,取消点击表单后的延迟时间等,都是日常项目中碰到的问题,部分整理自网络,部分按照自己的理解,从《Apress.Beginning.iPho...
阅读(2083)赞 (0)
爱前端网 - Yang 发布于 2015-07-31
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 1.百度源代码如下 <!Doctype html>...
阅读(1641)赞 (0)
爱前端网 - Yang 发布于 2015-06-17
jQuery有成千上完的插件,这些插件不但在WEB程序层面让我们工作得得心应手,而且还在WEB视觉方面表现炫酷~如果你在寻找基于在线的视频解决方案或者你仅仅想给你网站的多媒体元素embed添加姿菜,基于jquery的视频插件会让你的工作处理的如丝般顺滑!当然,这些视频插件都是响应...
阅读(1951)赞 (0)
爱前端网 - Yang 发布于 2015-06-10
1.返回顶部 <a class=”top” href=”#”>Back to top</a> $(‘a.top’).click(function(){ $(document.body)...
阅读(1889)赞 (0)
爱前端网 - Yang 发布于 2015-06-05
一、服务器侧优化 1.添加 Expires 或 Cache-Control 信息头 某些经常使用到、并且不会经常做改动的图片(banner、logo等等)、静态文件(登录首页、说明文档等)可以设置较长的有效期(expiration date),这些HTTP头向客户端表明了文档的有...
阅读(1713)赞 (0)
爱前端网 - Yang 发布于 2015-06-05
这里收集了30个非常有用的CSS代码片段,非常值得大家去收藏,以备不时之需。 1、创建跨浏览器的图像灰度 如何将图片制作为灰度图片,而且在所有的浏览器中都表现一致呢?答案是结合使用svg和filter过滤器。 <svg xmlns=”http://www.w3....
阅读(2370)赞 (0)
爱前端网 - Yang 发布于 2015-06-03
一、box-shadow介绍 box-shadow属性向box添加一个或多个阴影。 语法: box-shadow: offset-x offset-y blur spread color inset; box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展]...
阅读(2390)赞 (0)
爱前端网 - Yang 发布于 2015-05-14
一、让代码简洁:一些简略的表达方式也会产生很好的优化 eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名) eg:定义数组的长度可以取名为:ArrLen而不需要取为ArrayLength。 三、关于JS的循...
阅读(1750)赞 (0)
爱前端网 - Yang 发布于 2015-04-22
在这里,我们已经收集40有用的在线生成器,以加快您的工作。这些CSS发电机,你不必去学习CSS和CSS3的所有编码,除了这一点,也使您的工作轻松,因为学习CSS和CSS3的所有手写代码不是一件容易的事。有了这些有用的发电机,你也可以创建你的未来项目专业笔试代码。 CSS3代码是针...
阅读(3431)赞 (0)
爱前端网 - Yang 发布于 2015-04-13
尽管各种JavaScirpt框架和库层出不穷,jQuery 仍然是Web前端开发中最常用的工具库。今天,向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段。 1.平滑滚动到锚点 这个功能很常见,在网站底部添加一个让访客快速回到页面顶部的功能,下面是实现这个功能的...
阅读(1972)赞 (0)
爱前端网 - Yang 发布于 2015-04-12
使用 CSS,你能够以极高的效率和易用性创造出美丽的设计。而目前流行的CSS3技术更加强大,能够创造更多丰富的效果和功能,而不需要任何外部插件。今天,我为大家收集了25个很有用的CSS教程,技术和资源,能够帮助你提高技能。 01. Create a 3D Book Animati...
阅读(2132)赞 (0)
爱前端网 - Yang 发布于 2015-03-27
文字是网页中最基本的元素,在CSS2.0时代,我们只能在网页上展示静态的文字,只能改变他的大小和颜色,显得枯燥无味。随着HTML5的发展,现在网页中的文字样式变得越来越丰富了,甚至出现了文字动画,HTML5和CSS3的强大之处就在于此。本文分享的10款炫酷的HTML5文字动画特效...
阅读(2622)赞 (0)
爱前端网 - Yang 发布于 2015-03-21
由于互联网世界正在发生变化,人们往往喜欢那些有更多互动元素的网站,因此现在很多 Web 开发人员也在专注于提高他们的 CSS3 技能,因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的20个优秀的 CSS3 按钮效果制作教程,你可以学习这些技术并使用它们为...
阅读(1843)赞 (0)
爱前端网 - Yang 发布于 2015-03-19
CSS是一门不断发展的语言,在2015年年初之际,我们就先来体验一下CSS的新特征吧。 本文中,我会介绍一些浏览器所支持的新模块和CSS新特性。不是说所有的特性都能立马投入使用,有些功能尚在实验阶段。在这里,你可以玩转很多的东西——即便尚在实验阶段。 第四代CSS选择器 第三代选...
阅读(1642)赞 (0)
爱前端网 - Yang 发布于 2015-03-13
HTML5技术已经越来越被我们所接受,特别是一些3D的动画特效。本文介绍的8个HTML5 3D动画并没有特别华丽的界面,但是比较实用,涉及到3D图片、3D图表、3D按钮等方面,一起来看看。 1、HTML5 3D 粒子波浪动画特效 之前我们分享过一个HTML5 3D点阵列波浪翻滚动...
阅读(3746)赞 (0)