优客李李

「给你的生活加点阳光!」

A Simple H5 Game -- Angry Bug(part 1)

Recently, on my way processing Udacity Front-end Nanodegree, I met a project called “Classic Arcade Game”, developed by Object Oriented JavaScript and HTML5. Here is my result : https://github.com/...

Example content for posts

This demo page has been used from http://jasonm23.github.io/markdown-css-themes/. A First Level Header A Second Level Header A Third Level Header A Fourth Level Header A Fifth Level Header A ...

To My Future Self

Hey myself: Now I’m in Pittsburgh, PA. I don’t know where you will be in future. There will happen plenty things during the lifetime. What I can handle is, just this moment. What’s my problem ...

JavaScript在for-in循环中,用点还是中括号?

初学JS。在用for in循环的时候,对用点还是用中括号产生了困惑。 困惑阐述: 定义一个对象,含若干属性名称及属性值: 1 2 3 4 5 6 7 8 9 10 11 12 <span style="color: #6ab825; font-weight: bold;">var</span> <span style="color: #d0d0d0...

Srcset 和 sizes

这篇文章虽然已经写得非常棒了,我还是没能看得很懂。。。中文版摘自陈三的blog,附上原文链接。 译注:本文译自 Srcset and sizes,原文使用 CC BY 3.0 许可。感谢作者额外提供一套灰色背景图片。 陈三的补充:如果你只是想了解 srcset 与 sizes,可以直接跳到第二部分,或扩展阅读的链接,第一部分作者只是在论证,在响应式图片里如果使用媒体查询会有什么样的困难。...

Truncate String with Ellipsis 用省略号缩短文本长度

All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden. 以下所有条件均须满足:1,单行长文本;2,文本在一个有宽度限制的盒子里;3,此盒子超出部分会隐藏。 Related CSS: 相...

Responsive and SEO Friendly Data Tables

> > ## This article is from [this link](http://mobifreaks.com/user-interface/responsive-and-seo-friendly-data-tables). This is a [demo](http://www.mobifreaks.com/wp-content/demos/Responsiv...

Using the viewport meta tag to control layout on mobile browsers-在移动浏览器中使用viewport元标签控制布局

English Version(Original Article Link): The upcoming release of Mobile Firefox (Fennec) 1.1 features improved support for the <meta name="viewport"> tag. Previous versions of Fennec supporte...

Sublime Text and Atom Keyboard Shortcuts

This article is from Udacity, see link: Sublime Text and Atom Keyboard Shortcuts. 这篇文章摘自Udacity,见原文链接:Sublime Text and Atom Keyboard Shortcuts。 Using keyboard shortcuts is one of the easiest ways...

When someone gives you a bug (long)-- by RobotJoe

I found this article from a Chinese blog. Today I read it, it’s funny and I’d like to share it here. Seems Git and Github are so important in coding. And, most engineers will meet such kind of prob...