background preloader

32 Indispensable Bookmarklets for Web Developers and Designers

32 Indispensable Bookmarklets for Web Developers and Designers
All of these bookmarklets/favelets will be useful to all web designers and developers, they are the quickest method for testing, analyzing and tweaking any web page. A Bookmarklet or Favelet is a small application tool, stored as the URL of a bookmark in a web browser or as a hyperlink on a web page. To use these bookmarklets you can drag and drop the links to your Bookmark Toolbar or right click and save link as, this way you will always have quick access to these great tools Layout Grid and Overlay Bookmarklets Bookmarklet Javascript Code (Copy and Paste) : javascript:void(d=document);void(el=d.getElementsByTagName('body'));void('url( MRI from WESTCIV Bookmarklet Javascript Code : Spry Medias Design Bookmarklet Quick Accessibility Page Tester Reload CSS Slayer Office Mouseover DOM Inspector (Domi) Slayer Office Favelet Suite Wave – Web Accesibilty javascript:void(' CSS Bookmarklets Related:  Browsers

The Opera Browser and Internet Suite Javascript Cheat Sheet Basic Objects Math Methods DOM Events Event Object Constant Event Object Methods initEvent() preventDefault() stopPropagation() EventTarget Object addEventListener() dispatchEvent() removeEventListener() EventListener Object handleEvent() MouseEvent/KeyboardEvent Methods initMouseEvent() initKeyboardEvent() DOM Node Node Types Element1 Attr2 Text3 CDATASection4 EntityReference5 Entity6 ProcessingInstruction7 Comment8 Document9 DocumentType10 DocumentFragment11 Notation12 nodeName Returns Element element name Attr attribute name Text #text CDATASection #cdata-section EntityReference entity reference name Entity entity name ProcessingInstruction target Comment #comment Document #document DocumentType doctype name DocumentFragment #document fragment Notation notation name nodeValue Returns RegExp Modifiers i Perform case-insensitive matching g Perform a global match (find all matches rather than stopping after the first match) m Perform multiline matching Brackets Metacharacters . Quantifiers Core DOM length Ad

List of web browsers The following is a list of web browsers that are notable. Timeline representing the history of various web browsers. Historical[edit] This is a table of personal computer web browsers by year of release of major version, in chronological order, with the approximate number of worldwide Internet users in millions. Notable releases[edit] In order of release: Notable layout engines[edit] Graphical[edit] Current/maintained projects are in boldface. Trident shells[edit] Other software publishers have built browsers and other products around Microsoft's Trident engine. Gecko-based[edit] Mozilla Firefox (formerly Firebird and Phoenix) Yahoo! Gecko- and Trident-based[edit] K-Meleon with the IE Tab extensionMozilla Firefox with the IE Tab extensionNetscape Browser 8 (discontinued) Webkit- and Trident-based[edit] Gecko-, Trident- and WebKit-based[edit] KHTML-based[edit] Presto-based[edit] WebKit-based[edit] For Java platform[edit] Specialty browsers[edit] Current[edit] Discontinued[edit] Mosaic based[edit] Others[edit]

How to Send e-mail using Node.js | Code for geek In this tutorial i am going to discuss about sending e-mail with Node.js. I have already covered Express.js tutorials and in this tutorial also i am going to use Express.js and NodeMailer package. In many forums and blogs people used to ask about sending e-mail’s using Node.js for account verification, password recovery and promotion. So let’s begin with tutorial and at the end you will have Node application which is able to send e-mail’s to any one’s account. Links: Watch live Demo on YouTube here and Download it from Github here. What we are Building ? Create package.json file and keep it in any folder. Once done. Implementing Server.js: Let’s begin with creation of our Server file. var express=require('express'); var nodemailer = require("nodemailer"); var app=express(); app.listen(3000,function(){ console.log("Express Started on Port 3000"); }); This is basic block of our app. app.get('/',function(req,res){ res.sendfile('index.html'); }); Email is been sent at "+to+" .

Gollum, the Wikipedia Browser ZAC Browser ZAC Browser (Zone for Autistic Children) is a web browser designed specifically for children and teenagers with autism and autism spectrum disorders such as Asperger syndrome, pervasive developmental disorders (PDD) and PDD-NOS.[1] Because autistic children display characteristics such as impairments in social interaction, impairments in communication, restricted interests and repetitive behavior, the standard browser experience can often be overwhelming. The ZAC browser reduces the number of user interface controls and removes access to much of the Web in order to simplify the experience for autistic children. ZAC browser is available as a free download for Windows 98/ME/2000/XP/Vista. History[edit] John LeSieur had a grandson named Zack who was diagnosed with severe autism at the age of 3.[2] Because of the autism, the child was often very frustrated when using the computer. In 2008, KidCD 2.0 was released and added a feature that automatically switched icons on the screen.

Firefox and other Browser Keyboard Shortcuts (Comparison Table) Comparison table of all builtin Keyboard and Mouse shortcuts as used in Firefox, Google Chrome, Internet Explorer (IE8), Opera, and Safari as used in Windows. Learning keyboard shortcuts is essential to getting the most out of your browser, whether you are or are not a power user. While this is mainly oriented to help relate Firefox shortcuts to or from other browswer, it is also probably the most complete list of shortcuts for each browser (only oriented to browser shortcuts). Keyboard and Mouse Shortcuts The Mac Cmd key ( ⌘ ) is generally same as the Windows Ctrl key. There are 201 [JavaScript/off no row counts (about 202 rows)] rows in the above table, including (approx) 15 color coded heading rows, 13 sub-topic or empty spacer rows, and 13 (grayed) rows without a comparable Firefox keyboard shortcut. Mouse shortcuts: Highlighting a word or sentences (double-click, triple-click) varies quite a bit depending on extension and possibly options. Special Characters (#special)

Get the bookmarklet - View Source Chart bookmarklet Install the bookmarklet in Chrome, Opera, Safari, Firefox, or Internet Explorer The following video demonstrates the various installations of the bookmarklet using the Chrome browser. The PageEdit editor extension for Chrome is used in the "embed in page" portion of the demo. Note: iPad browsers are not currently displaying the video captions, so it may be more useful to view the video on a laptop or PC. 1. Use the following bookmarklet script to launch in a new tab (Chrome, Firefox, Opera and Safari) for Opera Mini on iPad, use the Internet Explorer code Note: To force Source Chart to open in a pop-up Window instead of a tab, the variable named "wprops" appearing immediately following the first word, "javascript:" should be edited to include any or all of the following javascript window properties: wprops = 'width=300, height=300, top=300, left=500, toolbar=1, menubar=0, location=0, status=0, scrollbars=1, resizable=1' Same as above, but source charts are EDITABLE

Back up and restore information in Firefox profiles Firefox stores your personal data, such as bookmarks, passwords and extensions, in a profile folder on your computer, in a location separate from the Firefox program. This article explains how to back up your profile, restore it, or move your profile to a new location or computer. Note:The Refresh Firefox feature creates an Old Firefox Data folder on your desktop, which contains a backup of your old profile folder and its contents. To restore or move selected information instead of the entire profile, see Recovering important data from an old profile. Click the menu button , click help , click and select . Under the Application Basics section, click on Show FolderOpen FolderShow in FinderOpen Directory. To back up your profile, first close Firefox if it is open and then copy the profile folder to another location. Locate your profile folder, as explained above. Restoring to a different location Completely close Firefox: Click the menu button and then click ExitQuit .

Botcrawl | Malware Removal Guides & Tech Blog The Cloudfront virus also referred to as the Cloud Front redirect or Cloudfront pop-up, is malware categorized as adware and browser hijacker that has been causing issues for many internet users for several years. The Cloudfront virus has been reported to infect a computer system without consent or knowledge and alter internet browser settings including start pages (home page) and default search engines, causing internet browsers to redirect to and other websites. Other symptoms of Cloudfront malware include unwanted Cloudfront pop-up advertisements (javascript) and in-text advertisements. It has also been reported that Cloudfront advertisements may contain malicious links to phishing websites such as, and promote unethical scareware (rogue software), spyware, and other third-party malware such as Flash Player Pro. Cloudfront malware is also very invasive and has been reported to collect sensitive information. Has hosted malware?