Webprogramm Tools

TwitterFacebook
Get flash to fully experience Pearltrees

MiniAjax.com / Highlighting Rich Experiences on the Web

http://miniajax.com/ Highcharts demo Highcharts is an incredibly elegant, highly customizable jQuery/ MooTools plugin for displaying graphs. It supports single or combinations of line, spline, area, areaspline, column, bar, pie and scatter charts.

Raphaël—JavaScript Library

http://raphaeljs.com/ // Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );
Smart webmasters do not work everything out from scratch; instead, we make good use of the free tools available online. There are tons of brilliant web tools available online – it’s a waste not to leverage these tools and save some working time (or, to have more time for beer). In this article, I’m going to share my must-have list of 30 web design tools, I hope you’ll find them useful. On the other hand, I would like to take this opportunity to thank all the developers who had done some much and made our world better. http://www.webhostingsecretrevealed.com/featured-articles/30-must-see-web-generator-for-lazy-webmasters/

30 Must See Web Generator for Lazy Webmasters

http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know 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. Who doesn’t know the extremely popular Lorem Ipsum text?

15 sites web developers and designers should know | CatsWhoCode.com

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image . It is based on the principle of using the background-position property to align areas of a sprite image into block elements of a web page. It was made using a combination of JQuery, CSS3 and HTML5, and is totally free to use !

Spritebox - Create CSS from Sprite Images

http://www.spritebox.net/
http://quirktools.com/screenfly/

Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions

Screenfly uses a proxy server to mimic devices while you view your website. Want to try it out? Enter the address of a website, like Amazon.com, and see how you get an entirely different view on desktops, tablets, and mobile phones. Having Trouble?
GUI interface Visual design user interface allows you to create your menus without the need for complex hand coding. Use the preview window to view your menu design while you are developing and customizing. * Use "Move Item" buttons on the Toolbar http://css3menu.com/

CSS3 Menu. Free CSS Menu Maker

PhoneGap’s new Device Wall The Device Wall was born from a simple question: How can we create a test lab for past, current, and future mobile device technology? From this question sprang the Device Wall. Its [...] http://phonegap.com/

PhoneGap

40 Online Generators for Web Designers Should Bookmark - tripwire magazine

http://www.tripwiremagazine.com/2011/03/40-online-generators-for-web-designers-should-bookmark.html 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.

8 Useful CSS Tools | 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 lets you browse various CSS3 patterns as thumbnails or fullscreen and grab the code so you can use them on your own site. http://webdesignledger.com/tools/8-useful-css-tools

Mobile JavaScript Framework for Developing HTML5 Web Apps | Sencha Touch | Products | Sencha

Build HTML5 mobile apps for iPhone, Android, and BlackBerry. Watch Video With over 50 built-in components, state management, and a built-in MVC system, Sencha Touch 2 provides everything you need to create immersive mobile apps.
More information about WebKit can be found on its wiki . You can help here too, by adding information that can help others learn about WebKit. If you have more questions, contact us .

The WebKit Open Source Project

18 Useful Web Based Code Editors for Developers | DesignBeep

The main tool for developers is of course code editors.Mostly it is a standalone application but you know there are also many online code editors around the internet.There may be times which you are not with your computer so the below web based or let’s say browser based online editors will help you to do almost every coding like editing,sharing,debugging etc. Codeanywhere is a code editor in a browser with a powerful ftp client integrated, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).Codeanywhere can edit many types of files and has all the nice features you are used to in desktop editors:Syntax highlighting,code auto completion,smart indentation,full internationalization,unlimited undo/redo (now handled on client (browser) side, no more waiting for server response),unlimited tabs etc. CodeRun Studio is a cross-platform Integrated Development Environment (IDE), designed for the cloud.
Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue.

Check Browser Compatibility, Cross Platform Browser Test - Browsershots

IE NetRenderer - Browser Compatibility Check -

Mit dem IE NetRenderer können Sie online überprüfen, wie Ihre Website im Microsoft Internet Explorer 10, 9, 8, 7, 6 und 5.5 dargestellt wird, und mit einem Blick die Unterschiede sehen. Geben Sie im oberen Feld die URL einer beliebigen Webseite ein, nach wenigen Sekunden erscheint ein Screenshot davon. Dieser Dienst ist kostenlos.
HTML5 CSS3 Tools