CSS Unminifier Generator

Kamis, 21 Februari 2013 »
 
tab width:  
mrcoles.com/blog/css-unminify/

Bookmarklet Creator

»

Enter your javascript code here:

mrcoles.com/bookmarklet

Choose Browsers into...

Senin, 18 Februari 2013 »

Transform Browsers into Notepad++

Microsoft® Translator

Kamis, 14 Februari 2013 »
Translate Clear

Open New PopUp Window Generator

Rabu, 06 Februari 2013 »
Create the JavaScript Code for the new window you want to open:
Step 1 : Enter the name of the file you want to open and the size of the window you want it to open in.
URL: (File name or web address)
Window Name: Width: Height:
Step 2: Check what you want your new window to offer:
URL Location Menubar
Scrollbars Status Bar
Toolbar Resizable Window
Step 3: Check a sample of your new window:
Step 4: Enter the text for the button that opens the window:
Button text:
Step 5: Generate the code for your open new window button:

Here is the JavaScript code for a close window button:

HTML to JS/PHP/ASP Convertor

»

Generator Copyright Script

»

NanoMCE HTML Editor Preview

Selasa, 05 Februari 2013 »
<style>
body {
  padding: 0;
  margin: 0; 
}
#patterns > div {
  width: 50%;
  height: 50%;
  float: left; 
}
#patterns > div:nth-child(1) {
  background-color: white;
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px, 10px 10px;
  background-image: -webkit-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray), -webkit-linear-gradient(-135deg, gray 25%, transparent 25%, transparent 75%, white 75%, white), -webkit-linear-gradient(135deg, gray 6.25%, transparent 6.25%, transparent 12.5%, gray 12.5%, gray 18.75%, transparent 18.75%, transparent 25%, gray 25%, gray 31.25%, transparent 31.25%, transparent 37.5%, gray 37.5%, gray 43.75%, transparent 43.75%, transparent 56.25%, gray 56.25%, gray 62.5%, transparent 62.5%, transparent 68.75%, gray 68.75%, gray 75%, transparent 75%, transparent 81.25%, gray 81.25%, gray 87.5%, transparent 87.5%, transparent 93.75%, gray 93.75%, gray);
  background-image: -moz-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray), -moz-linear-gradient(-135deg, gray 25%, transparent 25%, transparent 75%, white 75%, white), -moz-linear-gradient(135deg, gray 6.25%, transparent 6.25%, transparent 12.5%, gray 12.5%, gray 18.75%, transparent 18.75%, transparent 25%, gray 25%, gray 31.25%, transparent 31.25%, transparent 37.5%, gray 37.5%, gray 43.75%, transparent 43.75%, transparent 56.25%, gray 56.25%, gray 62.5%, transparent 62.5%, transparent 68.75%, gray 68.75%, gray 75%, transparent 75%, transparent 81.25%, gray 81.25%, gray 87.5%, transparent 87.5%, transparent 93.75%, gray 93.75%, gray);
  background-image: -ms-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray), -ms-linear-gradient(-135deg, gray 25%, transparent 25%, transparent 75%, white 75%, white), -ms-linear-gradient(135deg, gray 6.25%, transparent 6.25%, transparent 12.5%, gray 12.5%, gray 18.75%, transparent 18.75%, transparent 25%, gray 25%, gray 31.25%, transparent 31.25%, transparent 37.5%, gray 37.5%, gray 43.75%, transparent 43.75%, transparent 56.25%, gray 56.25%, gray 62.5%, transparent 62.5%, transparent 68.75%, gray 68.75%, gray 75%, transparent 75%, transparent 81.25%, gray 81.25%, gray 87.5%, transparent 87.5%, transparent 93.75%, gray 93.75%, gray);
  background-image: -o-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray), -o-linear-gradient(-135deg, gray 25%, transparent 25%, transparent 75%, white 75%, white), -o-linear-gradient(135deg, gray 6.25%, transparent 6.25%, transparent 12.5%, gray 12.5%, gray 18.75%, transparent 18.75%, transparent 25%, gray 25%, gray 31.25%, transparent 31.25%, transparent 37.5%, gray 37.5%, gray 43.75%, transparent 43.75%, transparent 56.25%, gray 56.25%, gray 62.5%, transparent 62.5%, transparent 68.75%, gray 68.75%, gray 75%, transparent 75%, transparent 81.25%, gray 81.25%, gray 87.5%, transparent 87.5%, transparent 93.75%, gray 93.75%, gray);
  background-image: linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, gray 75%, gray), linear-gradient(-135deg, gray 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(135deg, gray 6.25%, transparent 6.25%, transparent 12.5%, gray 12.5%, gray 18.75%, transparent 18.75%, transparent 25%, gray 25%, gray 31.25%, transparent 31.25%, transparent 37.5%, gray 37.5%, gray 43.75%, transparent 43.75%, transparent 56.25%, gray 56.25%, gray 62.5%, transparent 62.5%, transparent 68.75%, gray 68.75%, gray 75%, transparent 75%, transparent 81.25%, gray 81.25%, gray 87.5%, transparent 87.5%, transparent 93.75%, gray 93.75%, gray); }

#patterns > div:nth-child(2) {
  background-color: white;
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px, 15px 15px;
  background-image: -webkit-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, #1a255b 75%, #1a255b), -webkit-linear-gradient(-135deg, #1a255b 25%, transparent 25%, transparent 75%, white 75%, white), -webkit-linear-gradient(135deg, #1a255b 6.25%, transparent 6.25%, transparent 12.5%, #1a255b 12.5%, #1a255b 18.75%, transparent 18.75%, transparent 25%, #1a255b 25%, #1a255b 31.25%, transparent 31.25%, transparent 37.5%, #1a255b 37.5%, #1a255b 43.75%, transparent 43.75%, transparent 56.25%, #1a255b 56.25%, #1a255b 62.5%, transparent 62.5%, transparent 68.75%, #1a255b 68.75%, #1a255b 75%, transparent 75%, transparent 81.25%, #1a255b 81.25%, #1a255b 87.5%, transparent 87.5%, transparent 93.75%, #1a255b 93.75%, #1a255b);
  background-image: -moz-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, #1a255b 75%, #1a255b), -moz-linear-gradient(-135deg, #1a255b 25%, transparent 25%, transparent 75%, white 75%, white), -moz-linear-gradient(135deg, #1a255b 6.25%, transparent 6.25%, transparent 12.5%, #1a255b 12.5%, #1a255b 18.75%, transparent 18.75%, transparent 25%, #1a255b 25%, #1a255b 31.25%, transparent 31.25%, transparent 37.5%, #1a255b 37.5%, #1a255b 43.75%, transparent 43.75%, transparent 56.25%, #1a255b 56.25%, #1a255b 62.5%, transparent 62.5%, transparent 68.75%, #1a255b 68.75%, #1a255b 75%, transparent 75%, transparent 81.25%, #1a255b 81.25%, #1a255b 87.5%, transparent 87.5%, transparent 93.75%, #1a255b 93.75%, #1a255b);
  background-image: -ms-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, #1a255b 75%, #1a255b), -ms-linear-gradient(-135deg, #1a255b 25%, transparent 25%, transparent 75%, white 75%, white), -ms-linear-gradient(135deg, #1a255b 6.25%, transparent 6.25%, transparent 12.5%, #1a255b 12.5%, #1a255b 18.75%, transparent 18.75%, transparent 25%, #1a255b 25%, #1a255b 31.25%, transparent 31.25%, transparent 37.5%, #1a255b 37.5%, #1a255b 43.75%, transparent 43.75%, transparent 56.25%, #1a255b 56.25%, #1a255b 62.5%, transparent 62.5%, transparent 68.75%, #1a255b 68.75%, #1a255b 75%, transparent 75%, transparent 81.25%, #1a255b 81.25%, #1a255b 87.5%, transparent 87.5%, transparent 93.75%, #1a255b 93.75%, #1a255b);
  background-image: -o-linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, #1a255b 75%, #1a255b), -o-linear-gradient(-135deg, #1a255b 25%, transparent 25%, transparent 75%, white 75%, white), -o-linear-gradient(135deg, #1a255b 6.25%, transparent 6.25%, transparent 12.5%, #1a255b 12.5%, #1a255b 18.75%, transparent 18.75%, transparent 25%, #1a255b 25%, #1a255b 31.25%, transparent 31.25%, transparent 37.5%, #1a255b 37.5%, #1a255b 43.75%, transparent 43.75%, transparent 56.25%, #1a255b 56.25%, #1a255b 62.5%, transparent 62.5%, transparent 68.75%, #1a255b 68.75%, #1a255b 75%, transparent 75%, transparent 81.25%, #1a255b 81.25%, #1a255b 87.5%, transparent 87.5%, transparent 93.75%, #1a255b 93.75%, #1a255b);
  background-image: linear-gradient(-135deg, white 25%, transparent 25%, transparent 75%, #1a255b 75%, #1a255b), linear-gradient(-135deg, #1a255b 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(135deg, #1a255b 6.25%, transparent 6.25%, transparent 12.5%, #1a255b 12.5%, #1a255b 18.75%, transparent 18.75%, transparent 25%, #1a255b 25%, #1a255b 31.25%, transparent 31.25%, transparent 37.5%, #1a255b 37.5%, #1a255b 43.75%, transparent 43.75%, transparent 56.25%, #1a255b 56.25%, #1a255b 62.5%, transparent 62.5%, transparent 68.75%, #1a255b 68.75%, #1a255b 75%, transparent 75%, transparent 81.25%, #1a255b 81.25%, #1a255b 87.5%, transparent 87.5%, transparent 93.75%, #1a255b 93.75%, #1a255b); }

#patterns > div:nth-child(3) {
  background-color: #c9132a;
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px, 12px 12px;
  background-image: -webkit-linear-gradient(-135deg, #c9132a 25%, transparent 25%, transparent 75%, black 75%, black), -webkit-linear-gradient(-135deg, black 25%, transparent 25%, transparent 75%, #c9132a 75%, #c9132a), -webkit-linear-gradient(135deg, black 6.25%, transparent 6.25%, transparent 12.5%, black 12.5%, black 18.75%, transparent 18.75%, transparent 25%, black 25%, black 31.25%, transparent 31.25%, transparent 37.5%, black 37.5%, black 43.75%, transparent 43.75%, transparent 56.25%, black 56.25%, black 62.5%, transparent 62.5%, transparent 68.75%, black 68.75%, black 75%, transparent 75%, transparent 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 93.75%, black 93.75%, black);
  background-image: -moz-linear-gradient(-135deg, #c9132a 25%, transparent 25%, transparent 75%, black 75%, black), -moz-linear-gradient(-135deg, black 25%, transparent 25%, transparent 75%, #c9132a 75%, #c9132a), -moz-linear-gradient(135deg, black 6.25%, transparent 6.25%, transparent 12.5%, black 12.5%, black 18.75%, transparent 18.75%, transparent 25%, black 25%, black 31.25%, transparent 31.25%, transparent 37.5%, black 37.5%, black 43.75%, transparent 43.75%, transparent 56.25%, black 56.25%, black 62.5%, transparent 62.5%, transparent 68.75%, black 68.75%, black 75%, transparent 75%, transparent 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 93.75%, black 93.75%, black);
  background-image: -ms-linear-gradient(-135deg, #c9132a 25%, transparent 25%, transparent 75%, black 75%, black), -ms-linear-gradient(-135deg, black 25%, transparent 25%, transparent 75%, #c9132a 75%, #c9132a), -ms-linear-gradient(135deg, black 6.25%, transparent 6.25%, transparent 12.5%, black 12.5%, black 18.75%, transparent 18.75%, transparent 25%, black 25%, black 31.25%, transparent 31.25%, transparent 37.5%, black 37.5%, black 43.75%, transparent 43.75%, transparent 56.25%, black 56.25%, black 62.5%, transparent 62.5%, transparent 68.75%, black 68.75%, black 75%, transparent 75%, transparent 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 93.75%, black 93.75%, black);
  background-image: -o-linear-gradient(-135deg, #c9132a 25%, transparent 25%, transparent 75%, black 75%, black), -o-linear-gradient(-135deg, black 25%, transparent 25%, transparent 75%, #c9132a 75%, #c9132a), -o-linear-gradient(135deg, black 6.25%, transparent 6.25%, transparent 12.5%, black 12.5%, black 18.75%, transparent 18.75%, transparent 25%, black 25%, black 31.25%, transparent 31.25%, transparent 37.5%, black 37.5%, black 43.75%, transparent 43.75%, transparent 56.25%, black 56.25%, black 62.5%, transparent 62.5%, transparent 68.75%, black 68.75%, black 75%, transparent 75%, transparent 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 93.75%, black 93.75%, black);
  background-image: linear-gradient(-135deg, #c9132a 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-135deg, black 25%, transparent 25%, transparent 75%, #c9132a 75%, #c9132a), linear-gradient(135deg, black 6.25%, transparent 6.25%, transparent 12.5%, black 12.5%, black 18.75%, transparent 18.75%, transparent 25%, black 25%, black 31.25%, transparent 31.25%, transparent 37.5%, black 37.5%, black 43.75%, transparent 43.75%, transparent 56.25%, black 56.25%, black 62.5%, transparent 62.5%, transparent 68.75%, black 68.75%, black 75%, transparent 75%, transparent 81.25%, black 81.25%, black 87.5%, transparent 87.5%, transparent 93.75%, black 93.75%, black); }

#patterns > div:nth-child(4) {
  background-color: #136846;
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px, 25px 25px;
  background-image: -webkit-linear-gradient(-135deg, #136846 25%, transparent 25%, transparent 75%, #243a37 75%, #243a37), -webkit-linear-gradient(-135deg, #243a37 25%, transparent 25%, transparent 75%, #136846 75%, #136846), -webkit-linear-gradient(135deg, #243a37 6.25%, transparent 6.25%, transparent 12.5%, #243a37 12.5%, #243a37 18.75%, transparent 18.75%, transparent 25%, #243a37 25%, #243a37 31.25%, transparent 31.25%, transparent 37.5%, #243a37 37.5%, #243a37 43.75%, transparent 43.75%, transparent 56.25%, #243a37 56.25%, #243a37 62.5%, transparent 62.5%, transparent 68.75%, #243a37 68.75%, #243a37 75%, transparent 75%, transparent 81.25%, #243a37 81.25%, #243a37 87.5%, transparent 87.5%, transparent 93.75%, #243a37 93.75%, #243a37);
  background-image: -moz-linear-gradient(-135deg, #136846 25%, transparent 25%, transparent 75%, #243a37 75%, #243a37), -moz-linear-gradient(-135deg, #243a37 25%, transparent 25%, transparent 75%, #136846 75%, #136846), -moz-linear-gradient(135deg, #243a37 6.25%, transparent 6.25%, transparent 12.5%, #243a37 12.5%, #243a37 18.75%, transparent 18.75%, transparent 25%, #243a37 25%, #243a37 31.25%, transparent 31.25%, transparent 37.5%, #243a37 37.5%, #243a37 43.75%, transparent 43.75%, transparent 56.25%, #243a37 56.25%, #243a37 62.5%, transparent 62.5%, transparent 68.75%, #243a37 68.75%, #243a37 75%, transparent 75%, transparent 81.25%, #243a37 81.25%, #243a37 87.5%, transparent 87.5%, transparent 93.75%, #243a37 93.75%, #243a37);
  background-image: -ms-linear-gradient(-135deg, #136846 25%, transparent 25%, transparent 75%, #243a37 75%, #243a37), -ms-linear-gradient(-135deg, #243a37 25%, transparent 25%, transparent 75%, #136846 75%, #136846), -ms-linear-gradient(135deg, #243a37 6.25%, transparent 6.25%, transparent 12.5%, #243a37 12.5%, #243a37 18.75%, transparent 18.75%, transparent 25%, #243a37 25%, #243a37 31.25%, transparent 31.25%, transparent 37.5%, #243a37 37.5%, #243a37 43.75%, transparent 43.75%, transparent 56.25%, #243a37 56.25%, #243a37 62.5%, transparent 62.5%, transparent 68.75%, #243a37 68.75%, #243a37 75%, transparent 75%, transparent 81.25%, #243a37 81.25%, #243a37 87.5%, transparent 87.5%, transparent 93.75%, #243a37 93.75%, #243a37);
  background-image: -o-linear-gradient(-135deg, #136846 25%, transparent 25%, transparent 75%, #243a37 75%, #243a37), -o-linear-gradient(-135deg, #243a37 25%, transparent 25%, transparent 75%, #136846 75%, #136846), -o-linear-gradient(135deg, #243a37 6.25%, transparent 6.25%, transparent 12.5%, #243a37 12.5%, #243a37 18.75%, transparent 18.75%, transparent 25%, #243a37 25%, #243a37 31.25%, transparent 31.25%, transparent 37.5%, #243a37 37.5%, #243a37 43.75%, transparent 43.75%, transparent 56.25%, #243a37 56.25%, #243a37 62.5%, transparent 62.5%, transparent 68.75%, #243a37 68.75%, #243a37 75%, transparent 75%, transparent 81.25%, #243a37 81.25%, #243a37 87.5%, transparent 87.5%, transparent 93.75%, #243a37 93.75%, #243a37);
  background-image: linear-gradient(-135deg, #136846 25%, transparent 25%, transparent 75%, #243a37 75%, #243a37), linear-gradient(-135deg, #243a37 25%, transparent 25%, transparent 75%, #136846 75%, #136846), linear-gradient(135deg, #243a37 6.25%, transparent 6.25%, transparent 12.5%, #243a37 12.5%, #243a37 18.75%, transparent 18.75%, transparent 25%, #243a37 25%, #243a37 31.25%, transparent 31.25%, transparent 37.5%, #243a37 37.5%, #243a37 43.75%, transparent 43.75%, transparent 56.25%, #243a37 56.25%, #243a37 62.5%, transparent 62.5%, transparent 68.75%, #243a37 68.75%, #243a37 75%, transparent 75%, transparent 81.25%, #243a37 81.25%, #243a37 87.5%, transparent 87.5%, transparent 93.75%, #243a37 93.75%, #243a37); }
</style>

<div id='patterns'>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
NanoMCE Editor :: Transform Browsers into Notepad++

The CSS3 Hover Burger

Senin, 04 Februari 2013 »
top bunLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
mushroomUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lettuceDuis autem vel eum iriure dolor in hendrerit in vulputate
tomatoClaritas est etiam processus dynamicus
cheeseEodem modo typi, qui nunc nobis videntur parum clari
beefNam liber tempor cum soluta nobis eleifend option
bunDuis autem vel eum iriure dolor in hendrerit in
http://codepen.io/jm/pen/rmqEs

Escape Unescape Converter

Jumat, 01 Februari 2013 »
Original Text

Escape Text