Web Development Tools

The Web Development section of Open Source Internet provides the best free online tools and services for creating websites. This includes free sites that allow you make a web site, tools for incorporating media into a site, free analytics, and tools for working with code.

CodePen

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CodePenVisit Site: CodePen

Cost: Free

Comments: Free web-based code editor.

Description: CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. You can use it to build and show off interesting things you’ve built, build reduced test cases to troubleshoot with, or collaborate with other front end developers.

BuiltWith

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Analytics - BuiltWithVisit Site: BuiltWith

Cost: Free (lite)

Comments: Free and premium versions available.

Description: BuiltWith is a web technology information profiler tool. Find out what a website is built with. Find out the technology behind websites and download lists of leads using specific web technologies.

Tabs Generator

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - Tabs GeneratorVisit Site: Tabs Generator

Cost: Free

Comments: Free tool for creating tabs in CSS.

Description: Tweak size, colors, corners and more, generate your design, then download and use in your css style sheet!

Meteor

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - MeteorVisit Site: Meteor

Cost: Free

Comments: Free and open source app building platform.

Description: Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started.

Styleneat

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - StyleneatVisit Site: Styleneat

Cost: Free

Comments: Free CSS organizer.

Description: Styleneat organizes and standardizes your CSS in a structure that makes it easier to define page areas and see how they relate to each other.

Colordot

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - ColordotVisit Site: Colordot

Cost: Free

Comments: Free HTML color selector.

Description: Color picker for data driven design. Back & Forth for Hue. Up & Down for Lightness. Scroll for Saturation.

CSS Compressor & Minifier

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CSS Compressor & MinifierVisit Site: CSS Compressor & Minifier

Cost: Free

Comments: Free CSS compressor.

Description: A click of the mouse is all you need to speed up your webpage load time by up to 80%! Most CSS can be compressed to one third its original size. Our CSS Compressor works with virtually all coding styles of CSS stylesheets and CSS versions.

SiteZilla

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - SiteZillaVisit Site: SiteZilla

Cost: Free

Comments: Free and open source web based site builder.

Description: SiteZilla is an Open Source Web Based Website Builder. It is not a CMS system and SiteZilla is used to create websites. Just like you would not install DreamWeaver on your hosting account to create your website, you won’t install SiteZilla on your hosting account to use as a CMS.

Open Source Web Design

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - OSWDVisit Site: Open Source Web Design

Cost: Free

Comments: Free web design templates.

Description: Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.

Social Blade

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 4.5/5 (2 votes cast)

Analytics - Social BladeVisit Site: Social Blade

Cost: Free

Comments: Free analytical tool for YouTube, Twitch, and Instagram.

Description: Social Blade compiles data from YouTube, Twitch, and Instagram and uses the data to make statistical graphs and charts tracking progress and growth. We include information such as estimated earnings and future projections, providing both numerical data and graphs.

StatMyWeb

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Analytics - StatMyWebVisit Site: StatMyWeb

Cost: Free

Comments: Free analytics tool.

Description: Stat My Web is an excellent free service and set of tools which you can use to analyze any website. Whether you are a webmaster, site owner, marketer or researcher, Stat My Web can help you gain deeper insights into the sites you browse or own.

SEO SiteCheckup

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Analytics - SEO SiteCheckupVisit Site: SEO SiteCheckup

Cost: Free

Comments: Free SEO tool.

Description: SEOSiteCheckUp.com is all about one thing – improving the quality of your website, and through doing this, improving the quality of your rankings. Just enter the URL you want analyzed, and our site will provide easy to understand recommendations so that your site will load faster, rank higher for your search terms, and get more visitors.

BTBuckets

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Analytics - BTBucketsVisit Site: BTBuckets

Cost: Free

Comments: Free analytics service with registration.

Description: BTBuckets is a free personalization and on-site behavioral targeting tool that allows websites to increase engagement and ultimately maximize conversion rate optimization in real-time, by segmenting and targeting strategic user groups.

Codecademy

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Online Courses - CodecademyVisit Site: Codecademy

Cost: Free

Comments: Free programming lessons.

Description: Codecademy is an education company. But not one in the way you might think. We’re committed to building the best learning experience inside and out, making Codecademy the best place for our team to learn, teach, and create the online learning experience of the future.

