مصدر الصورة

الفايرفكوس يعد من أشهر المتصفحات الذي حاز على إعجاب الكثيرين من مستخدمي الشبكة العنكبوتية _و انا منهم _ و مطوري الويب و مصممي المواقع لأسباب عديدة منها انه برنامج مجاني مفتوح المصدر و دعمه للإضافات و سرعة التصفح  و غيرها من الأسباب التي جعلته منافسا لإنترنت إكسبلورر و سفاري و غيرها من المتصفحات  ،و لا زلت اذكر عندما كنت استخدم Internet Explorer  و المشاكل التي تصادفني من بطىء التصفح الى مشاكل مع مواقع لا تدعمه او يظهر الموقع بشكل سيء فقررت الانتقال لاستخدامه و شيئا فشيئا تعرفت على ميزاته و الإضافات التي هي محور موضوعنا فهي تضيف ميزات جديدة للفايرفوكس و قد توفر بعضها الوقت و الجهد و من هذه الإضافات التي استخدمها في الفايرفكوس و اعتقد بانها إضافات مهمة لكل من يستخدمه  :-

Gmail manager :

فهذه الإضافة تستخدم لإدارة بريد Gmail و معرفة إن كان لديك رسائل أم لا في Inbox و في التصنيفات labels  و في spam ( سخام ) ومعرفة عددها و عنوان الرسالة مع مقتطفات لها و يمكنك ادارة اكثر من بريد Gmail  فهي بالتالي توفر عليك الوقت ولا تضطر ان تفتح بريدك كلما تصفحت النت .

Yahoo! mail notifier :

و هذه إحدى الإضافات التي استخدمها لإدارة بريدي الالكتروني لكن هذه المرة هو بريد ياهو فهذه الإضافة  لاتتميز بما تتميز به Gmail manager فهي تقتصر فقط على معرفة ان كان لديك رسائل جديدة ام لا و معرفة عددها ايضا .

Greasemonkey :

هي الاضافة التي لا استغني عنها فهي تسمح بتخصيص الطريقة التي تعرض بها صفحة الويب و توفر ميزات اخرى باستخدام الجافا سكريبت و يمكنك الحصول على الجافا سكريبت من موقع userscripts.org .

امثلة عن الجافا سكربيت:

1. سكربت Google Reader Subscribers Count يستخدم في معرفة عدد متابعي خلاصة موقعك باستخدام Google Reader .
2. سكريبت retweet يستخدم هذا السكريبت في اعادة نشر  التويت بمجرد الضغط على حرف R في الصفحة الرئيسية لتويتر.
3. سكريبت Remove Facebook Ads تستخدم لازالة الاعلانات من الفيس بوك .

و هنالك امثلة كثيرة للجافا سكريبت فيمكنك البحث عنها في الموقع userscripts.org و الاستفادة من خياراتها الواسعة .

Read it later :

من منا لم يصادف بمقال اكثر من 500 كلمة سواء أكان ذلك في الموسوعة الحرة ويكيبيديا او في اي موقع اخر او حتى اذا كان المقال اقل من 500 كلمة و انت قد لا يتوفر لديك الوقت لقراءته فهذه الاضافة تساعدك فهي تحفظ الصفحات لتقراءها في وقت  لاحق و من اي مكان !  .

any color :

لتغير اللون الممل للاستايل الاصلي للفايرفكوس  الى اللون الذي ترغب به  من خلال اختيارك لاحد الالوان التي توفرها الاضافة و ان كنت من محبي التميز فيمكنك تغير لون الاستايل بحسب ذوقك و كما تحب و ترغب .

video Download helper :

و هي الطريق الاسهل لتحميل و تحويل صيغة  الفيديو من المواقع التي لا توفر رابط الفيديو المعروض فيها كـحال MySpace ,  DailyMotion , Youtube و غيرها فعند دخولك لهذه المواقع تستشعر الاضافة الفيديو في الموقع  و تبين ان كان هنالك اكثر من فيديو يمكن تحميله ، و ليس هذا فقط  فيمكنك من خلال هذه الاضافة تحميل  الصور و الصوتيات  .

foxlingo :

