background preloader

Web Development Bookmarklets

Web Development Bookmarklets
Web Development Bookmarklets These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.) Browsers: is Internet Explorer for Windows, is Netscape 7 or Mozilla, is Netscape 4, and is Opera. Details Opens a JavaScript Shell and allows it to access the current page. Opens a JavaScript Development Environment and allows it to access the current page. Type in CSS rules to experiment or to create a temporary user style sheet. Creates a new window into which you can type CSS rules for the original page. Experiment with changes to the page's style sheet. Similar to "test styles". This bookmarklet supports inline and linked style sheets, imports, and style sheets with data: URLs (such as those created by "test styles"). Also shows classes (e.g. Related:  Program Helps

ReloadIt Import Bookmarklets Import Bookmarklets You can add a bunch of bookmarklets at once by importing one of these files. All the files are in "Netscape 4 bookmarks file format", which most browsers can import. Some minor categories of bookmarklets, such as "site-specific bookmarklets", are not included in these files. Mozilla Firefox Save bookmarklets-moz.htmlBookmarks, Manage Bookmarks. Then, drag the bookmarklets you use most often directly to your personal toolbar. Internet Explorer Save bookmarklets-ie.html. Opera 7 I don't recommend importing bookmarklets in Opera. Netscape 4 Save bookmarklets-ns4.html. You should be aware of a Netscape 4 bug: bookmarklets don't work from subfolders of the personal toolbar. Other browsers As of July 2012, Google Notebook has shut down and all Notebook data should now be in Google Docs. As previously announced, in most cases we were able to automatically export the Notebook data, so please visit Google Docs. Also please update any bookmarks or links to Notebook so that they point to Docs instead. Here are answers to some questions about this transition. Where is my auto-exported notebooks data? For auto-exported documents, you should see a new document in Google Docs for each notebook you had in Google Notebook. If you are having trouble finding the new docs, search for “Imported from Google Notebook” in the doc list. What happened to public notebooks? All public notebooks were unshared. What happened to bookmarks stored in bookmarks.google.com? Bookmarks data is not affected; you will still be able to access your bookmarks at bookmarks.google.com. I’ve never used Google Docs. The Google Docs team has put together a getting started page here. Why did you make this transition?

teleject/Responsive-Web-Design-Artboards - GitHub InstallingSoftware Main page: Ubuntu Documentation: Installing applications. Note: The Main page is available in multiple languages. Installing software in Ubuntu is easy, and this guide will show you how to do it. By default, many useful programs are already installed when you put Ubuntu onto your computer. However, you may need a particular piece of software that serves a purpose not served by the default applications. If you'd like to get some background information on what's happening when you install software (which can sometimes be technical), read Packages and Package Management. See also: FreeSoftwareAlternatives This section covers the basic concepts of packages and package management. What is a package? Software is a very broad term, and is generally taken to mean a program which you can run on your computer. Ubuntu uses packages to store everything that a particular program needs to run. Source or Binary? Package Dependencies Programs often use some of the same files as each other. Package Managers

Tutorial de Selenium IDE, Automatizando las pruebas | JOURMOLY Si hay algo que me aburre es hacer Testing de sistemas, sobre todo si se trata de probar el funcionamiento de varios formularios varias veces seguidas. Las pruebas son muy repetitivas, aburridas, pero imprescindibles y es por eso que, salvo que tengas un equipo de gente dedicada al testing a tu disposición, Selenium IDE te interesará si o si. Selenium es, en pocas palabras, un juego de herramientas que permite probar sistemas web de manera automatizada . Las pruebas que realiza son como las que haría cualquier usuario desde un navegador, con la ventaja de que las hace mucho mas rápido y nos evita el trabajo repetitivo de probar una y otra vez lo mismo “a mano” . ¿Cómo funciona Selenium IDE? No hace magia y no adivina lo que queremos probar, por lo tanto debemos enseñarle de alguna manera que es lo que queremos para que después pueda reproducirlo automáticamente las veces que necesitemos. ¿Cómo le enseñamos? Descargando e instalando el IDE El IDE es un plugin para Firefox.

CSSrefresh - automatically refresh CSS files Clearly Distraction-free reading Create the perfect online reading experience by clearing away everything but the content. Make it your own Choose from several pre-set themes or build one to suit your needs. Save it for later If you don’t have time to finish reading, tap on the Evernote icon to finish reading later. twolfson/File-Watcher - GitHub ViewMarks | Codepad You successfully installed version 1.0.3 of the ViewMarks Add-on. On this page you will find a short documentation about the operation and the configuration of the Add-on. ViewMarks offers an alternative way to organize and use your bookmarks. When you create a bookmark, a preview image is automatically captured and saved. The new version 2 contains the following enhancements over the previous version: Creating and Editing a ViewMark You can create a boomark with preview of the web page by clicking on the dropdown arrow of the ViewMark icon in the Navigation Toolbar (or right clicking on the icon in the Status Bar) and choosing "Add ViewMark". The elements of the dialog are from top to bottom, left to right: Using and managing ViewMarks You can open the web page view of your bookmark folders by clicking on the ViewMark icon in the Navigation Toolbar or the Status Bar. You can also rearrange the web page view of a folder by dragging and dropping individual items around. Using QR codes

chjj/tty.js - GitHub Note taking and organization What is KeepNote KeepNote is a note taking application that works on Windows, Linux, and MacOS X. With KeepNote, you can store your class notes, TODO lists, research notes, journal entries, paper outlines, etc in a simple notebook hierarchy with rich-text formatting, images, and more. Using full-text search, you can retrieve any note for later reference. KeepNote is designed to be cross-platform (implemented in Python and PyGTK) and stores your notes in simple and easy to manipulate file formats (HTML and XML). Read more about KeepNote's design philosophy or follow my development ideas on twitter (@mattrasmus). Features Rich-text formatting (e.g. Updates 2012.03.26 - Released KeepNote 0.7.8 I just released KeepNote 0.7.8. 2012.01.01 - Released KeepNote 0.7.7 Happy new year! 2011.11.20 - Released KeepNote 0.7.6 KeepNote 0.7.6 is now released. Download See change log for update details. Download extensions There are a growing number of extensions available for KeepNote. Requirements Notes

Related: