Web开发者推荐的最佳HTML5/CSS3代码生成器
11爱前端网 - Yang 发布于 2015-11-30
HTML5 和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是直接开始做!那么生成器就在自动生成代码时扮演者重要角色,它们非常适用于那些要做很多重复性工作的开发人员和设计人员,生成器可以帮他们解决这些繁琐的工作。在本文中,我们精心挑选了一些经验丰富开发人员和设计人...
阅读(2177)赞 (0)
爱前端网 - Yang 发布于 2015-11-30
HTML5 和CSS3是一入门就能用的最好的语言,最简单同时也最好的的方式就是直接开始做!那么生成器就在自动生成代码时扮演者重要角色,它们非常适用于那些要做很多重复性工作的开发人员和设计人员,生成器可以帮他们解决这些繁琐的工作。在本文中,我们精心挑选了一些经验丰富开发人员和设计人...
阅读(2177)赞 (0)
爱前端网 - Yang 发布于 2015-11-19
下面这些简单的小技巧能够帮助你玩转jQuery。 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变vi sibili...
阅读(2024)赞 (0)
爱前端网 - Yang 发布于 2015-11-16
这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标题&...
阅读(2295)赞 (0)
爱前端网 - Yang 发布于 2015-11-03
本文详细描述了display:inline-block的基础知识,产生的问题和解决方法以及其常见的应用场景,加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢?相信大家对这个属性并不陌生,根据名字inline-block...
阅读(2130)赞 (0)
爱前端网 - Yang 发布于 2015-11-03
jQuery是一个非常流行而且实用的JavaScript前端框架,本文并不是介绍jQuery的特效动画,而是分享一些平时积累的12个jQuery实用代码片段,希望对你有所帮助。 1. 导航菜单背景切换效果 在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景...
阅读(1897)赞 (0)
爱前端网 - Yang 发布于 2015-09-28
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局……所有的这些,都不是随随便便的,讲究一定的原则。本篇收集了使用HTM...
阅读(2434)赞 (0)
爱前端网 - Yang 发布于 2015-09-01
今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSSHack综合的一起,写了一个小的浏览器测试器 现在的浏览器IE6-IE10、Firefox、Chrome、Opera、Safari。。。数量众多,...
阅读(1996)赞 (0)
爱前端网 - Yang 发布于 2015-08-14
我们都听过这句话,“你只会有一次机会去打造第一印象”, 当涉及到移动端的启动页面时,这句话会更加令人信服.在最基本的层面上,启动页面将会是消费者同你网站的第一次接触. 拥有好的第一印象是很重要的.今年早些时候我们发布了这篇文章,《响应式设计不是一种移动端优...
阅读(1994)赞 (0)
爱前端网 - Yang 发布于 2015-08-12
我们知道用户都喜欢浏览速度快的网站,不喜欢花费太多的时间等待网页的打开,等待的时间过长,会让用户失去耐心,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了。 其次,从SEO的角度来说,关键字的排名与网页的打开速度也有关系,Google的Web搜索团队曾在官方博客上宣布,将把...
阅读(1779)赞 (0)
爱前端网 - Yang 发布于 2015-08-10
一年多以前,我发布了最初的12个少有人知的CSS事实直到今天,它已经是sitepoint上最流行的文章。在那篇文章发布之后,我已经为一篇新文章收集了更多的CSS的小技巧和小篇幅的报导。因为我们都知道,每一个成功的电影都会产生一个俗气的续集,对吧! 让我们进入今年的开发者的12个C...
阅读(1927)赞 (0)
爱前端网 - Yang 发布于 2015-07-16
一个好的编辑器是世界上所有程序员和web开发人员梦寐以求的东西。代码编辑器和集成开发环境是程序员工作时的左膀右臂。还在纠结使用什么编辑器么?下面我们将推荐7个主要用于Linux操作系统的免费CSS代码编辑器,并且它们已经得到了相关专家的认可哦。 1.jEdit jEdit是一款成...
阅读(1764)赞 (0)
爱前端网 - Yang 发布于 2015-07-10
1、HTML中定义表格的宽度用80px与80%的区别是什么? px表示像素,%表示相对父级的大小。 2、简述DIV元素和SPAN元素的区别。 DIV默认情况下是分行显示,SPAN在同行显示。 3、在HTML页面布局中,position的值有哪几种?默认值又是什么? 1)posit...
阅读(1931)赞 (0)
爱前端网 - Yang 发布于 2015-07-03
1、HTML中定义表格的宽度用80px与80%的区别是什么? px表示像素,%表示相对父级的大小。 2、简述DIV元素和SPAN元素的区别。 DIV默认情况下是分行显示,SPAN在同行显示。 3、在HTML页面布局中,position的值有哪几种?默认值又是什么? 1)posit...
阅读(1672)赞 (0)
爱前端网 - Yang 发布于 2015-06-30
当下,H5火热得不行,写下这篇文章,认真的认识下HTML5。 HTML5最早应该是09年左右被提出,然而当时受浏览器兼容性的影响,一直没得到普遍应用,最近也是因为移动端的发展,带动HTML5。 一、Doctype // ”doctype”中文意思指&l...
阅读(1864)赞 (0)
爱前端网 - Yang 发布于 2015-06-10
1.返回顶部 <a class=”top” href=”#”>Back to top</a> $(‘a.top’).click(function(){ $(document.body)...
阅读(1857)赞 (0)
爱前端网 - Yang 发布于 2015-06-05
这里收集了30个非常有用的CSS代码片段,非常值得大家去收藏,以备不时之需。 1、创建跨浏览器的图像灰度 如何将图片制作为灰度图片,而且在所有的浏览器中都表现一致呢?答案是结合使用svg和filter过滤器。 <svg xmlns=”http://www.w3....
阅读(2358)赞 (0)
爱前端网 - Yang 发布于 2015-06-03
一、box-shadow介绍 box-shadow属性向box添加一个或多个阴影。 语法: box-shadow: offset-x offset-y blur spread color inset; box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展]...
阅读(2357)赞 (0)
爱前端网 - Yang 发布于 2015-05-14
一、让代码简洁:一些简略的表达方式也会产生很好的优化 eg:x=x+1;在不影响功能的情况下可以简写为x++; 二、变量名方法名尽量在不影响语意的情况下简单。(可以选择首字母命名) eg:定义数组的长度可以取名为:ArrLen而不需要取为ArrayLength。 三、关于JS的循...
阅读(1721)赞 (0)
爱前端网 - Yang 发布于 2015-05-10
辉煌的开发与网站适当的编码来响应,并呼吁所有类型的用户是一个繁重的任务设计师。为了避免产生类似的网站设计者使用HTML和CSS,但这个困难的不同组合,实现每一次,因为在开发这个领域如此激烈的竞争,创造惊人的完美设计成为一个很大的挑战。为了减轻设计人员的压力也有很多应用程序的CSS...
阅读(2259)赞 (0)
爱前端网 - Yang 发布于 2015-04-24
在这里,我们已经编制了美观,实用的收集9引导UI编辑器。引导是一个非常方便的前端框架的Web开发人员,因为它允许他们,因为它附带了许多工具包和支持功能的创建有用的应用程序和网站。他们可以从Github上下载开源,让您创建,只需点击几下令人惊叹的网站和应用程序。 与此集合,我们展示...
阅读(1966)赞 (0)