هذه الاضافة تسهل على المستخدم ترجمة الصفحات او النصوص حيث تدعم 71 لغة و تستخدم 31 خدمة من خدمات الترجمة في الويب منها Google Translate تتميز بالترجمة التلقائية و يحتوي على قاموس متعدد اللغات و يوفر مدقق لقواعد النحو و يصحح النصوص بل حتى يوفر اكثر من100 موقع لتعلم مجموعة متنوعة من اللغات و الكثير الكثير من الخدمات التي توفرها هذه الاضافة .

delicious bookmarks :

تستخدم هذه الاضافة لمزامنة مفضلتك مع خدمة delicious حيث يمكنك اضافة روابطك الى هذه الخدمة من خلال هذه الاضافة و عرض روابطك بكل سهولة و ليس هذا فقط فيمكنك تصنيفها تحت اوسمة او حتى البحث عن موقع او وسم معين بمجرد الضغط على Ctrl+B .

ُEchofon :

و هذه هي الاضافة التاسعة التي لا استغني عنها_ في الوقت الحاضر_ و كذلك كل من دخل عالم تويتر بسبب ما تتميز به من ميزات قد تفوق ما تحتويه الصفحة الرئيسية لتويتر فهي تنبهك بالتحديثات اول باول و بالرسائل الخاصة و الرسائل المباشرة و يمكنك اضافة اكثر من حساب و غيرها من الميزات .

firebug :

هذه الاضافة خاصة بمطوري المواقع و مصمميها فاهم ما يميز هذه الاضافة هي تغير خصائص صفحة معينة دون تغير الكود الاصلي و بالتالي تجربة الكود و التعديل عليه و بعدها تطبيق التعديلات في الملف الاصلي و غيرها من الميزات .

web Developer :

و هذه الاضافة لها علاقة بالاضافة السابقة و هي ايضا لمطوري المواقع و مصمميها و تكمن فائدة هذه الاضافة في اكتشاف الاخطاء التي يقع بها مصممي و مطوري المواقع و تحتوي الاضافة على مصحح تلقائي و ايضا يمكنك من خلال هذه الاضافة ابطال تنسيق CSS .

و قد يسال سائل ما علاقة مصطفى بالاضافتين الاخرتين و لازيل الشك باليقين انا لست بمطور او مصمم _في الوقت الحالي _ لكن تعرفت على هاتين الاضافتين في دورة قوالب ووردبريس في مدونة الووردبرييس باون قبل ان تتوقف الدورة و تباع المدونة و اغلب المعلومات الواردة عن هاتين الاضافتين من ما تعلمته في الدورة ، وايضا لي محاولات بسيطة في تعريب بعض القوالب و لازلت اتعلم CSS و استفدت كثيرا من هاتين الاضافتين في التعريب .

و في الختام  ان بعض المعلومات الواردة في هذه التدوينة مصدرها  موقع الاضافة و هذه هي  الاضافات التي استخدمها و اعتقد بانها مهمة لكل من يتصفح النت باستخدام الثعلب الناري .

Zack era un supercriminale noto come Zack Sterminio. Dopo la morte del fratello Xander, suo compare di bisbocce e devianza, e una grave ferita viene catturato, diventa un pentito e viene inserito nel programma di protezione testimoni.
Solo che a fare la vita d’ufficio Zack non è che se la passi benissimo. Il mestiere dell’archivista che timbra il cartellino e va a casa stanco morto a fine giornata gli sta stretto anche se è più che consapevole che questa copertura gli sta salvando la pellaccia, quindi inizia a drogarsi come un punkabbestia e… che ve lo devo raccontare tutto questo primo volume di “Incognito” appena pubblicato? Non vi basta questo a capire che l’ennesima serie a firma Ed Brubaker è l’ennesima figata?

Renee è una sbirra bella tosta, così come tutti i suoi compagni di dipartimento, costretti a svolgere il loro lavoro nell’oscurità di un’ombra più che ingombrante, non è facile essere in polizia a Ghotam city. Eppure la squadra costruita da Jim Gordon ci prova in tutte le maniere a fare il suo lavoro, ad essere decisiva, e non è detto che nella loro semplciità non ci riescano. Eroi più umani dell’eroe umano che però ha una barcata di soldi e un addestramento pazzesco.
“Ghotam Central – Servire e proteggere” è uscito in volume in bel po’ di tempo fa, ma uno non può comprare tutto, quindi fate come me e colmate la lacuna.

