Categories
Compatibility issues IE7

IE7: fix for floated LI horizontal lists that don’t respond to display: inline-block

zoom:1; *display: inline; _height: 30px;

Categories
Tools

Useful websites / apps and tools for troubleshooting and other stuff I keep forgetting about

weinre: amazing ipad debugging tool, firebug style.
Adobe has gotten into this business as well: http://labs.adobe.com/technologies/shadow/
Also, I haven’t tried this one, but it may be a good alternative: http://jsconsole.com/

http://www.whatismybrowser.com/ Quick and dirty what browser / operative system you are using. Useful for customers to tell you exactly what browser they are using.

Tower: git UI in case your IDE lacks of it, or you don’t have an IDE. http://www.git-tower.com/

MAMP: Apache / PHP / MYSQL all in one, installation is a snap http://www.mamp.info/en/index.html

NAVCAT lite: you need a mysql modeler / admin interface, very useful: http://navicat.com/

MailServe: you need a simple mail server, almost zero config, to run on your mac http://cutedgesystems.com/software/MailServe/

IETester: quick and dirty all versions of IE tester.

Firefox must haves:
Firesizer — emulate viewports to test responsive design in small screens
HTTPfox — like fiddler, http sniffer

Colorzila — Not only for the color picker, but for the tool to create Gradients, it is great!

HTML5 find out what browsers support what features: http://caniuse.com/ , http://mobilehtml5.org/ and http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)

Mobile browsers emulators (you can also use Chrome developer tools / Console / emulator to emulate the most popular browser platforms.)

http://www.mobilexweb.com/emulators

http://www.responsinator.com/

Web mobile validator:

http://validator.w3.org/mobile/

 

Browser statistics: http://gs.statcounter.com/

HTML entities: http://www.danshort.com/HTMLentities/

CSS lint: http://csslint.net/

Ruby On Rails in Windows: when all fails and you can’t install it properly (specially in Windows 8), you can use the bitnami installer: http://bitnami.com/stack/ruby . There is actually another one from http://railsinstaller.org/ in case that other one doesn’t work

Rename files as a batch (utility):
http://development.christopherdrum.com/software/filewrangler/

Fast site boostrap:

http://www.initializr.com/

ecommerce via wordpress:

http://www.woothemes.com/woocommerce/

ember.js online console:

Fast and dirty way to do a post via the command line:

curl -d “username=yo&message=anothertest” http://yourserver.com/yourpage

Generate virtual users:

http://randomuser.me/

Dealing with javascript dates: moment.js is awesome, specially with dates arithmetics

A bundle of cheat sheets: http://overapi.com/

SEO: if you need to implement it, must see this one:

http://schema.org/docs/schemas.html

Outsource the backend:

https://www.firebase.com/

Code review help:

http://www.airpair.com/

Fast image placeholders:

http://placehold.it/

If you are in a mac, fast and simple apache-like server via Python to test web things in localhost:8080

python -m SimpleHTTPServer 8080

or you can also install a simple server via npm:

$ sudo npm install -g http-server

$ http-server

Guide to come up with a good json format:

http://jsonapi.org/format/

Internet marketing tools:

http://growthtools.io/

Categories
Compatibility issues JavaScript

Tracking Pixels: Beware of https behavior in Safari

If the https is not available, all JS will stop working up to the error message