View gist:5e0ac67380d46abad79f
/*
* (C) 2007-2010 Taobao Inc.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 2 as
* published by the Free Software Foundation.
*
*
* Version: $Id$
*
View Pure-CSS-Taj-Mahal.markdown

Pure CSS Taj Mahal

Pure CSS Taj Mahal by Jan Dennison @jannypie Inspired by the pure CSS White House by Kevin Jannis @kevinjannis

A Pen by jan dennison on CodePen.

License.

View Media-Temple-ad-on-Codepen.markdown

Media Temple ad on Codepen

This is an animated ad for Media Temple that appeared on CodePen in March 2014. The ad needed to be square and fluid down to sizes of 125 x 125. I used only native web elements (and 3 SVG icons) to build it. I animated everything with Javascript and a bunch of CSS transformations and transitions.

A Pen by MarkYun on CodePen.

License.

View Stay-On-Top.markdown
View gist:8397219
在技术社区或论坛中,某一个技术或观点可能会引起用户的广泛讨论,甚至争吵。但也有一些技术帖子则比较平静。
James Padolsey观察了一些JavaScript社区,总结出了开发者更关心JavaScript的哪些方面,或哪些技术更容易引起开发者之间的激烈讨论。
以下是容易引起开发者激烈讨论的主题:
自动插入分号
eval是令人讨厌的
View gist:8366618
(function($){
$.fn.flickrPhoto = function(options){
var settings = $.extend({
url : 'http://www.flickr.com/photos/markyun/11532861994/',
key : 'a66ae3b787a9d02a3da0f2b63ac621be',
secret : '89f35a97fe9d0df6'
}, options),
id,
method = 'flickr.photos.getInfo',
format = 'json',
View index.html
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>
markyun - Bookmarks
</title>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
"></script>
<style>
View gist:8214081
delete操作符(一)
Published by 陈漫凯 | on March 19, 2012 | Posted in 豆知识
这里想分享的是,一个大家可能挺熟悉,却挺少用的操作符,delete操作符。
 
什么是delete操作符
delete操作符,可以用于删除对象的属性,或者数组的某个值,如果删除成功则返回true。
语法
delete一元表达式
很简单的语法,可以这样使用
/* 代码片断1 */
View gist:8192406
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>简单的jquery插件写法之一</title>
</head>
<body>
<ul id="catagory">
<li><a href="#">jQuery</a></li>
<li><a href="#">html5</a></li>
View gist:8192296
<!DOCTYPE html>
<htmlang = "en">
<head>
<meta charset = "utf-8">
<title>HTML5 Demo</title>
<body>
<header>
<hgroup>
<h1>HTML5布局教程</h1>