Programmr

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Online Courses - ProgrammrVisit Site: Programmr

Cost: Free

Comments: Free programming lessons.

Description: Programmr is an online interactive lab for students and enthusiasts to learn, practice and become proficient in programming. At Programmr you can code, compile & run projects right in the browser in almost any language.

WordPress.org

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - WordPress.orgVisit Site: WordPress.org

Cost: Free

Comments: Free and open source software for creating a website or blog.

Description: WordPress is web software you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.

WordPress.com

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - WordPress.comVisit Site: WordPress.com

Cost: Free

Comments: Free blogging platform.

Description: Start a WordPress blog or create a free website in minutes. Choose from over 200 free, customizable themes. Free support from awesome humans.

Blogger

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - BloggerVisit Site: Blogger

Cost: Free

Comments: Free blogging platform.

Description: A blog is a personal diary. A daily pulpit. A collaborative space. A political soapbox. A breaking-news outlet. A collection of links. Your own private thoughts. Memos to the world.

Tumblr

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Site Builder - TumblrVisit Site: Tumblr

Cost: Free

Comments: Free blogging platform.

Description: Tumblr lets you effortlessly share anything. Post text, photos, quotes, links, music, and videos from your browser, phone, desktop, email or wherever you happen to be. You can customize everything, from colors to your theme’s HTML.

IM-Creator

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 4.0/5 (1 vote cast)

Site Builder - IM-CreatorVisit Site: IM-Creator

Cost: Free

Comments: The editor is free, hosting is separate.

Description: IM-Creator is a new way to create your website: choose a design, insert your content and publish it to the world – all in one simple, clear and seamless process.

Flowplayer

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Website Media - FlowplayerVisit Site: Flowplayer

Cost: Free

Comments: Free and open source Flash media player for website.

Description: The video player for the web. Flowplayer is an Open Source video player for your website. For site owners, developers, hobbyists, businesses and programmers.

Silverlight Audio Player

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Website Media - Silverlight Audio PlayerVisit Site: Silverlight Audio Player

Cost: Free

Comments: Free and open source MP3 Player for website.

Description: Silverlight Audio Player is a simple audio player that can be used for playing back one or more audio files. It currently supports two styles of player. The first plays a single file and is based on the visual design of the WordPress audio player. The second allows you to play multiple files.

Dewplayer

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Website Media - DewplayerVisit Site: Dewplayer

Cost: Free

Comments: Free Flash MP3 Player for website.

Description: Dewplayer is a small flash mp3 player that is very easy to use. Download the player, put it on your website with the right HTML code and let the music play ! We build also customized players for professionnals, with XML playlist or Icecast streaming.

MP3 Player

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Website Media - MP3 PlayerVisit Site: MP3 Player

Cost: Free

Comments: Free Flash MP3 Player for website.

Description: What is it ? It’s an MP3 player, intended for use on websites. It’s open source, free, and customizable.

CSSDesk

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CSSDeskVisit Site: CSSDesk

Cost: Free

Comments: Free online CSS editor.

Description: CSSDesk is a online HTML/CSS sandbox. Experiment with CSS, see the results live, and share your code with others.

CSS 3.0 Maker

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CSS 3.0 MakerVisit Site: CSS 3.0 Maker

Cost: Free

Comments: Free online CSS editor.

Description: CSS Maker is a free tool to experiment with CSS properties and values and generate a simple stylesheet for your site.

Typechart

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - TypeChartVisit Site: Typechart

Cost: Free

Comments: Free online CSS typography tool.

Description: Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

CSS Text Wrapper

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CSS Text WrapperVisit Site: CSS Text Wrapper

Cost: Free

Comments: Free online CSS editor.

Description: The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.

Replace CSS Colors

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - Replace CSS ColorsVisit Site: Replace CSS Colors

Cost: Free

Comments: Free online CSS color editor.

Description: Change the entire color scheme of your site with this CSS Color Editor.

CSS Sprite Generator

VN:F [1.9.22_1171]
Rate This Resource:
Rating: 5.0/5 (1 vote cast)

Code - CSS Sprite GeneratorVisit Site: CSS Sprite Generator

Cost: Free

Comments: Free online tool for generating CSS sprites.

Description: CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area to the required component image.