Ed è uno sceneggiatore, che ha vinto un bel po’ di premi, ha una marea di lettori appassionati, ha messo Devil in galera, ha fatto schiattare Capitan America imbastendo una trama perfetta per anni, tanto che la Civil war non è stata così determinante nell’amara conclusione della vita di Steve Rogers.
Brubaker è, almeno per quanto mi riguarda, il miglior sceneggiatore di fumetto seriale degli ultimi anni, e infatti è l’unico che mi fa aspettare con ansia di sapere come le storie andranno avanti, che mi fa attendere in trepidante attesa di scoprire, ad esempio, cosa succederà ad Iron fist.

Questi due volumi sono due perfetti esempi della sua bravura, capaci di coniugare i due generi in cui questo autore spicca rispetto ai colleghi: trame supereroistiche fitte di colpi di scena e il noir più antico capace però di creare atmosfere uniche.
I nomi stessi dei personaggi di “Incognito” hanno un sapore di tempi andati, di età dell’innocenza del fumetto, non solo i fratelli Sterminio, ma anche Morte nera o Ava Distruzione. Una storia complessa e ben articolata nel suo ritmo frenetico che cattura dalla prima all’ultima pagina.

Anche “Gotham central – Servire e proteggere ” come ritmo non scherza, scritta a quattro mani con un ottimo Greg Rucka, la serie si stabilisce su binari più canonici e seguendo il registro proprio del poliziesco classico. Nonostante le sue sporadiche apparizioni la presenza di Batman si avverte per buona parte delle storie, in cui però agisce solo da comprimario, pur rivelandosi sempre un perfetto deus ex machina narrativo. Molto più presenti invece i supercattivi più carismatici di Gotham, del resto molto del fascino di questa serie sta proprio nella sua capacità di mostrare come l’uomo comune mosso da ideali di giustizia si possa scontrare con gente come Mr.Freeze, il Joker, Due facce o Firebug.

Due meraviglie fumettistiche moderne quindi, fatele vostre.

Web development today

Web development today isn’t just HTML editing or basic php scripts. Web development and programming today is usually achieved with a wide set of tools — any popular website around today uses a wide set of tools. For example,

• reddit.com — reddit uses Python and PostgreSQL, which spit out html (of xhtml syntax), javascript and CSS.
• slashdot.com — slashdot.com uses Perl and MySQL, sitting on top of Apache.
• microsoft.com — microsoft.com uses a combination of ASP.NET, running on top of IIS. The output is html (xhtml syntax), css and javascript.

The tools

Web Developer / Firefox Extension

Firefox Web Developer Extension is a useful tool for being able to disable various features on a page, manage cookies, view specific css information using a picker tool for any specific elements and being able to manager userstyles. You can also manage images and various other tools including the ability to view generated source.

You can download it at Mozilla Add-ons

ColorZilla / Firefox Extension

ColorZilla is an extension to firefox that adds a color picker tool to the browser UI. It is then possible to return information for a given pixel on a website.

You can download it at the Mozilla Add-ons site.

MeasureIT / Firefox Extension

The measureIT Firefox extension adds a measuring tool that appears as an overlay on any webpage you need to use it on.

You can download measureIT at the Mozilla Add-ons site

DOM Inspector / Firefox Extension

The Document Object Model Inspector is a tool to inspect the DOM of any webpage. It often comes with the default install of firefox as an option.

You can download DOM Inspector at https://developer.mozilla.org/en/dom_inspector

Firebug / Firefox Extension

Firebug is an extension which is useful for editing css, html or javascript elements within a webpage.

You can download Firebug at the Mozilla Add-ons site.

Google page speed / Firebug Extension

Google page speed is a Firebug extension that is able to give you a wealth of information on the download speeds and execution time of your website. It can also give you tips on how to reduce overheads and improve code.

You can download the Google page speed Firebug extension at the google page speed site.

Notepad++

Notepad++ is a tool I often use when working on smaller projects where I do not need a full IDE.

Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License.
Based on a powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size.

You can download it over at the notepad++ sourceforge project site.

Netbeans with PHP Development plugin

