轩枫阁

首页 / Web前端 / 授人以渔 (第15页)

Google首页纪念现代舞先驱玛莎·葛兰姆的跳舞小人动画

前言

2011年5月11日,是美国现代舞大师玛莎葛兰姆(Martha Graham)的117岁诞辰,玛莎葛兰姆大师独创了玛莎葛兰姆式的舞蹈技法,以收与放为技巧充分展现舞者的感情,成为现代舞的创立人之一。GOOGLE为了纪念现代舞先驱,用巧妙的技术和奇特的创意在首页创建了一副跳舞的图。

效果图

M5X60F01010P00004U1

整个动画实际上是由155张小图片做出来的(GOOGLE的设计师太NB了),就像放电影那样 查看全文

2014/01 02  周四

JS实用技巧手记(四)

本系列文章旨在记录一些实用的javascript技巧,既可以作为一个知识的积累,又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 将字符串转换成URL编码

相应的还有: encodeURIComponent() decodeURIComponent()

 

2. 将字符转换成Unicode编码

 

3. 光标停在文字的后面,文本框获得焦点时调用

查看全文

2013/12 21  周六

实用的sublime插件集合 – sublime推荐必备插件

不得不说,sublime是个神器,不得不说它所支持的扩展和插件,下面在介绍的同时将会奉上生动的动画配图。

前言

在阅读此文章之前,建议先阅读这篇:sublime text 2 神器

插件介绍

Package Control

功能:安装包管理

简介:sublime插件控制台,提供添加、删除、禁用、查找插件等功能

使用:https://sublime.wbond.net/installation

安装方法:

  1. CTRL+` ,出现控制台
  2. 粘贴以下代码至控制台

查看全文

2013/12 15  周日

WP Ajax异步刷新 – wordpress中通过ajax获取信息

了解之后,你会发现WP中使用ajax是如此的简单,今天心情好,多写点文章~

简介

前端开发中,ajax是必不可少的,可以带来用户体验的提升。但是如果是使用WP,便觉得不知道如何下手了。比如要返回一些固定的数据(一般不更改),或者返回一些文章内容、标签、文章列表等等。下面做个简单的教程:

示例

一、侧边栏中ajax获取并刷新标签

1. 加载jquery:http://code.jquery.com/jquery-1.10.2.min.js

2. 编写请求并处理数据的函数 查看全文

2013/12 14  周六

Grunt常用插件介绍

项目名称

grunt-contrib v0.8.0

项目地址

https://github.com/gruntjs/grunt-contrib

项目介绍

此项目是对grunt常用插件的集合,刚接触grunt如果不知道使用什么插件,可以直接安装此项目。或者通过package.json自定义要使用的插件。

项目使用

  1. 在文件夹中执行node安装包命令,生成包含插件的node_modules文件夹:npm install grunt-contrib –save-dev
  2. 插件下载安装完之后,可以在Gruntfile.js中设置引用这些插件:grunt.loadNpmTasks(‘grunt-contrib’);

查看全文

2013/12 09  周一

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子