Adaptive Images in HTML. Leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. In JavaScript you cannot have "memory leaks" in the traditional sense, but you can have objects which are unintentionally kept alive and which in turn keep alive other objects, e.g., large parts of DOM.
Leak Finder for JavaScript works against the Developer tools remote inspecting protocol of Chrome, retrieves heap snapshots, and detects objects which are "memory leaks" according to a given leak definition. The default configuration of the tool detects goog.Disposable objects which were not dispose()d. goog.EventTarget is a subclass of goog.Disposable, and if an EventTarget is not disposed, event listeners are not discarded properly, and event listeners in turn keep DOM objects alive. It's possible to configure the tool to detect other similar misuses. Resources: Getting the code: 1. Install depot_tools (see ) 2. 3. gclient sync Running the code: Requirements: Prerequisites: Your web app uses unobfuscated JavaScript. 1. 2. 3. 4.
Markupwand | Magically convert Photoshop designs to valid HTML markup. ProCSSor - Advanced CSS Prettifier. CSS3 Menu. Free CSS Menu Maker. 8 Useful CSS Tools. Writing better CSS is something all web designers and developers should strive for, and thankfully there are some useful tools out there to help do just that. For this post, we’ve rounded up a collection of new tools to help you with your CSS. From learning new CSS3 properties, to making your code more efficient, there’s bound to be a few tools here you will find useful. CSS3 Patterns Gallery CSS3 Patterns Gallery lets you browse various CSS3 patterns as thumbnails or fullscreen and grab the code so you can use them on your own site. PrefixMyCSS PrefixMyCSS helps you save time by letting you write your properties one way. Layer Styles Layer Styles is a HTML5 app for creating CSS3 in a intuitive way.
Sencha Animator Sencha Animator is a desktop app to create CSS3 animations for WebKit browsers and touchscreen mobile devices. The Web Font Combinator The Web Font Combinator was created in order to preview web font combinations. CSS Pivot CSS Lint CSS Prism. Spritebox - Create CSS from Sprite Images. Golden Grid System. GGS was my next step after Less Framework. Instead of a fixed-width grid, it used a fully fluid-width one, without even a maximum width. The resources it was published with are still available on GitHub. The idea was to take a 18-column grid, use the outermost columns as margins, and use the remaining 16 to lay elements out. On smaller screens the 16 columns could be folded into 8, 4 and 2. While the grid's columns were fluid — proportional to the screen's width — the gutters (spaces between the columns) were proportional to the font-size being used.
GGS also contained a set of typographic presets, strictly to a baseline grid. Correctly setting all of these measurements is difficult, of course. When published, GGS gained a lot of attention, as the web design community was searching ways to work with fluid-width grids, which have always been troublesome, running counter to many graphic design principles. Later on I developed Frameless, the last entry in my early CSS grid system saga. 15 sites web developers and designers should know. Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme.
Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. Color schemes can be browsed by colors.Visit colorcombos.com LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs.
BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Test Everything Sprite Generator. 30 Must See Web Generator for Lazy Webmasters. Here’s a list of 70 hand-picked, easy to use, and free web generators that will save you tons of time and energy. I have grouped these tools into 10 categories: Color Palettes, Robots.txt, Website Screenshots, Favicons, Web Backgrounds, Webpage Elements (buttons, tabs, etc), Memes, Forms, Logos, and Dummy Texts.
The best part about these tools is that they are completely free (some need you to signup though). If you are looking ways speed up your work and channel more time and energy to new content ideas and marketing strategies, I believe the list is a must-bookmark. According to my last check on WordPress.com stats, there were more than 42 million blogposts published in May 2014 – and that’s just WordPress.com alone. Who has the time to create everything from scratch these days? Category #1: Color Palettes Generator Functions/Details: To generate color palettes based on image input.Allow users to compare, review, and select color combination at ease. Palette Generator Pictaculous Kuler. 40 Online Generators for Web Designers Should Bookmark. Online Generators for Web Designers can be a great way to save time in your web design projects.
High-quality generators can create graphics or code or even layouts in a matter of seconds or minutes, things that might take an hour or more if done by hand. Online generator are those tools that help us to create those popular “XHTML valid” CSS banners, micro buttons or css website templates in seconds. In such cases online generators can be of great help which do the necessary job and some tools don’t have to be downloaded also. We all know that backgrounds play a crucial role in a design. Web Designers sometimes spend a lot of time in making pattern or stripe backgrounds and there are also tool to help you out here. Advertisement 1. XML /SWF charts are used to create attractive graphs and charts from XML data, Create a source either manually or generate dynamically then pass it to the XML chart’s flash file. 2. 3. 4. 256 Pixels 5. 80 x 15 brilliant Button Maker 6. 7. 8. 9. 10. 11. 12. 14. Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions.
Favicon.ico Generator. PhoneGap. Libaries. ResizeMyBrowser. The WebKit Open Source Project.
Meteor. HTML5 CSS3 Tools. Mini simulator. IE NetRenderer - Browser Compatibility Check -