Netbeans is a Java IDE developed by Sun. It supports various plugins — one being PHP development extensions. When working on large projects, Netbeans proves useful.

You can download it at the Netbeans site.

Visual SVN

VisualSVN is a SVN server for Windows. It is quick and easy to use and requires little previous knowledge of server administration or svn experience, but it can also be quite powerful.

You can download it at the VisualSVN Server site. It is free for both personal and commercial use.

Tortoise SVN

TortoiseSVN is an SVN client that interfaces with Windows Explorer to interface with SVN.

You can download it at the TortoiseSVN site.

XAMPP

XAMPP is a quick and easy way to get an apache server, MySQL daemon and PHP all running on Windows for a development environment. It also supports an FTP server and a few other things.

You can download it at the XAMPP site.

Forums
You can come and discuss web development, get website reviews and also SEO information at the Transcendental Labs forum.

مدتی نزدیک به دو هفته است که گوگل یکی از پروژه های موفق خودش رو که پشت تعدادی از سرویس هایش یعنی Gmail ، Docs و Maps قرار دارد  رو اوپن سورس کرده.

Closure Tools مجوعه ای از ابزار ها است که برای توسعه دهندگان وب در نظر گرفته شده است. این مجوعه شامل موارد زیر است.

Closure Compiler

بهینه ساز یا فشرده ساز کد های جاوا اسکریپت هست. این ابزار با شناسایی کدهای بی استفاده و حذف آنها قوی تر از سایر فشرده ساز ها ظاهر شده. بی جهت نیست که اسم کامپایلر رو انتخاب کردن. این ابزار همچنین کد رو تا حد زیادی فشرده می کنه. این کار با استفاده از تغییر نام متغیرهای داخلی و پارامترها انجام میشه. همچنین امکاناتی مانند بررسی وجود باگ های احتمالی و تشخیص خطاها ،  در کد نویسی صحیح جاوا اسکریپت بسیار کمک خواهد کرد.

برای امتحان این ابزار به صورت آنلاین به اینجا مراجعه کنید:

http://closure-compiler.appspot.com/home

توجه کنید که هیچ یک از لینکها برای ایران باز نخواهد شد و از روشهای معمول برای رفع این مشکل استفاده کنید.

Closure Inspector

یک افزونه فایرفاکس هست که به افزونه Firebug اضافه می شه. کار اصلی این افزونه ایجاد امکان دیباگ کردن کدهای جاوا اسکریپتی که obfuscated شده هستند است. همچنین این ابزار اماکاتی مانند source mapping و stack trace پیشرفته تر و امکان unit test رو به فایرفاکس شما اضافه خواهد کرد.

برای رفع اشکال کد های اکثر سایتها این ابزار یک کارگشای حرفه ای برای شما خواهد بود.

Closure Library

کتابخانه ای استاندارد شده توسط گوگل برای جاوا اسکریپت هست. این کتابختانه امکانات زیادی مانند طراحی رابط کاربر ، unit testing ، کار با rich-text و تبادل داده ها با سرور و غیره رو فراهم می کنه.

برای کار با کتابخانه حتما مستندات اون رو مطالعه کنید.

Closure Templates

ابزار یا فریم ورکی هست که امکان تولید کد های html دینامیک رو فراهم می کنه. این ابزار هم برای Java و هم برای Javascript پیاده سازی شده است. در صورتی که به صورد دینامیک با جاوا اسکریپت ظاهر صحات رو تغییر می دید این قالب ها کار شما رو سریع تر خواهند کرد.

Complemento para FireFox que sera de mucha utilidad quienes desarrollan con Jquery

VER

I’ve started writing the content for the Product Listing pages (e.g. Single Door Cupboards), writing unique and interesting content is so difficult, I definately find this the hardest part of creating a web site.  Managed 1 page!!! tonight hopefully I will do better tommorrow.

However I have been sidetracked (any excuse to stop writing content), I did some more styling on the Product Detail page, I wasn’t happy with my layout (which I’d inherited from a previous site), it just didn’t suit Oak Cupboards.  I’ve changed the layout and I’m much happier with it now.

