Code Snippets

dochub | Instant Documentation Search

Administrator — Thu, 29 Dec 2011 20:08:32 -0500

InstaCSS is a very simplistic website that offers a great documentation of CSS, HTML, JavaScript, DOM, jQuery, PHP properties without any distractions; a list of the properties, a search engine and user-friendly description of each property.

There are also examples for each item and a chart of supporting browsers.

http://dochub.io/

Drag and drop CSS compressor

Administrator — Thu, 29 Dec 2011 19:59:12 -0500

An easy-to-use, drag and drop CSS compressor that removes excess bloat.

http://www.excssive.com/

Discover - Art & Design Inspiration

Administrator — Thu, 29 Dec 2011 19:56:31 -0500

Discover - Art & Design Inspiration

http://colrd.com/

Stitches - An HTML5 sprite sheet generator

Administrator — Thu, 29 Dec 2011 19:53:16 -0500

Drag and drop image files into the space below and click "Generate" to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox.

http://draeton.github.com/stitches/

Free Web Templates Resource

Daniel — Tue, 08 Nov 2011 15:56:58 -0500

http://www.freetemplatesonline.com/templates/

Easily change webfont your site. (Use google webfonts your site)

Daniel — Sat, 02 Apr 2011 20:26:45 -0500

Google Web Fonts lets you browse all the fonts available via the Google Web Fonts ...

How to Activate Windows XP Without a Genuine Product Key

Daniel — Sat, 04 Dec 2010 12:57:48 -0500

How To Put Picture In Front Of Flash Movie

Daniel — Wed, 17 Nov 2010 19:19:25 -0500

With Object<param name="wmode" value="transparent"> With embed<embed src="http://www.y...

Leverage browser caching

Daniel — Mon, 11 Oct 2010 09:36:35 -0500

Insert this into your .htaccess file or Apache config, restarting Apache if you ch...

Anonymize your Links / Hide your referrer - Protect your Privacy

Daniel — Wed, 06 Oct 2010 10:41:51 -0500

Refhide prevents your site from appearing in the server-logs or statistics as a referrer.
http://refhide.com/

게시판 내용하단 기본형태를 원하는 형태로 바꾸기

Daniel — Wed, 06 Oct 2010 07:39:37 -0500

옵션처리로 편하게 할 수도 있다.<!--@if(!Context::get('document_srl') && $module_in...

CSS3 PIE: CSS3 decorations for IE

Daniel — Fri, 01 Oct 2010 18:00:19 -0500

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
http://css3pie.com/

Get Directions Form (Google Maps)

Daniel — Fri, 01 Oct 2010 08:33:58 -0500

<form action="http://maps.google.com/maps" method="get" target="_blank"> <lab...

Put a Searchable Google Map on Your Web Page

Daniel — Fri, 01 Oct 2010 08:28:36 -0500

Map Search Wizard - Put a Searchable Google Map on Your Web Page
http://www.google.com/uds/solutions/wizards/mapsearch.html

Google Maps API Tutorial

Daniel — Fri, 01 Oct 2010 08:26:16 -0500

Google Maps API Tutorial
http://econym.org.uk/gmap/

The Art of Web

Daniel — Fri, 01 Oct 2010 07:52:24 -0500

The aim of this site is to present code examples, comments and solutions for programmers looking to broaden their horizons. The code is designed to be read, understood and customised, so not simply cut-and-pasted into your site.
http://www.the-art-of-web.com/

Basic Link Rollover as CSS Sprite image

Daniel — Fri, 01 Oct 2010 07:21:21 -0500

a {display:block; background:url(sprite.png) no-repeat; background-position: center top; hei...

The Common DOCTYPES

Daniel — Fri, 01 Oct 2010 03:39:26 -0500

HTML 4.01 Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3....

Make IE6 Crash

Daniel — Fri, 01 Oct 2010 03:32:33 -0500

This is absolutely NOT recommended for use in any sort of “real” website scenario...

“Go Back” Button

Daniel — Fri, 01 Oct 2010 03:10:53 -0500

Input button with inline JavaScript<input type="button" value="Go Back!" onclick="his...

Custom Error Pages

Daniel — Fri, 01 Oct 2010 02:55:15 -0500

ErrorDocument 400 /errors/400.shtmlErrorDocument 401 /errors/401.shtmlErrorDocument 403 /er...

Set Expires

Daniel — Fri, 01 Oct 2010 02:52:39 -0500

Set ExpiresSetting “expires” tells browsers downloading these files that they don...

WWW / No-WWW

Daniel — Fri, 01 Oct 2010 02:48:46 -0500

Force the www.RewriteEngine OnRewriteCond %{HTTP_HOST} ^your-site.com [NC]Rewrite...

구글 사이트 디렉토리

Daniel — Tue, 28 Sep 2010 19:17:39 -0500

구글 사이트 디렉토리
http://code.google.com/intl/ko-KR/more/

The Ultimate WordPress Theme Tutorial

Daniel — Tue, 28 Sep 2010 19:12:00 -0500

The Ultimate WordPress Theme Tutorial
http://themeshaper.com/

Hot Scripts - The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal

Daniel — Tue, 28 Sep 2010 19:00:59 -0500

Hot Scripts is the net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal
http://www.hotscripts.com/

Dynamic Drive- Award winning DHTML and JavaScript

Daniel — Tue, 28 Sep 2010 18:56:50 -0500

Dynamic Drive- Award winning DHTML and JavaScript
http://www.dynamicdrive.com/

A library of free DHTML and Ajax scripts

Daniel — Tue, 28 Sep 2010 18:52:45 -0500

A library of free DHTML and Ajax scripts
http://www.dhtmlgoodies.com/

HV-Designs.co.uk - Tutorials, Resources and Photoshop Freebies

Daniel — Tue, 28 Sep 2010 18:48:23 -0500

HV-Designs.co.uk - Tutorials, Resources and Photoshop Freebies
http://www.hv-designs.co.uk/

나의 사이트에서 쓰고 있는 Typography

Daniel — Sun, 26 Sep 2010 01:13:10 -0500

Your info message goes here!

Your tips goes here!

Your warning message goes here!

Your info message goes here!

Your tips goes here!

Your warning message goes here!

Your info message goes here!

Your tips goes here!

Your warning message goes here!

Your info message goes here!

Your tips goes here!

Your warning message goes here!

Your audio message goes here!

Your webcam goes here!

Your email message goes here!

Your creditcart message goes here!

Your feed goes here!

Your help message goes here!

Your images message goes here!

Your webcam goes here!

Your printer message goes here!

Your report message goes here!

Your script goes here!

Your time message goes here!

Your user message goes here!

Your world goes here!

Your cart message goes here!

Your cd message goes here!

Your chart_bar goes here!

Your chart_line message goes here!

Your chart_pie message goes here!

Your clock goes here!

Your cog message goes here!

Your coins message goes here!

Your compress goes here!

Your computer message goes here!

Your cross message goes here!

Your disk goes here!

Your error message goes here!

Your exclamation message goes here!

Your film goes here!

Your folder message goes here!

Your group message goes here!

Your heart goes here!

Your house message goes here!

Your image message goes here!

Your information message goes here!

Your magnifier message goes here!

Your money goes here!

Your new message goes here!

Your note message goes here!

Your page goes here!

Your page_white message goes here!

Your plugin message goes here!

Your accept goes here!

Your add message goes here!

Your camera message goes here!

Your brick goes here!

Your box message goes here!

Your calendar message goes here!

Your highlight phrase goes here!
Your highlight phrase goes here!
Your highlight phrase goes here!
Your highlight phrase goes here!

Use <pre> or <div class="netcite_code1">

#wrapper {
   position: relative;
   float: left;
   display: block;
}

Use <pre> or <div class="netcite_code2">

#wrapper {
   position: relative;
   float: left;
   display: block;
}

