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).
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.
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.
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
- 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/)
- 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.
Awesome presentation from a former Tech-Lead from Yahoo.
This is something that you must check out. Got it from a Google+ post from a friend today.
Check it out: http://thecodeplayer.com/
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
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:
$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);
This little piece of code will help you on getting weird bugs worked out.
It’s Friday, have fun.
Happy Friday everybody ….
2 New resources for you to check out:
- 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 .. .