background preloader

Webprogramm Tools

Facebook Twitter

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 - Tool for finding memory leaks in JavaScript programs.

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:

Templates/Boilderplates

Magically convert Photoshop designs to valid HTML markup. ProCSSor - Advanced CSS Prettifier. Create Your Own @font-face Kits. 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.

8 Useful CSS Tools

Spritebox - Create CSS from Sprite Images. Golden Grid System. GGS was my next step after Less Framework.

Golden Grid System

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. This behaviour was inspired by Massimo Vignelli's Unigrid system. 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. 15 sites web developers and designers should know.

ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme.

15 sites web developers and designers should know

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 Do you display code on your website? Xenocode Browsers In my opinion, Xenocode Browsers is the ultimat tool for checking your website in different browsers. Test Everything Sprite Generator Buttonator Sure things, good looking buttons is a must have for any serious blog or website.

CSS Tidy. 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.

30 Must See Web Generator for Lazy Webmasters

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: 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.

40 Online Generators for Web Designers Should Bookmark

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. Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions.

Favicon.ico Generator. PhoneGap. Libaries. ResizeMyBrowser. The WebKit Open Source Project.

Browserbased realtime Engine

Meteor. HTML5 CSS3 Tools. Check Browser Compatibility, Cross Platform Browser Test - Browsershots. Mini simulator. IE NetRenderer - Browser Compatibility Check -