I also came across Microsoft Expression SuperPreview at work today, which is a free tool for testing web sites in IE 6, IE 7 & IE8, so I guessed it would be very useful for compatibility testing my new oak cupboard site, so I installed it and had a bit of a play, found out that my new site looks ok in all 3 browsers however some of my other sites have a few minor problems that I will need to fix.  I already know my sites are ok in Firefox, as thats my browser of choice (mainly because I just love the YSlow and Firebug plugins especially for editing the CSS on the fly).

Beginners Guide to Firebug

Firebug is an invaluable tool to any web developer. It is an extension for Firefox which allows the developer to understand the workings of a site, be it their own site. Let me give you an example of how Firebug works:- say you have a piece of JavaScript that should work (in theory), however, it does not work. Firebug will allow you to debug that code with break points and understand exactly how the code is behaving. This is just one example of many different uses of how Firebug can save your butt and other examples include CSS, HTML, AJAX debugging and even live CSS editing (from a pre-cached version of the page).

Ok, now that we have established exactly why Firebug is useful it is time to look into its usage. We will handle the very basics of how to install it first. Firefox is a very fast, secure and light weight open source browser that many web developers would agree is decades ahead of Internet Explorer (and Safari on security). It is about the same type of level, maybe a little higher, than that of Opera.

I would strongly recommend you install Firefox as a permanent browser if you haven’t already. After you have installed Firefox (or already have it installed) you need the Firebug extension from here. Once this has finished downloading and installing the browser will be restarted. Once the browser has been restarted you are ready to learn Firebug.

Note: To enlarge any small images in this tutorial just click on them and the image will open up.

To access Firebug

There are three ways to access Firebug:

• Either by clicking the bug icon () in the bottom bar
• Or by using Tools->Firebug (can access all features of Firebug from here including some settings)
• Or, lastly, by right clicking on any part of the page and choosing “Inspect Element”:

The Firebug

The main window of Firebug (click on the image to see a larger view):

Firebug Main Window

Along the top of the Firebug window you will notice a menu type control. These are tabs which lead onto each section of Firebugs control:

For this tutorial we will be focusing on the HTML, Script and Net tabs. These tabs are easily for most important for a beginner web developer to understand. The other three tabs Console, CSS and DOM are all self explanatory and provide no specialized tools. I should mention that some of these tabs are in fact disabled by default. To enable any tab which is disabled just click the little down arrow in the tab and select “Enabled”.

HTML Tab

The window you see currently showing in Firebug is the HTML/CSS inspector. This is a very useful tool. In the left pane you will find all the source code for that page (dynamic source as well, not just static source). What do I mean by dynamic and static source code? Static source code is code that was in the page to begin with and never changes whilst dynamic source code is code which may or may not have been in the page from the beginning that changes due to a state change; either through JavaScript or general CSS properties. You can use the left pane to select each element and see it’s different CSS properties within the right pane. Each time you hover over an element Firebug will show that element (along with visible CSS properties, such as margin and padding) on screen.

You can edit the CSS for each element on the page within this HTML window by moving over to the right pane (the pane showing the CSS) and clicking a property or value. As an example I have a property:- “width:750px;” if I click the “750px” value of the width property I can edit the value however if I click the property itself I can edit its existence. The best part about this feature is that it changes the CSS in real time. This makes it great for changing CSS to fit Firefox and IE perfectly. Below you will see a brief example of dynamic CSS modification (click on the images to see a larger view):

Before CSS changes

After CSS Changes

So in this section you now understand that Firebug can allow you to dynamically debug HTML and CSS whether it be dynamic or static code. You should also understand the basics of how to accomplish the debugging now.

Net tab

The Net tab is a very handy tool which allows the developer to understand what requests are being made, when, how and speed of each process of the request (i.e. queuing, request and response):

Net Tab Showing AJAX Request to Update this Posts Content

As you can see within the screen shot the Net tab will show all requests, however, using the sub tabs (just below the main tabs) you can sort the requests into individual types such as HTML, CSS and JavaScript. When you hover over one of the requests RTT diagrams it will show a key allowing you to understand exactly what each color means. This tab will also show header information and will tell you exactly what address is being used when the request is being made which is extremely helpful when using mod_rewrite or other URI rewriting extensions.

The Net tab can also be used to calculate network values such as bottleneck bandwidth, congestion windows and overall RTT making this tool extremely invaluable for checking URLs and diagnosing networking problems within your server.

