إستخدم id مع العناصر التى لا تتكر فى الصفحه مثل ال body او العناصر التى يتم إستخدامها بغرض معين مره واحده فقط فى الصفحه مثل div الذى يكون بمثابه navigator او ال footer او ال header

إستخدم class مع العناصر التى تتكرر فى الصفحه حتى يتم التحكم بها من خلال css او JS كوحده واحده

إستخدم class و id مع العنصر الذى لايتكرر و إنما يختلف التعامل مع من صفحه لأخرى مثل ال div الذى يحتوى خيارت المستخدم فى صفحه و خيارات المدير admin فى الصفحه الاخرى

What is it?

Stumbleupon is a browser extension that can be used with both Internet Explorer and Mozilla Firefox. Downloading the extension is quick and painless - you don't really have to do anything other than restart your browser when it's finished.

Stumbleupon's purpose is to facilitate "Community-based surfing". The theory is that you can have a better, more fulfilling web-surfing experience by browsing or surfing websites that are recommended by users with similar interests. From the about page: "StumbleUpon filters through the vast amount of information on the web to direct Stumblers to high quality web sites which are relevant to their personal interests."

How does it work?

When you create your account, you specify interests for your profile - among your choices are "Library Resources," "K-12 Education," "Literature," "Books," and "Internet Tools", as well as a host of other options. Add your ubiquitous email and username, and your birthdate (my guess is that they want to make sure you don't receive any age-inappropriate recommendations) and you're ready to go!

You'll notice that there is now an additional toolbar in your browser window. Clicking "Stumble" will bring up a website recommended by other stumblers with similar interests. You can rate websites by clicking "I like it!" (thumb up) or "No more like this" (thumb down). As you continue to use Stumbleupon, it will gradually refine the selections you're shown based on the ratings you give.

Additionally, as you do your own websurfing, you can rate sites the same way, share them with friends, add them to favorites, etc.  You can also help create your own community by importing your contacts lists from your web-based email services, and having "friends."

StumbleUpon also allows you to create a blog and more of a personal profile, encouraging more of a social network based on web-browsing.

Here's my new StumbleUpon profile, if you'd like to be friends!

Possible Library Uses

One thing that immediately comes to mind is using StumbleUpon to share information with your users.  The blog you can create comes with an RSS feed.  It would be easy to link to reading lists, book reviews, relevant articles, or subject pages (homework, academic subject pages, etc).

Additionally, it could be used to help library staff just keep up with things of interest.  One of the great things about browsing today is letting the information come to you without you having to go look for it.

Any others?

Reviews

• Good Gear Guide
• Firefox reviews
• LifeHacker
• Lifehack to use StumbleUpon in any browser
• Wired

فى الحلقه الخامسه من حلقات keepondev التعليميه المجانيه أقدم لكم شرح خدمه StumbleUpon و التى تعتمد على التصفح الجماعى للمستخدمين المهتمين بنفس التخصص بناء على ترشيحهم لمواقع و مقالات و صفح هامه فى هذا المجال ... و فى نفس الوقت حفظ المواقع و الروابط الهامه فى صفحه favourites شبيه بخدمه del.icio.us ... و بمنتهى البساطه طريقه الإستفاده من خدمه stumbleupon تتلخص فى النقاط الاتيه :

1- التسجيل فى الموقع و تحديد الاهتمامات

2- الموقع يرشحلك مواقع لزيارتها داخل المتصفح بالضغط على زر stumble

3- حفظ المواقع المفضله فى صفحه ال favourites الخاصه بك و ترشيح مواقع للأعضاء الاخرين الذين يشاركوك نفس الاهتمامات

ملحوظه :  العضويه التى أستخدمها فى شرح الخدمه ليست عضويتى الحقيقيه و إنما للتوضيح فقط

فى الحلقه الاولى من حلقات keepondev التعليميه سأشرح لكم بإذن الله تعالى كيفيه إستخدام IE Developer toolbar فى اختبار الموقع فى بيئه المتصفح و الذى يمكنك من تغيير خصائص عناصر الصفحه و رؤيه DOM tree و اختيار العناصر و البحث عنها و رؤيه تقارير عن مساحه و مسارات الملفات و العديد من الخصائص الاخرى لتحميل IE developer toolbar اضغط هنا

ملحوظه : المحاضره مضغوطه بصيغه .zip فإن وجدت المحاضره بعد التحميل بصيغه اخرى فقم بتغييرها الى lecture.zip حتى تتمكن من سماع المحاضره

• Adblock Plus (with Adblock Filterset.G Updater) - This really helps to unclutter some pages. I whitelist pages that tend to only have a few ads on them, however.
• All-in-One Gestures - I use this a lot, anytime I want to go forward or backward when navigating a website, I hold down the right mouse button and move left or right. Makes it easy to navigate as I don't have to click "Back" or use the backspace key.
• CuteMenus - Crystal SVG - Firefox seems dull without icons next to the text menu items. This breathes life into menus.
• Download Statusbar - Replace the download window with something that looks much better. It integrates into the bottom of the window and shows the progress of each file.
• Forecastfox Enhanced - Very handy. I especially love the radar icon that I can hover over to see a detailed radar map to see if rain or snow is coming.
• Greasemonkey - By itself, this is not useful. But once you visit userscripts.org and search for sites you commonly use, this is one of the most useful extensions. It basically loads javascript files after the page loads to extend functionality to the website.
• ImageBot - Easily upload images to imageshack.us. You can upload images already on the web or from your computer. It also catalogs your images so you can find them again if you forgot the link. No account for imageshack is required either.
• Link Alert - Adds an icon to links so you can find out what type the target is quickly, without having to look at the status bar.
• Nuke Anything Enhanced - I don't use this often, but when I do it is very handy. This can remove objects (pictures, sections of text) from web pages. I usually remove large chunks from a web page that I don't need before printing it to save on ink.
• Pearl Crescent Page Saver Basic - Take a screen shot of an entire web page and save it in your choice of popular formats. Useful for saving online receipts or other things that you might want to save.
• ReloadEvery -Watching a website and getting tired of hitting refresh? Set a custom interval to refresh it and sit back in your chair!
• Scrapbook - Saves a web page as it is (usually doesn't work with java script though). I use it to save information from my college course web pages, just in case I lose my internet connection the day before an exam :)

I have other extensions installed, but they are not really used much or are very specific on something that wouldn't apply to 99.9% of internet users. If you have any common extensions that I may have forgotten (RSS feeds for example), feel free to post what you use in the comments section.