Use <pre> or <div class="netcite_code3">

Code

#wrapper {
   position: relative;
   float: left;
   display: block;
}

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element 1
Element 2
Element 3

Element1
Element2
Element3
Element4

Element1
Element2
Element3
Element4

Element1
Element2
Element3
Element4

Element1
Element2
Element3
Element4

01Element1

02Element2

01Element1

02Element2

This is a sample of an abbreviation Dr.
This is a sample of an acronym NATO.

Butter: it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.

Dairy milk: is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.

Butter: it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.

Dairy milk: is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.

Butter: it is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins.

Dairy milk: is an opaque white liquid produced by the mammary glands of mammals (including monotremes). It provides the primary source of nutrition for newborn mammals before they are able to digest other types of food.

Legend 1

This is a sample legend note. Use <div class="netcite_legend1"><h4>Legend</h4><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p></div>.

Legend 2

Legend 3

Legend 4

Legend 5

Legend 6

TThis is a sample text with Dropcap. Use <p><span class="netcite_Dropcap1">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.

TThis is a sample text with Dropcap. Use <p class="netcite_Dropcap2"><span class="netcite_Dropcap2">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.

TThis is a sample text with Dropcap. Use <p class="netcite_Dropcap3"><span class="netcite_Dropcap3">T</span> to make the first letter larger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend. Vivamus ullamcorper est id libero aliquam ullamcorper. Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut..</p>.

<p>Here goes main part of the text<span class="netcite_blockTextLeft">Block of text</span>rest of the text</p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.

<p>Here goes main part of the text<span class="netcite_blockTextRight">Block of text</span>rest of the text</p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.

<p>Here goes main part of the text<span class="netcite_blockTextCenter">Block of text</span>rest of the text</p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue. Duis quis quam sed purus porta eleifend.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum pulvinar justo, sed faucibus ligula feugiat ac. Morbi quis enim nulla, vel congue augue.Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus. Aliquam laoreet enim et lectus ornare hendrerit. Aliquam rhoncus enim libero. Morbi aliquam, nibh mattis feugiat dapibus, nisi massa adipiscing justo, sit amet condimentum urna ipsum et lacus. Nam fermentum, eros quis ullamcorper convallis, libero mauris lacinia eros, sed tempus leo lorem vitae purus. Nunc a malesuada felis. Cras ultrices sapien eu nisi elementum non blandit urna sodales. Duis accumsan cursus massa, eu facilisis diam porta ut. Morbi cursus est vel velit hendrerit dictum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<blockquote><div class="netcite_blockquote1"><div>Your quoted text goes here!</div></div></blockquote>

<blockquote><div class="netcite_blockquote2"><div>Your quoted text goes here!</div></div></blockquote>

<blockquote><div class="netcite_blockquote3"><div>Your quoted text goes here!</div></div></blockquote>

<blockquote><div class="netcite_blockquote4"><div>Your quoted text goes here!</div></div></blockquote>