标签归档：HTML

2015
10-25

10个免费的响应式布局HTML5+CSS3模板

10个免费的响应式布局HTML5+CSS3模板        现在的自由响应式的HTML5模板的有着高度的市场需求，因为他们完全改变了网站设计与开发工业来说，是比较容易的，顺手，高级语言，可以很容易地创建了很多令人惊讶的事情，很快。这些模板是易于定制，有很多不同的特点。响应式HTML5模板不仅是高质量的而且看起来伟大在每个设备的显.... Read More >
2015
07-15

HTML5十五大新特性

HTML5想必大家都很熟悉了。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。 一起来看下： 1.新的文档类型  (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型：   1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0.... Read More >
2015
06-10

$(document).ready()与$(window).load()的区别

虽说很早就开始接触JavaScript，自己也用JavaScript编写过许多代码，如之前的web版码表计时器，就写了近500行代码，函数也写了10个左右。当时也就是想到哪里就写到哪里，行不通就另外找方法，根本不会考虑代码的性能、作用及优化。 随着在实践中对JavaScript的应用，对JavaScript的认识也在不断地深入。这里，就为大家介绍一下$(document).ready()于$(w.... Read More >
2015
05-17

视差滚动效果原理

视差滚动，这一技术最早出现是在Nike better World，之后这一网页技术在这些年频繁的出现在人们的视线当中，网络上关于视差滚动的教程和插件已经是多如牛毛， 不胜枚举。 如：30个让人兴奋的视差滚动、10个关于视差滚动的插件和教程、35个运用视差滚动效果的网站设计等等… 1)那到底什么是视差滚动呢？ 2)它的实现原理是什么呢？ 3)什么场景我们需要用到视差滚动呢？ 4)有.... Read More >
2015
05-07

移动端自适应：flexible.js可伸缩布局使用

阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。 实现方法： 通过JS来调整html的字体大小，而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下： ;(function(win, lib) { var doc = win.document; var docEl = doc.documentE.... Read More >
2015
04-02

JavaScript代码放在HTML代码哪里比较好

本文总结了多种放置JS代码的方法,需要的朋友可以参考下 在哪里放置 JavaScript 代码？ 通常情况下，JavaScript 代码是和 HTML 代码一起使用的，可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方，会对 JavaScript 代码的正常执行会有一定影响，具体如下所述。 放置于<head></head>之间.... Read More >
2015
03-11

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

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
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 >
« 上一页1234下一页 »