WebAppers

/ best free open source web resources /

Shopify

Styleguide – A Tool to Make and Maintain Styleguides

Posted · Category: License Free, Tools

Styleguide is a tool to make creating and maintaining styleguides easy. All you need to do is to add the Styleguide to a separate folder in your project. Use it as your CSS. You just need to import the generated file inside your HTML and you are all set! This way the Styleguide will be synced with your project. Isn’t that awesome!?

Just copy your project’s CSS and paste it in the Styleguide CSS file. Now you only need to customize the modules to use the proper classes. You can always create/edit any module when you need. The Styleguide is also a independent project. You can download it and use it in your browser. Then all you need to do is edit it’s CSS and set/customize the modules. When you are finished you can send the files to a server or use the HTML version.

styleguide

Requirements: –
Demo: http://hugeinc.github.io/styleguide/
License: License Free

Lotus – An Open Source Framework for Ruby

Posted · Category: Framework, MIT License

Lotus is Open Source Software, which strives for simplicity, fewer DSLs, minimal conventions, more objects, zero monkey-patching and the separation of concerns between MVC layers. It suggests best practices, but it leaves all the freedom to you, the developer, to build your own architecture, with your own objects. Lotus is made of standalone frameworks (controllers, views, etc.) and each one is shipped as an independent gem to emphasize the separation of concerns.

lotus-framework

Requirements: –
Demo: http://lotusrb.org/
License: MIT License

FontForge – Open Source Font Editor

Posted · Category: CC License, Fonts

Type design is visually complex as well as highly technical – however it is easier to begin making type now than ever, partly because of the availability of free tools like FontForge. FontForge is a free (libre) font editor for Windows, Mac OS X and GNU+Linux. Use it to create, edit and convert fonts in OpenType, TrueType, UFO, CID-keyed, Multiple Master, and many other formats. While being a handy tool with which to begin, FontForge is not just for beginners. It has an advanced toolset and is rapidly improving at the time this book is being written.

FontForge aims to offer technical help and general insight into planning a type design project, and also offers advice about how to make your workflow more efficient. If you wish to help them, you can contribute to making FontForge better by giving feedback or even by contributing content and fixes on GitHub.

fontforge

Requirements: –
Demo: http://fontforge.github.io/
License: Creative Commons 3.0 License

Image Blur Plugin with 4kb Minified Size

Posted · Category: MIT License, Tools

Image Blur Plugin is an Ultra small plugin (4kb minified, 1.5kb gzipped) for Blurring images. This plugin utilizes SVG filter to blur the image if SVG is supported by the browser (all except IE), otherwise the plugin creates an IMG tag and applies a special IE-only filter in CSS. If you are using Velocity.js animation library, the plugin will automatically detect its presence and make fade in/fade out animations more performant, especially on mobile. If Velocity is not present on the page, jQuery’s “animate” is used.

image-blur-bar

Requirements: JavaScript Framework
Demo: http://msurguy.github.io/background-blur/
License: MIT License

Build Agents that Monitor and Act on Your Behalf

Posted · Category: MIT License, Tools

Huginn is a system for building agents that perform automated tasks for you online. They can read the web, watch for events, and take actions on your behalf. Huginn’s Agents create and consume events, propagating them along a directed graph. Think of it as a hackable Yahoo! Pipes plus IFTTT on your own server. You always know who has your data. You do.

huginn

Requirements: –
Demo: https://github.com/cantino/huginn
License: MIT License

Spec.fm – The Best Podcasts for Designers and Developers

Posted · Category: Information

After an amazing response from the web community, “Design Details” and “Developer Tea” have teamed up to create Spec.fm, a resource to help designers and developers to connect with one another. Their podcasts are downloaded more than 60,000 times per week and we’re working to create new shows to provide the most up-to-date resources and information for the design & development community.

Their episodes are quite casual and not necessarily an “interview-style” show. They have guests on each week but we try to blend the personal and professional; the design resources with the personal stories. Over time they have found that the more open a guest can be, the better listeners will respond and connect with that person. One of their main focuses is keeping the show’s content diverse. This means chatting not only with women, people of color and folks outside of San Francisco, but also it means hosting people from startups, agencies and big companies across all job descriptions. This blending of culture and jobs into one show helps provide a more clear picture of what the design industry can actually be like for designers out there listening.

spec.fm

Source: http://spec.fm/

InkySpecial: The Web Design Mega Set

Posted · Category: Information

mail-v2

Web design elements are a must-have in everyone?s collection. That?s why Inky Deals came up with a humongous collection of premium web items that will satisfy even the most eccentric designer and on top of that save you countless hours!

In this mega set you will find lots of UI Kits, Mobile UI, different web elements, signup forms, super high-res textures, subtle patterns, dividers, pricing tables, mock-ups, icons, badges, ribbons and pretty much anything you could possibly want!

Overall, you will get hundreds of top-quality items valued at a massive $508!

Besides that, all these resources come with an extended royalty license, allowing you to use them in unlimited number of personal and commercial projects and even in merchandising! Read the rest of this entry »

Atom – A Hackable Text Editor for the 21st Century

Posted · Category: Code, License Free

Atom is a text editor that’s modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file. Atom works across operating systems. You can use it on OS X, Windows, or Linux. Atom helps you write code faster with a smart, flexible autocomplete.

You can easily browse and open a single file, a whole project, or multiple projects in one window. Split your Atom interface into multiple panes to compare and edit code across files. And also Find, preview, and replace text as you type in a file or across all your projects.

atom-text-editor

Requirements: –
Demo: https://atom.io/
License: License Free

Launch a Website for Your App with LaunchKit Tool

Posted · Category: License Free, Tools

LaunchKit’s App Website tool creates and hosts a mobile-ready, smart solution for anyone who needs to quickly launch a website for their app. LaunchKit provides 9 simple and attractive designs for your website. Just enter your app’s name and watch your landing page appear.

If someone visits your page on an iPhone, they don’t need to see an Android download badge. We only show them download triggers for the platform they’re on. Turn website visitors into app users. Create your website in minutes. It’s free.

instant-app-websites

Demo: https://launchkit.io/websites/

Spectacle – A ReactJS Presentation Library

Posted · Category: Demo Tour, MIT License

Spectacle is a React-powered presentation library. With Spectacle you can write slides with JSX. It supports tags like <Deck>, <Slide>, and there are even layout tags for making text appear in the right place without too much fiddling about with CSS. It even supports a presenter view, so you can see the next side and the current time. If you’re currently addicted to React then this will probably be preferable to messing around in Keynote/PowerPoint/etc.

spectacle

Requirements: ReactJS
Demo: http://projects.formidablelabs.com/spectacle/#/
License: MIT License

Page 4 of 287«123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons