Subway Map Visualization jQuery Plugin I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Ace - The High Performance Code Editor for the Web Creating a new syntax highlighter for Ace is extremly simple. You'll need to define two pieces of code: a new mode, and a new set of highlighting rules. Where to Start We recommend using the the Ace Mode Creator when defining your highlighter.
Measure When you measure your site, web.dev uses Lighthouse, an open-source, automated tool for improving the quality of web pages. Lighthouse will audit your site in the following categories: Performance Audits for metrics like first paint and time to interactive to determine lag. 5 Free tools for testing your website’s speed online 5 Free tools for testing your website’s speed 5 (100%) 7 votes Today’s internet world “speed” always has been and always will be important in terms of web development and web design. website’s speed is a very important role in website’s success. Even google has its own set of tools that users like you and me, can use to improve the website speed. In short, if you want to run an online personal, commercial business, then you need to make sure your website loads under two seconds.
Press Space or double-click to edit Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud. Your mind maps are available everywhere, instantly, from any device. Styling SVG <use> Content with CSS An in-depth article on how to style the contents of the SVG <use> element and overcome some challenges it brings. One of the most common use cases for SVG graphics is icon systems, and one of the most commonly-used SVG spriting techniques is one that uses the SVG <use> element to “instantiate” the icons anywhere they are needed in a document. Instantiating icons or any other SVG element or image using the <use> element introduces some challenges when it comes to styling the instance of that element. The aim of this article is to give you an overview of some of the possible ways to work around the styling limitations introduced by <use>. But before we get started, let’s take a quick look into SVG’s main structuring and grouping elements that will gradually take us into the world of use, the shadow of its DOM, and then bring us back into the light with CSS. We’ll go over why styling <use> content can be challenging and ways to work around that.
15 Free HTML5 Audio Players For Your Website and Blogs HTML5 is sure to be a big hit this year as far as web design trends go, and rightfully so. It’s new, exciting, easy to understand and better than anything that has come before it. Up until recently, we have had to navigate a grey area in terms of compatibility and definition, and as a result, many of the early adoptions of HTML5 have been partial or complete disasters. The first thing to understand is where HTML5 ends and CSS3 begins.
Broken Link Checker Tool - Dead Link Checker Worried about broken links affecting your website's usability and rankings? Site Checker is a free tool, which crawls through your website identifying broken links for you to fix. Multi Check enables you to run Dead Link Checker through multiple websites in one go. What is Minification? – Writings of a Page Load Speed Geek What is Minification? Minification, which is also known as minimisation or minimization, removes unnecessary characters from source code in computer programming languages such as JavaScript. This removal does not alter the functionality of the code. ZoomIt Introduction ZoomIt is a screen zoom and annotation tool for technical presentations that include application demonstrations. ZoomIt runs unobtrusively in the tray and activates with customizable hotkeys to zoom in on an area of the screen, move around while zoomed, and draw on the zoomed image. I wrote ZoomIt to fit my specific needs and use it in all my presentations. ZoomIt works on all versions of Windows and you can use pen input for ZoomIt drawing on tablet PCs. Using ZoomIt
Show love to the Module Pattern Back in February 2006 I declared my love for the object literal explaining that it is a great way of making sure your scripts don’t interfere with others as all you expose to the world is a single object name. Instead of function init(){} function doStuff(){} var myMessage = 'oi, gerrof!'; which might be easily overwritten you can use
Design mobile apps with user testing in InVision Thoughts on users, experience, and design from the folks at InVision. We’re excited to introduce the first in a series of usability testing features in InVision—mobile user testing (beta). Now, you can have users test your prototypes directly from their iPhone while recording their interactions, seeing their faces, and hearing their voices. Plus, it’s absolutely free and unlimited—forever! URL Inspection Tool - Search Console Help This section describes any Search enhancements detected by Google on your URL the last time it was indexed. If the URL could not be indexed, or no enhancements were detected, this section will be empty. This tool does not yet show all possible enhancements. Here are the enhancements supported by this tool: Mobile Usability
Why I Love Pingdom Tools – Writings of a Page Load Speed Geek Pingdom tools is an incredibly handy web site that provides what would normally be an entire suite of website speed testing tools in a simple, elegant, easy-to-use package. Loading speed is an inescapable fact of life for web designers. When a user goes to a web page, they expect to access it quickly, and if they have to wait for even a short amount of time they’re probably going to move on. For this reason, no matter how pleased I might be by the cool new web site I just made, I make sure to take advantage of Pingdom to make sure that my audience will stick around long enough to check it out.