I will finish this section with a brief example of how I would use it:- imagine I had just made a new mod_rewrite rule that pointed to /knowledge/articles/article, however, when article is displayed the CSS and JavaScript does not show. I can use Net tab to understand that what is happened is my rewrite rules have not been modified to accommodate the extra /knowledge/ at the beginning of the knowledge base URLs.

Script tab

Now we come onto what has to be one of best parts of Firebug (for me), the Script tab. Using the Script tab you can debug ALMOST any JavaScript. Yes, that is almost; there is one warning that comes with the debugging tool. You cannot debug AJAX functions in their form, or at least AJAX functions within a library (such as JQuery AJAX functions). I do believe I know why, due to header information being sent the server is not designed to pause like JavaScript can and so without further information the server discards the header information and the AJAX request is not completed.

You can select scripts by clicking on the sub tab bar below the main tabs. This will allow you to sort the scripts into different types and eventually select just one script. In order to debug the script you must add breakpoints to it so when you have chosen the script you want to debug just in the margin of any line within the pane showing the script. Once you have done this run the script (by either refresh or clicking on a link, really depends how the script is launched) and you will see that the script has now stopped on the first processable breakpoint. In the top right hand corner of the script pane you will see a play, pause and stop button. If you use the play button it will play through the breakpoints whilst pause pauses the script and stop ends all processing (much like adding a return;).

When debugging you will notice that the right hand pane will show debug information. This debug information will allow you to see exactly what the DOM is doing at that point allowing you to not just debug variables but also states from specific HTML/CSS elements to page wide processing.

Note: There are no screen shots as of yet since I needed to reformat my server recently and have no yet uploaded my site to it

Conclusion

Firebug is an extremely useful tool which will allow you to do almost anything needed to check a websites running status. We only explored the basic areas in this tutorial and there is still much more for you to explore within this Firefox extension, however, now that you have a basic grasp of Firebug you should be able to play around with it and understand what everything is doing. There are add-ons for Firebug itself like a CSS overlay that allows you so overlay an image on your current page and align the CSS to match correctly but as always it is now up to you to play and tinker with it as you need, you are the professional now. Enjoy

A minor revision / update is available either via the updater or at http://getfirebug.com/releases/firebug/1.4/

Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari?

The solution is Firebug Lite, a JavaScript file you can insert into your pages to simulate some Firebug features in browsers that are not named “Firefox”.

Firebug Lite creates the variable “firebug” and doesn’t affect or interfere with HTML elements that aren’t created by itself.

 

The following screen shots show you what you get…

Firebug Lite on IE

IE6 CSS

IE6 Console

Firebug Lite on Safari

Safari Console

Safari DOM

Safari Script

Firebug Lite on Opera

Opera Console

Opera HTML

It can be downloaded from http://getfirebug.com/lite.html

Firebug 1.5 is Firebug 1.4 with bug fixes. 1.5 release notes Only the tracing-enabled version is currently available. To use tracing use Open Firebug Tracing from the Firebug menu on the upper left corner.

Firebug 1.4

Firebug 1.4 supports both Firefox 3.0 and Firefox 3.5. New features include:

• Curtis Bartley’s Tabs-on-top UI
• Han Hillen’s Accessibility and Key Rebinding,
• Kevin Decker’s multi panel search
• Jan ‘Honza’ Odvarko’s continually amazing Net panel.
• Break on next, and performance improvements for the Script panel
• Over 150 bug reports fixed

For details see the 1.4 release notes. Firebug 1.4 beta is available either the end-user versions or the versions with tracing enabled. To use tracing use Open Firebug Tracing from the Firebug menu on the upper left corner.

Addons.mozilla.org has Firebug 1.4b for Firefox 3.5.

It can be downloaded from http://getfirebug.com/releases/firebug/1.4/

Busy weekend. Let’s unload some of these browser tabs.

• Improving Code using Metric_fu – A concrete example of how metrics can drive better code.
• Eventbug (alpha) Released – New firebug extension to help in debugging event-related issues.
• Firefox 3.6 Beta 1 – Probably about time for developers to think about upgrading. I’ve been running 3.7 alphas with no serious trouble myself.
• New in the Twitter gem: Lists! – Just in case you want to code against Twitter’s new shiny.
• Limelight – Ruby/JRuby backed desktop cross-platform UI framework. Looks interesting.
• Ruby / Method aliasing and chaining – Good discussion of method chains and the dreaded alias_method_chain.
• FireQuery – Firebug extension for jQuery development.
• Really easy continuous integration with Signal – A Rails-backed CI server.
• trap_door – Rails plugin to send spambots off to a trap.

