nazly.me

Weblog of Nazly Ahmed

Nazly Ahmed

Nazly Ahmed

Web Developer. PHP Addict. Wordpress Hacker. FOSS Enthusiast. (Micro)Blogger. Photo Hobbyist. Cricket Fanatic. Husband. Dad.

Cheat Sheets for Web Developers

I found this excellent list of cheat sheets for Web Developers. It even includes a cheat sheet for SEO. It will be really valuable for Web Developers to keep these cheat sheets in hand.

Cheat Sheets for Front-end Web Developers

Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they're nice decorative pieces for your office.

In this article, you'll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).

So go ahead – print out your favorites and pepper your workspace with these wonderful references.

Posted 10 years ago

Embedding YouTube Video as Valid XHTML 1.0

I always wanted to embed YouTube videos to my blog posts. But when I add the YouTube code to embed videos in my blog posts, I get validation errors from the W3C Markup Validation Service. I have been very careful on maintaining my blog to be XHTML 1.0 compliant. So finally I have found the solution to sort out the issue. The main reason being YouTube's use of the <embed> tag, which has been deprecated in XHTML 1.0. So I had to modify that code a bit to suit my need to be XHTML 1.0 compliant.

This is the code that YouTube gives to embed a video to a page

<object width="425" height="355">
<param name="movie" value="http://www.youtube.com/v/rybb85zc5yY"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/rybb85zc5yY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355">
</embed>
</object>

I changed it to

<object type="application/x-shockwave-flash" style="width:425px; height:355px;" data="http://www.youtube.com/v/rybb85zc5yY">
<param name="movie" value="http://www.youtube.com/v/rybb85zc5yY" />
<param name="wmode" value="transparent" />
</object>

I tested the code on all popular browsers and it works fine. If you come across any browser versions that has any problem with this code not displaying the video please do let me know with the browser and its version.

Posted 10 years ago

100+ Resources for Web Developers

This is a fantastic list for Web Developers.

100+ Resources for Web Developers

From the Blogpost :

There is some amazing stuff out there on the Web-resources, tools, tricks, and tips. Problem is, as a Web developer, you spend so much of your time just keeping up with new technologies – learning, playing – and this doesn't leave much time to go hunting for the latest and greatest tool, or for a better way of doing things.

So we've put together a list of over 100 resources to help make your life as a developer easier; where to find snippets of code, sites that automate processes, cheat sheets, lessons, useful tools and a couple of silly videos to give your brain a break if you make it through to the end. Please enjoy!

Posted 10 years ago

Enhance your Web Development Using the Firefox Web Developer Extension

It has been bit over two years since I last posted about the Web Developer Extension for Mozilla Firefox. All these years I have been using it quite effectively on my developments and it still remains a very effective tool. If you haven't started using it yet, here is a nice article that would encourage you to start using it.

9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension


Web Standards – high priority

If you guys were reading my blog (not via RSS feeds) within the last couple of weeks you might have noticed that I have revamped the look and feel of my blog. Its a complete new layout to make it XHTML compliant. Earlier tables were used to design the structure of a webpage which is totally a bad idea. Tables should be used where there should be tables. XHTML and CSS can be used very effectively to design the structure of a webpage which will be compatible with different browsers on different platforms. Though I was aware about XHTML I used to stick with HTML coz I really didn't want to go through all the HTML templates and modify them. But I was really motivated by Suchetha's session on 'Creating Websites with FOSS Tools' at foss-ed. From that day onwards I started to find the ways to convert this whole thing.

It was Dharshi, my good old friend who is a creative designer helped me out in creating the XHTML template files. She did an amazing job making life easier for me. I plugged in the templates to my blog and it fit in perfectly. But the Markup Validation Service gave more than 200 errors during the process. After few late night hacking into my blog code I have managed to get it passed the validation. I feel great not to be in the 'who cares?' club for Web Standards. I'm also urging my collegues to develop sites considering about the Web Standards and they have been responding very well. Still some work left on few minor issues. More latenight work :([Sad]

Posted 12 years ago