25 Secrets of the Browser Developer Tools – AndiSmith.com Over the last few years there has been one tool that has helped out every web developer more than any other – the browser developer tools. Working in harmony with the web browser, the developer tools allows us to manipulate DOM elements, CSS styles, JavaScript and other useful information from the same window often in real time. Historically developers have used Firefox's Firebug add-on to develop and debug their websites, but more recently each browser has developed its own set of tools and each comes with its own advantages and disadvantages. Nowadays it seems hard to imagine ever building a website without one of these handy tools, which are normally accessible by either pressing "F12″ in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”. But are you using the developer tools to their full potential? The "Console" Tab Referencing the current element Using console.log to output multiple values and objects at the same time
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font era, WhatFont also detects services used for serving the font. Font name? Want to know more? Want the font? Want to share your discovery? ← Drag this to your bookmark bar to install On any webpage, click your WhatFont bookmark to use the tool. Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9. Limited support: Internet Explorer 8. ↑Install the extension from Chrome Web Store. On any webpage, click WhatFont button to use the tool. Download Now After downloading, open the extension file to install. The quick brown fox jumps over the lazy dog. Email chengyin.liu@gmail.com Twitter @chengyinliu The tool should auto-update itself. Ver 1.6.1 Added color detection for text. Hosted on Github
Agile software development Agile software development is a set of principles for software development in which requirements and solutions evolve through collaboration between self-organizing,[1] cross-functional teams. It promotes adaptive planning, evolutionary development, early delivery, and continuous improvement, and it encourages rapid and flexible response to change.[2] Agile itself has never defined any specific methods to achieve this, but many have grown up as a result and have been recognized as being 'Agile'. The Manifesto for Agile Software Development,[3] also known as the Agile Manifesto, was first proclaimed in 2001, after "agile methodology" was originally introduced in the late 1980s and early 1990s. The manifesto came out of the DSDM Consortium in 1994, although its roots go back to the mid 1980s at DuPont and texts by James Martin[4] and James Kerr et al.[5] History[edit] Incremental software development methods trace back to 1957.[6] In 1974, E. The Agile Manifesto[edit] Agile principles[edit]
Paul Irish Installing Mercurial on a Shared Web Server without Root Access (HostEurope) SVN did a great job for me for at least four years now. Lately, I stumbled upon Mercurial and decided to have a closer look. It turned out that Mercurial (also called “hg”) comes with some great advantages, namely: Not a “Version Control System” (VCS), but a “Distributed Version Control System” (DVCS) enabling you to check in changes locally (offline, without an internet connection). This post is a small guide on how to accomplish the mission of installing Mercurial (the pure Python version) on a shared web host. Requirements Source version of MercurialA shared web server at an arbitrary web host enabling execution of CGI scripts written in Python (HostEurope provides Python 2.4 which appears to be sufficient).mod_python or mod_wsgi (better).SSH access to that host. Installation (Step by Step) Unpack the Mercurial source tarball on your local system.Create a temporary directory on your web server and transfer the extracted Mercurial source tree to that directory. Setting up hgwebdir.cgi
40 Fresh Unique Business Card Design Ideas Having business cards that really stand out is a great way to make yourself and your business stand out as well. It’s often a great idea to theme your business cards after your business, such as making a dumbbell shaped business card if you’re a personal trainer, or making a clear transparent business card if you’re in the custom window building business. Using clever ideas like the ones below will help your business stand above the crowd and will help potential clients remember you when it comes time to choose who they will hire for a project. Visit PsPrint and learn how you can create effective and excellent-looking business card . About The Admin The owner of PresidiaCreative.
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial >> Web Developer Geeks Today I want to show you how to create an incredible slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can save your some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden. The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: Demo The list is getting an ID because we want to refer to it later in the JavaScript. First, we define the CSS properties for the list: The navigation should always be approachable for the user, even if he scrolls down the page. For the links in the list elements, we define the following CSS properties: The margin-left is set to a negative value because we want to hide most of the icon and only reveal it when we hover over the list items.
Work of Brian Hoff Design, Inc. TwoPlease is the product of a second passion of husband and wife team's, Brian and Kathleen Hoff: a blog dedicated to food and cooking.Art Direction, Typography, Web Design2014 AllClasses is "the world's largest search engine for local and online classes"Art Direction, Product Design, UI/UX2014 Lead the Art Direction for AAA's Philanthropy sectorAdvertising, Art Direction, Web Design2014 View the Space streamlines the leasing process in order to help brokers, owners and tenants get deals done faster. We helped redesign their vision with a responsive website and backend user dashboard.Interaction Design, UI/UX, Web Design2013 We assisted in the art direction for the rebranding of PSD2HTML.com. Our strategy included bringing a personal touch to their existing website versions, but focusing on their growth, customers and the employees their thousands of customers interact with.
Most useful tools for JavaScript developers >> Web Developer Geeks Diva.js (Document Image Viewer with AJAX) is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. Only the pages that are being viewed at any given time are actually present in the document, with the rest appended as necessary, ensuring efficient memory usage and high loading speeds. Written as a jQuery plugin, diva.js requires the jQuery Javascript library, along with several jQuery plugins and the jQuery UI, all of which are included. Need a piece of code quickly? As per name you can guess, this tool is a bookmarklet generator: Simply paste your regular JavaScript code, press the button and you’ll get a bookmarklet – ready to be installed on your browser bar. Remember my article about adaptable layouts with CSS3 media queries? The jQuery documentation is great, very complete, nicely written and with a lot of examples and demos. FitText makes font-sizes flexible.
pensketch - HOME Willkommen 2012: die kostenlose Erler Dingbats Hausputz unter den Betriebssystem-Fonts … Nachdem in der vergangenen Woche die millionenfach verbreiteten Verdana und Georgia eine Aktualisierung erfahren haben, gibt es heute gute Nachrichten auf dem Gebiet der Symbol-Fonts: FSI FontShop International leistet einen Beitrag zur Aktualisierung der Bildersprache und stellt ab heute den TrueType-Font Erler Dingbats kostenlos allen Computerschreibern zur Verfügung. Erler Dingbats ist eine zeitgemäße Symbol-Sammlung, auf die Texter und Social-Media-Tipper seit Jahren gewartet haben, mit moderner Ästhetik und einer gemeinsamen Formensprache. Auch technisch ist der Font auf dem neusten Stand, denn er folgt dem Unicode-Standard-Block Dingbats (Positionen U+2700 bis U+27BF), der »symbolhafte und dekorative Glyphen in Anlehnung an die Gestaltungen von Hermann Zapfs Schrift ITC Zapf Dingbats« definiert (Quelle: Wikipedia).