1. Tokyo Ska Paradise Orchestra – Revolver 11 (Japan)
2. Skalariak – Luna De Barcelona (Spain)
3. Ska Cubana – Chango (UK)
4. Maldita Vecindad – El Cocodrilo
5. Los Fabulosos Cadillacs – El Matador (Argentina)
6. King Changó – Latin Ska (USA/Venezuela)
7. Panteon Rococo – Reality Shock (Mexico)
8. La Vuela Puerca – Paren Hoy (Uruguay)
9. Seeed – Goosebumps (Germany)
10. Manu Chao – Me gustas tu (France)
11. King Django – Reason (USA)
12. Yeska – Fideo (Para Aqui)
13. Los De Abajo - War For Peace
14. Kana – Culture
15. Jim Murple Memorial – Jim Murple Memorial (France)
16. Roy Paci & Aruski - Non+ (Italy)
17. Kingtide – Kingtide (Australia)
18. Pannonia Allstars Ska Paradise – Paso (Hungary)
19. Babylove & the Van Dangos - Big Big Baboon (Denmark)
20. Persiana Jones – La Tua Vita Cambia  (Italy)
21. Satelite Kingston - Perdimos  (Argentina)
22. Kingston Kitchen – St. James Infirmary Blues (Germany)
23. The Kinky Coocoos – Digues que faràs (Spain)
24. Gerhana Ska Cinta – Legendary Sir Clement (Malaysia)
25. The Upsessions – Hooligan ‘69 (Holland)
26. Rudimentals – Love Riddim (Africa)
27. Russkaja – More (Russia)
28. Seeed – The Tide Is High (Germany)
29. Firebug – Barrel of Truth (Brazil)
30. Los Fabulosos Cadillacs – Guns of Brixton (Argentiana)
31. Tokyo Ska Paradise Orchestra – Paradise Blue (Japan)
32. Skalariak – Radio Ghetto (Spain)
33. Manu Chao – Bongo Bong (France/Spain)
34. Desorden Público – Skándalo (Venezuela)
35. Alborosie – Patricia (Italy)
36. Ska Cubano – Big Bamboo (Gran Bambu)
37. Inspector – El Dejado

Hello friends,

Today I come up with some useful list which help you in web development and good news is that its all free.
1) “FIREBUG” :-
Basically “FIREBUG” is add in for FireFox. It’s a great utility helps a lot to design web pages. As a developer I am mostly intrested in programming not designing.But this utility help me in solving designing issues. With the help of it you can manage designing ,CSS issues.
You can download this from https://addons.mozilla.org/en-US/firefox/addon/1843
2) Web Development Helper:-
This one is another useful utitly for web developer to improve performance. Its basically help you to determine which page taking how much time to response.It also help other area also like script finding. It has dom Inspector also. You can take help of this tool in various way.
You can download this from http://projects.nikhilk.net/WebDevHelper
3) Deep Zoom composer:- If you are working on Silverlight also then you can use Deep Zoom composer.it has very nice feature for images.
You can dowload this from http://www.microsoft.com/downloads/details.aspx?familyid=457b17b7-52bf-4bda-87a3-fa8a4673f8bf&displaylang=en

So just dowload & use this tools and improve your code.

Happy programming!

Thanks …
Your host
Rajat

This is the first in a series of articles which will hopefully inspire and help you style the IntenseDebate comment system so it fits better with your blog. We’ve reached a point in IntenseDebate’s history where the basic HTML and CSS classes the comment system is built on is solid, so now you should be able to style it more than ever, without fear of your new styles breaking in future updates.

Styling IntenseDebate: Simplify comment design

If you have a really clean and simple blog, you might find IntenseDebate’s pretty glossy comment headers and rounded corners a bit too much. With just a few simple CSS rules, you can alter the comment header to your own liking. In this tutorial we’ll be modifying the .idc-c-h element, which is “ID language” for “.IntenseDebateComments-Comment-Header”.

