Tag Archives: Javascript

IE Test VM’s for Virtual Box

Always a useful resource.

There is a list of VM’s with several versions of IE’s if you are under OSX (might work with Linux as well – haven’t tested).

Very useful if you, for some strange reason, IE doesn’t work with your Javascript, CSS, design, etc.

http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/


How to begin on Front End Development

A friend of mine asked me today how could he begin on front-end development without knowing anything at all of programming and bellow is what I have pointed out to him. These links should get anyone started with basic concepts of front-end development and learning should be easier after that.

Some links to get you started on HTML, CSS and JQuery (Javascript)

Med-advanced

Get used to concepts like Responsive CSS (it’s great) and for those you can use test tools like: http://screenqueri.es/ to check if everything is ok.

Get into Twitter and Google+ and  follow me on those (you can get the links at www.mcloide.com) and you will see that there is a bunch of people that I follow that are in regards of CSS, HTML and Javascript. There is always a bunch of new things that you can learn from developers that work with front-end in a daily basis.

You can also check hubs like Coderwall and Geekli.st where you can find info, tutorials and tips on HTML, CSS and Javascript.

As tips remember this:

  •  IE sucks -> it will break your design / css / html / etc so if it works on IE it works on everything else
  • Google is your best bud -> there is always someone with the same problem or a similar problem as the one you are having
  • in backend programming we use the concept of DRY (don’t repeat yourself). In HTML you might not be able to use it, but for both CSS and Javascript you can use it.
  • You can use JS Lints (http://www.jslint.com/) to check if your code is pristine
  • You can use Fiddles to test some stuff on the fly (http://jsfiddle.net/)
  • Use either Chrome or Firefox while developing, the Firebug and Chrome Inspector are excellent tools to check on javascript errors, small inline css changes, etc
  • The best way to practice and start, build a site, publish it and ask for a review on it from other dev’s / people – it will give you ideas of UX and if you need to improve your code.

I’m not a front-end developer, but these are the steps that I usually take when I need to code something for front-end. Either way is a good start for anyone that haven’t coded anything in front-end or is simply considering on starting on web-development altogether.


Scalable JavaScript Application Architecture

Awesome presentation from a former Tech-Lead from Yahoo.


Free JS Books

 

Worth sharing: http://jsmag.revolunet.com/


Tip’s and Tricks with HTML5 and CSS3

This is something that you must check out. Got it from a Google+ post from a friend today.

This site has a list of tip’s and tricks with HTML5, CSS3 and Javascript. For me the best one there is the Android logo made with no image, all HTML5 and CSS3.

Check it out: http://thecodeplayer.com/


CoffeScript

Ahhh .. if every javascript were formatted as CoffeeScript, we might be able to correctly read and understand a well formatted Javascript code; not an insanity with semi-columns and strange defined variables.

“CoffeeScript is a little language that compiles into JavaScript. Underneath all those awkward braces and semicolons, JavaScript has always had a gorgeous object model at its heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.”


Dynamic Design

I was searching for a Jquery plugin today when I bumped into this Blog. What did call my attention on this blog was the mouse over event that is on the header (the guy cartoon) of the blog.

With  very little, it brings a very cool dynamics to the site, making it much more interactive.

Besides being a great place to search Jquery stuff, this has a top A interactive design. Check it out: http://marcgrabanski.com


How to troubleshoot old browsers

Ultimate Geek Tool

Yesterday Rob, a co-worker and friend, had one of these great ideas that helped us to solve a issue of visualization of content on a user agent. Just imagine you trying to see an error of CSS how it supposed to be without a virtualbox or a Windows XP for IE 6. It’s a hard deal to work it out, but there is a solution that might help any developer no matter what is the web-language that he programs on.

The principle is simple, use cURL to request the url that you are having issues and print the output. It is a very simple concept that will help more than a ton.

Here is the piece of code that you will need to do the request:

<?php

$url              = ‘https://mcloide.wordpress.com/‘;
$userAgent = ‘Mozilla/5.0 (Windows; U; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)’;

$browser     = curl_init($url);

curl_setopt($browser, CURLOPT_HEADER, true);
curl_setopt($browser, CURLOPT_RETURNTRANSFER, true);
curl_setopt($browser, CURLOPT_FOLLOWLOCATION, true);
curl_setopt($browser, CURLOPT_USERAGENT, $userAgent);

$output = curl_exec($browser);

echo $output;

?>

This little piece of code will help you on getting weird bugs worked out.

It’s Friday, have fun.


New resources

Happy Friday everybody ….

2 New resources for you to check out:

  1. Javascript Bookmarklets
  2. Zend Framework and Firebug – Log PHP warning, errors and exceptions

Don’t forget also of the PHPArch Free Webcast today about Running PHP on Windows with Hank Jansen and Zack Owens.

Have fun .. .


%d bloggers like this: