HTML/CSS/js

This is a list of tools that i use or used for sometime. They made my work more easy and more fun. Hope you will find them usefull.

spritecow.com

spritecow

spritecow

Helps you identify your exact coordinates for your sprites, just load up a file and click on your sprites. Made by theteam uk runs on Github.

tinypng.org

tiny-png

Shrink it!

PNG is useful on the web because it’s the only widely supported format that can store partially transparent images. The format uses compression, but the resulting files can still be large. Use TinyPNG to shrink images for your website. It will use less bandwidth and load faster.

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

Here is a list of HTML codes for Romanian characters needed for correct spelling. Romanian characters are part of the Unicode character set. Declare accordingly in the head of the document:

<meta http-equiv=”content-type” content=”text/html;charset=utf-8″ />

Display Friendly Code Numerical Code Hex Code Description
Ă &#258 ; &#x102 ; Capital A-breve
ă &#259 ; &#x103 ; Lowercase a-breve
 &Acirc; &#194 ; &#xC2 ; Capital A-circumflex
â &acirc; &#226 ; &#xE2 ; Lowercase a-circumflex
Î &Icirc; &#206 ; &#xCE ; Capital I-circumflex
î &icirc; &#238 ; &#xEE ; Lowercase i-circumflex
Ș &#x218 ; &#xDA ; Capital S-comma
ș &#x219 ; &#xDB ; Lowercase s-comma
Ş &#350 ; &#x15E ; Capital S-cedilla
ş &#351 ; &#x15F ; Lowercase s-cedilla
Ț Ț &#x21A ; Capital T-comma
ț ț &#x21B ; Lowercase t-comma
Ţ &#354 ; &#x162 ; Capital T-cedilla
ţ &#355 ; &#x163 ; Lowercase t-cedilla

Please delete the space between the code and ; before use.

Media snippets

http://nmsdvid.com/snippets/#

Google and regular expressions

Usefull stuff when it comes to using regexp

Regular Expression Characters

Click on each character’s description to read a detailed article describing how to use it.

Wildcards

. Matches any single character (letter, number or symbol) goo.gle matches goooglegoodgle,goo8gle
* Matches zero or more of the previous item The default previous item is the previous character. goo*gle matches gooogle,goooogle
+ Just like a star, except that aplus sign must match at least one previous item gooo+gle matches goooogle, but never google.
? Matches zero or one of the previous item labou?r matches both labor andlabour
| Lets you do an “or” match a|b matches or b

Anchors

^ Requires that your data be at the beginning of its field ^site matches site but not mysite
$ Requires that your data be at the end of its field site$ matches site but not sitescan
Note: to understand why anchors are necessary, please read Tips for Regular Expressions at the bottom of this page.

Grouping

() Use parenthesis to create an item, instead of accepting the default Thank(s|you) will match bothThanks and Thankyou
[] Use brackets to create a list of items to match to [abc] creates a list with aandc in it
Use dashes with brackets to extend your list [A-Z] creates a list for the uppercase English alphabet

Other

\ Turns a regular expression character into an everyday character mysite\.com keeps the dot from being a wildcard

 

Javascript for displaying a sticky div with content Sticky-it

 

Ioan Szabo

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s