学习笔记
文章平均质量分 81
_一克拉的梦想_
Dive into HTML5 & CSS3
展开
-
谷歌:打造面向跨屏时代用户的网站
发布时间2014年3月,时隔近一年才看到,落后了。把自己觉得有用的信息摘录在这里。您的跨屏策略应符合客户及业务的需求。您希望在自己的网站上实现什么样的目标?您的客户期望获得什么?了解跨屏用户在您当前网站上的所见和所想。使用分析程序(如 Google Analytics(Google分 析))查看当前移动用户来自哪里、他们执行了 哪些操作, 以及他们与桌面设备用户的行为有何不同 (例如按设备转载 2015-04-24 11:26:09 · 468 阅读 · 0 评论 -
RWD Images & Videos
Responsive Web Design - Images1. set width property to 100%img { width: 100%; height: auto;}这样图片就变为响应式的了,可以放大或缩小。注意:图片可能被放大到超过原始尺寸。更好的解决办法,在许多情况下是使用 max-width.2. set max-width propert原创 2015-06-01 14:56:50 · 599 阅读 · 0 评论 -
JS Output
Writing to The HTML DocumentUse document.write for testing.If you execute it, on a loaded HTML document, all HTML elements will be overwritten.注意,只用在test时,如果在一个已经下载好的html文件中执行 document.write,所有h原创 2015-06-24 11:16:19 · 1630 阅读 · 0 评论 -
CSS3 Transform & Transition & Animation
CSS3 TransformsRelated 2D transform methods:translate() 移动: the element moves from its current position, depending on the parameters given for theleft(X-axis) and the top (Y-axis) positionrota原创 2015-05-26 16:26:01 · 514 阅读 · 0 评论 -
10 Color Inspiration Secrets Only Designers Know About
刚看到文章,一些小技巧非常有意思。转载翻译一部分。Specific hues can provoke different emotions, associations, and responses that affect how your brand is perceived. Put simply, color choices can make or break a design.原创 2015-07-20 11:36:57 · 659 阅读 · 0 评论 -
HTML Input Attributes
HTML Input Attributes主要整理Input元素的一些属性。value该属性设定了一个输入区域的初始值,即页面加载完用户看到的input的值。readonly该属性指定了一个输入区域是只可以读,不能被改变的。这个属性不需要有一个值。It is the same as writing readonly="readonly".disabled翻译 2015-04-21 10:47:40 · 2022 阅读 · 0 评论 -
HTML5 Drag and Drop
1. make an Element Draggable首先把希望拖动的元素的 draggable 性质设为 true2. specify what should happen when the element is dragged然后指定当这个元素被拖拽时应该发生的行为。把这个处理函数绑定到 ondragstart 性质里function drag(ev) {原创 2015-06-12 18:16:11 · 764 阅读 · 0 评论 -
jekyll项目开发
1. jekyll servea built-in development server that will allow you to preview what the generated site will look like in your browser locally.运行此命令,可以在本地预览将要生成的网站的样子。2. _config.ymlMany conf原创 2015-10-30 15:42:31 · 641 阅读 · 0 评论 -
What's new in HTML5?
HTML5 is the latest standard for HTML. HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2. It was specially designed to deliver rich content without the need for additional plu原创 2014-04-03 12:25:47 · 727 阅读 · 0 评论 -
HTML Iframes & Responsive Web Design
An iframe is used to display a web page within a web page.原创 2015-03-02 17:17:26 · 512 阅读 · 0 评论 -
Prepare Landing Pages for Google’s “Mobile Friendly” Algorithm, Beginning April 21
刚看了一篇文章,对于使用谷歌搜索服务的地区,从2015年4月21日起,首页对手机设备友好的网站将在谷歌搜索结果排名中很有利。当然对于国内可能不完全适用,但这是全球趋势。数据显示,谷歌的60%流量来自手机。如果你的网站不是手机友好的网站,在谷歌ranking中将会有落后的风险。让你的网站为这个手机友好算法做准备:1. 谷歌官方推荐响应式设计,确保你的网页在所有设备上键入相同的URL都翻译 2015-04-21 16:19:09 · 467 阅读 · 0 评论 -
JS RegExp -- JavaScript 正则表达式
节选自这里: http://www.iteye.com/topic/481228原创 2014-04-08 10:20:58 · 912 阅读 · 0 评论 -
W3School JS Quiz
18/20需复习巩固的知识点:原创 2014-04-08 19:32:23 · 786 阅读 · 0 评论 -
Keep your footer show at the bottom of the page
如何使网页的footer显示在页面最下方。两种情况要kao原创 2014-07-15 15:10:02 · 608 阅读 · 0 评论 -
JS 函数的执行和引用
注:仅是个人理解,如果有误,望指正,tjiq原创 2014-09-05 17:12:25 · 523 阅读 · 0 评论 -
Event order
Event capturing转载 2014-08-29 14:43:42 · 901 阅读 · 0 评论 -
<html> vs. <body> element in css
SummaryThe html and body elements are distinct block-level entities, in a parent/child relationship.The html element's height and width are controlled by the browser window.It is the html elemen翻译 2014-07-15 15:50:44 · 459 阅读 · 0 评论 -
CSS Selector Performance has changed! (For the better)
可能有些人看过MDN上面 Writing efficient CSS (作者:David Hyatt)这篇文章,不过网站也标注了,这是2000年写的,建议参考一下本文所翻译的文章(2011年12月29日,作者:Nicole Sullivan)关于CSS选择器优化。本文地址:点击打开链接像David Hyatt的书写高效CSS等优秀的文章,帮助开发者适应了一个基本的选择器匹配大背景。翻译 2015-03-02 14:03:44 · 525 阅读 · 0 评论 -
XHTML
XHTML is HTML written as XML.原创 2014-04-14 10:57:15 · 492 阅读 · 0 评论 -
How to change user habits with interaction design
如何使用交互设计改变用户习惯原文地址:点击打开链接摘录自认为有用的信息。Studies have verified that we spend more than 40 percent of our time engaged in habitual action. Our brains seem to prefer being on auto-pilot, as the mechani翻译 2015-04-01 14:55:34 · 481 阅读 · 0 评论 -
CSS Units
CSS has several different units for expressing a length. Many CSS properties take "length" values, such as width, margin, padding, font-size, border-width, etc. CSS 有不同的单位用来描述长度A whitespace cann原创 2015-02-04 15:20:04 · 448 阅读 · 0 评论 -
Media Queries
W3C Recommendation Media Queries本文为文档阅读笔记。Media-specific style sheets are supported by several user agents. The most commonly used feature is to distinguish between ‘screen’ and ‘print’.指定媒体原创 2015-04-15 14:36:57 · 415 阅读 · 0 评论 -
Deploying Jekyll project to GitHub Pages
最近在做Jekyll项目。第一次接触这种技术,简单说就是一种创建并生成静态网站的工具。基本功扎实的,敲好代码(用Git来管理代码,建立独立工作分支),现在情况是想要在web上看一下效果,因为一些问题在本地开发环境下可能发现不了。这里使用GitHub Pages来实现。有关资料请看官网。说一些自己在部署项目到 GitHub上遇到的问题和解决办法。1. site.url vs site.b原创 2015-06-11 16:56:49 · 533 阅读 · 0 评论