How to use this guide
All styles can be added either to your “Custom CSS” box in your IntenseDebate admin panel (recommended, go to Settings>Custom CSS) or directly to your blogs/sites stylesheet.

1. First, we’ll remove the normal background from the comment headers, apply a top border and make sure the padding and margins look good.
   #idc-container-parent #idc-container .idc-c-h {
background: none;
border-top: 1px solid #ddd;
padding: 3px 0 0;
}

   Background: none; means we’ve removed the normal background image. If you instead want a light gray background, you could try background: #f6f6f6;!

2. Next, we’ll remove the spacing around the comment elements that make it not align with our new pretty top border. If you add in these CSS elements, you should know how all of the comment contents perfectly aligned with the top border:
   #idc-container-parent #idc-container .idc-c-h-inner {
margin: 0;
}

   #idc-container-parent #idc-container .idc-c-t,
   #idc-container-parent #idc-container .idc-c-b {
   margin-left: 0;
   margin-right: 0;
   }

   #idc-container-parent #idc-container .idc-c-b .idc-btn_s {
   margin-left: 0 !important;
   }

3. Lastly, if you still want a special look for the comments posted by an admin, we can apply a special styling to admin comments by using the class .idc-c.idc-admin this class is used for all admin comments posted on your blog.
   
#idc-container-parent #idc-container .idc-c.idc-admin .idc-c-h {
border-top-color: #c00;
}


   This style will exchange the light gray border we just added for a very fashionable dark red shade.

Tips on styling IntenseDebate:

• When you want to start styling IntenseDebate, and need to know what the elements in the comment system are called, we highly recommend FireBug, a developer extension for Firefox. Using the Inspect feature, you can just click the element you want to style, and it will bring up all the CSS associated by it, including what the element’s CSS class is. Pretty handy!
• Look up the element you want to style, for instance .idc-c-h and then apply #idc-container-parent to the rule when you write the CSS. In this example, you would write #idc-container-parent #idc-container .idc-c-h to style .idc-c-h, the comment header.
• Put your new CSS rules in the Custom CSS box in your IntenseDebate admin panel, located at Settings>Custom CSS.

Make sure you check out our CSS Documentation for a complete list of elements you can style in IntenseDebate with tips on how to modify them, and feel free to let us know if you have any questions.  Until next time!

Nu am sa vorbesc aici despre programe in care se poate “scrie cod” mai usor, cum ar fi Dreamweaver, Visual Studio, PHP Designer si altele, ci am sa vorbesc despre unele unelte care nu sunt foarte cunoscute(mai ales incepatorilor) dar care pot ajuta la conceperea si intretinerea unui site web.

Si am sa incep povestea prin a aduce un omagiu Firefox-ului. Poate ati mai auzit despre el, daca nu, va spun eu ca este cel mai bun browser actual. De ce? In primul rand, eu nu l-am pus “in varful piramidei” datorita vitezei lui, ci datorita posibilitatii de a adauga anumite accesorii la el, numite “addonuri” care sunt foarte, foarte folositoare. In al doilea rand, viteza este foarte buna, doar Opera reuseste sa il lase in urma.
Dintre aceste addonuri recomand celor pasionati de web design:

• Web Developer (acesta ofera o gama larga de optiuni si unelte: dezactivarea Java, dezactivarea Javascript-ului, Informatii despre pagina web: vizualizarea sursei si validarea ei, vizualizarea tuturor scripturilor prezente pe pagina respectiva, etc)
  

  Web Developer

• Firebug (acesta ofera posibilitatea de a edita sursa paginii web in timp real, acesta fiind un avantaj enorm, de asemenea ofera posibilitatea de a insera si rula Javascript, si nu in ultimul rand de a edita CSS-ul, tot in timp real)
  

  Firebug

• YSlow (acesta ofera informatii despre viteza de incarcare a paginii web vizitate, si anumite sfaturi pentru a o imbunatati)
  

  YSlow

Internet Explorer-ul are si el un add-on (preinstalat in versiunile mai noi) care ofera in linii mari, ceea ce ofera si Firebug-ul (e chiar o copie fidela a lui, doar ca ruleaza pe Internet Explorer, deci e plin de buguri si e foarte incet).