Web Developer Tools & Resources
Respo Theme is a free WordPress theme with a clean, sleek and customizable design. The theme is suitable for personal blogs and/or online magazines. This is a responsive theme, able to adapt its layout to the screen size of your visitors. The sliders for this theme are responsive too, which means it works nicely on [...]
Chibi is a tiny JavaScript micro-framework. Unlike fat, grown-up frameworks, Chibi focuses on just the essentials, melted down and mixed with optimization rainbows to create a really light micro-framework. Chibi is really tiny: 5KB minified, 2KB gzipped, small enough to stick inline on single page web apps, saving an extra HTTP request. Homepage: https://github.com/kylebarrow/chibi
Pluginception is a WordPress plugin that lets you quickly and easily create new plugins. Install, activate, and then go to the Plugins->Create a New Plugin menu to create and activate a new blank plugin, live, on your site. After the plugin is created, you’ll be taken directly to the Plugin Editor screen, to type or [...]
Moqups is a HTML5 web app for creating wireframes, mockups or UI concepts. It has 60+ handcrafted SVG stencils built-in, and features: Export to PDF and PNG Auto-save Smart guides Customizable grid Snap to objects/grid when manipulating objects Locking & Grouping of objects Undo/Redo/Cut/Copy/Paste Desktop-like keyboard shortcuts Icon library covering the majority of use cases [...]
CSS-Only Responsive Layout with Smooth Transitions is a tutorial on how to create a 100% width and height smooth scrolling layout with CSS only. Radio button navigations and sibling combinators will trigger transitions to the respective content panels, creating a “smooth scrolling” effect. Homepage: http://tympanus.net/css-only-responsive-layout-with-smooth-transitions/ Demo: http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/
Touchfolio is a touch-optimized free responsive portfolio WordPress theme. It comes packaged with two types of portfolio layouts (gallery with list in menu and masonry gallery) and super fast native-style touch navigation for supported devices. Swipe left and right to view project images. Swipe up and down to browse projects. Alternatively, use keyboard or mouse [...]
BaseDemo is a basic template that can be used for creating demos of your development projects that will also work for GitHub Pages. With BaseDemo you won’t have to include anything else in your document besides the demo file. Just include the bootstrap script (<script src="bootstrap.js"></script>) in the header and BaseDemo will take care of [...]
Infinite-Social-Wall is an infinite social stream based on RSS feeds with a MySQL backend. It currently supports the following social networks: Google Plus, GitHub, Pinterest, Twitter, Stackoverflow, Reddit and Instagram. However, it should work reasonably well with any RSS feed. Here is video demonstrating its functionality: Homepage: http://philipbjorge.github.com/Infinite-Social-Wall/ GitHub: https://github.com/philipbjorge/Infinite-Social-Wall
With this tutorial you can learn how to create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients. The idea has been inspired by the paper effect found in the video of the Google Developer [...]
iosSlider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web page. Designed for use as a content slider, carousel, scrolling website banner, or image gallery. Homepage: http://www.iosscripts.com/iosslider/ GitHub: https://github.com/iosscripts/iosSlider
stickyMojo is a contained sticky sidebar plugin for jQuery. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+ and will degrade gracefully in older versions of IE. Homepage: http://mojotech.github.com/stickymojo/ GitHub: https://github.com/mojotech/stickymojo
Termsfeed’s free privacy policy generator generates automatically a privacy policy for your site. The generator is simple to use: just fill in the data with your personal information and the policy is delivered immediately in less than 1 minute. Homeapage: Termsfeed’s Privacy Policy Generator
sketch.js is a tiny (~5k) boilerplate for creating JavaScript based creative coding experiments. It handles all that tedious but necessary stuff that would normally slow you down – setting up an animation loop, creating and managing a graphics context for Canvas or WebGL, cross browser and device event binding and normalisation for mouse, touch and [...]
Shiny Demos is a growing set of demos of the latest Open Web Standards, made by the Opera developer relations team. No browser is blocked: any browser that supports the standard sees the shiny! Homepage: http://shinydemos.com/
Wirefy is a collection of CSS & JS files that will help you quickly experiment with responsive wireframes. Following the philosophy of mobile first, Wirefy will respond to the proper viewport and is style agnostic so that clients don’t get hung up on colours, fonts, other design elements. It’s meant to be another tool for [...]
Laravel is a PHP framework committed to elegance and simplicity that helps you create wonderful applications using simple, expressive syntax. It is for all PHP programmers, even beginners. In fact, Laravel's documentation makes Laravel a great choice for both beginning and advanced PHP programmers. Homepage: http://laravel.com/ Docs: http://laravel.com/docs
Peity is a simple jQuery plugin that converts an element's content into a simple <canvas> mini pie line or bar chart and is compatible with any browser that supports <canvas>: Chrome, Firefox, IE9+, Opera, Safari. Homepage: http://benpickles.github.com/peity/ GitHub: https://github.com/benpickles/peity
Mobello is high performance Javascript framework for HTML5 mobile apps. It includes a complete set of user interface components for building rich mobile web apps. It is open source provided under the LGPL license. Homepage: http://mobello.github.com/ GitHub: https://github.com/mobello/mobello Demo: http://mobello.github.com/demo
Dummy is a toolkit designed to make the development, testing and presentation of web prototypes less time consuming and more realistic. It does so by helping you populate your work with content and by randomizing key aspects of it's layout, in a way, simulating connectivity to a live database, and making it possible to visualize, [...]
Photon is a JavaScript library that adds simple lighting effects to DOM elements in 3D space. Homepage: http://photon.attasi.com/ Docs: http://photon.attasi.com/docs.html GitHub: https://github.com/thomasxiii/photon
Liveweave, similar to JSFiddle and Tinkerbin, is a new playground for developers and designers to test HTML, CSS and Javascript. Homepage: http://liveweave.com/
HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it's container. If you've ever had to create this effect on a project, you'll know it's pretty annoying to do. But this plugin makes it easy and adds support for IE7. Homepage: http://sebnitu.github.com/HorizontalNav/ Github: https://github.com/sebnitu/HorizontalNav
Pondasee has been made to help front-end designers accelerate their work-flow for making web applications. It is NOT a CSS framework, it is a front-end starter kit combined with the power of SCSS & Compass to help build a template. Homepage: http://tokokoo.github.com/pondasee/ Github: https://github.com/tokokoo/pondasee
The Boiler is a responsive HTML5/CSS3 boilerplate WordPress theme that includes: Includes: Theme Customizer & Options, Custom Header, Custom Background, Custom Templates, Shortcodes, and more. Homepage: http://themes.vorkshop.com/boiler/info/ Docs: http://themes.vorkshop.com/boiler/docs/
SouthStreet is a set of tools that combine to form the core of a progressive enhancement workflow developed at Filament Group. This workflow is designed to help them deliver rich web experiences that are accessible to the widest range of devices possible, and catered to the capabilities and constraints of each device. Homepage: https://github.com/filamentgroup/Southstreet
Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe. Homepage: http://brackets.io/ Docs: https://github.com/adobe/brackets/wiki/How-to-Hack-on-Brackets GitHub: https://github.com/adobe/brackets
FuckItJS uses state-of-the-art technology to make sure your javascript code runs whether your compiler likes it or not. Through a process known as Eval-Rinse-Reload-And-Repeat, FuckItJS repeatedly compiles your code, detecting errors and slicing those lines out of the script. To survive such a violent process, FuckItJS reloads itself after each iteration, allowing the onerror handler [...]