css3 mediaqueries

Leave a comment

http://www.w3.org/TR/css3-mediaqueries/

Advertisements

Notepad++ and Zen Coding tips (Windows)

Leave a comment

Setup Zen Coding 

  • Plugins -> Plugin Manager -> Show Plugin Manager
  • Select Zen Coding – Python
  • Click Install
  • Done

Expand Abbreviation -> control + alt + enter

Example. type

html:5

press control alt enter

result is


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	
</body>
</html>

Wrapping With Abbreviation -> shift + ctrl + alt + enter

Example. type

About Us
Products
News
Blog
Contact Up

press shift + ctrl + alt + enter

popup appear type

div#header>ul#navigation>li.item$*>a>span

click ok result is

<div id="header">
<ul id="navigation">
	<li class="item1"><a>
 About Us
 </a></li>
	<li class="item2"><a>
 Products
 </a></li>
	<li class="item3"><a>
 News
 </a></li>
	<li class="item4"><a>
 Blog
 </a></li>
	<li class="item5"><a>
 Contact Up
 </a></li>
</ul>
</div>

How to Indent html code(re-format) in notepad++?
– try use plugin XML Tools (Plugins -> XML Tools -> Pretty print .. )

How to do folding in notepad++?
– View -> Fold All, Unfold All, Collapse Current Level, ….

Zen-coding base on HTML5 (notepad++)

Leave a comment

http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn

html:5 → [ctrl + alt + enter]

html:xt (old version)

…..

HTML 5 Intellisense for Visual Studio 2010 and 2008

Leave a comment

http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d

Centering: Auto-width Margins

Leave a comment

body {
margin
:50px 0px; padding:0px;
text-align
:center;
}

#Content {
width
:500px;
margin
:0px auto;
text-align
:left;
padding
:15px;
border
:1px dashed #333;
background-color
:#eee;
}

Chrome Javascript debuging

Leave a comment

Executing following code from the browser address bar:

javascript: console.log(3);

successfully prints message to the “JavaScript Console” in Google Chrome.

css

Leave a comment

root reference:
runat=”server” use ~/
html use ./

Older Entries