MDL组件库2016.08.01

早前访问 Google Design 网站,在 Resources 目录下看到了 Material Design Lite 链接。我好奇点开,一下子就被 MDL 组件库的魅力吸引住了。后来详细阅读 Material Design 文档,才明白 Material Design Lite (MDL) 是一个基于 Material Design 理念的 Web 开发组件...阅读全文

217 0

电影预告片2016.05.26

Movie(电影)是用 Node.js 和 MongoDB 实现的 Web 应用程序。一、项目结构 - movie(项目根目录) |- app(应用程序根目录) |- controllers(控制器) |- category.js(分类目录控制器) |- comm...阅读全文

246 1

CSS总结2016.04.21

一、在HTML中使用CSS 查看我之前写过的文章 在HTML中使用CSS 二、CSS书写规范 位置属性(position,top,right,bottom,left,z-index,display,float 等)大小(width,height,padding,margin 等)文字系列(font,line-height,letter-spacing,color,text...阅读全文

552 10

HTML总结2016.04.14

一、对WEB标准以及W3C的理解与认识 WEB 标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括 XHTML 和 XML,表现标准语言主要包括 CSS,行...阅读全文

471 1

HTML&CSS编码规范2015.11.12

永远遵循同一套编码规范!不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。一、HTML 1.1 语法 用两个空格来代替制表符(tab)– 这是唯一能保证在所有环境下获得一致展现的方法;嵌套元素应当缩进一次(即两个空格);对于属性的...阅读全文

, 935 3

JavaScript实现侧边栏滚动特效2015.11.06

JavaScript 实现侧边栏滚动特效:右边文章可见区域高度 oarticleH 大于左边侧边栏可见区域高度 osidebarH 时触发 scrollEvent 事件。如果网页被卷去的高度 scrollH 加上屏幕可视化区域高度 screenH 大于左边侧边栏可见区域高度 osidebarH ,左边侧边栏 osidebar 固定...阅读全文

754 0

首页滚动特效2015.11.01

首页滚动特效:页面渲染时,CSS3 实现文字动画;滑动页面时,JavaScript 实现改变背景图片的 background-position 属性和线性改变文字透明度。<!DOCTYPE html> <html> <head> <meta charset="utf-8"/&g...阅读全文

, 987 3

jQuery图片轮播2015.08.01

一、前言 演示地址:jQuery 图片轮播 二、主要实现代码 2.1 HTML主要代码 index.html(HTML主要代码) <article id="main"> <section id="showcase"> <div id="sliders"> <div class="sliders"...阅读全文

, 1777 2

jQuery2015.07.20

一、前言 jQuery 是继 prototype 之后又一个优秀的 JavaScript 库,顾名思议,也就是 JavaScript 和查询(Query),即是辅助 JavaScript 开发的库。它是轻量级的 JS 库,它兼容 CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery 2.0 ...阅读全文

1183 1

固定右侧边栏滚动特效2015.04.27

一、前言 我们都知道:浏览网页时,右(左)侧边栏的高度往往没有文章主体内容的高度高。当页面向下滑动高度超出右(左)侧边栏高度的时候,右(左)侧边栏就不可见了。怎样让右(左)侧边栏一直部分显示呢?解决方案:当右(左)侧边栏底部可视化时,就固定在可视...阅读全文

, 1711 3

浅析RWD2015.04.17

一、前言 现今,无论是移动设备还是平板电脑亦或是 PC 屏幕,屏幕大小各不相同,若是针对每个屏幕大小单独设计一个解决方案,则会大幅增加网站建设的复杂程度和运营成本。响应式网页设计的概念就是可以让网页根据用户的使用环境进行自动调整,有效的改善用户体验。...阅读全文

, , 2949 15

双鱼的CSS3动画2015.03.23

一、前言 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。在 CSS3 中创建动画,需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式,就能创建由当前样式逐渐改为新样式的动画...阅读全文

, 1071 1

拥抱HTML52015.01.04

一、提要 HTML5 作为当今最炙手可热的 Web 开发技术,凭借其强大的功能特性和跨平台等优势,吸引了业内开发人员的重点关注,掌握 HTML5 技术也成为 Web 开发人员的一项必备技能。 二、概念 什么是 HTML5 ?HTML5 并不只是一个单独的技术。它是一个概括性的术语,包...阅读全文

917 1

在HTML中使用CSS2014.11.06

一、前言 在 HTML 中使用 CSS,包括内联式、内嵌式、链接式和导入式。二、分类 2.1 内联式 内联式是所有样式应用方式中最为直接的一种,它通过对 HTML 标记使用 style 属性,将 CSS 代码直接写在其中。<!DOCTYPE html PUBLIC "-...阅读全文

1206 2