20个新鲜Web开发工具 - 2015年8月

1. FontForge

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.

2. Lotus

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.

3. Infinit

Infinit is a file storage and sharing company created in 2012 by two Frenchmen, Julien Quintard and Baptiste Fradin, with the vision of combining technology and design to allow anyone to send any file (photos, videos or else), of any size, to anyone, on any device.
Infinit is a file transfer application based on a point-to-point technology that connects both the sender’s and recipient’s computer directly. This deviates from cloud-based services like WeTransfer, YouSendIt (Hightail) and Dropbox that rely on a two-phase process through which the files must first be uploaded to the cloud before they can be downloaded by a recipient.

4. Game Analytics

GameAnalytics is a free analytics service created by and for game developers. They have designed event types and the resulting metrics that are specific to gaming concepts so that you know what to track and how to best track it. These include: User acquisition, Player engagement, Monetization, including drivers of first time purchases, Player progression through game content, In-game economies and virtual resources (e.g. gold, lives, XP), Error tracking.

5. CSS Plus

CSS Plus wants to provide a simple and fast way to make flexible layout based on flexbox modeling. This awesome css feature lets you specify a flexible container which the children can also be flexible and re-sized automatically when the size of the container changed. It supports Chrome 14, Internet Explorer 10, Firefox 6, Safari 4, Opera 12.10.

6. Styleguide

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.

7. Huginn

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.

8. Luanchkit’s App Website Tool

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.

9. Spectacle

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.

10. Material Design Lite

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation.

11. Spot.IM

Spot.IM is the creator of the first “everywhere” social network, empowering website owners and publishers to turn their websites into a social network driven by their own content. Spot.IM’s technology enables publishers to take back ownership of the conversation going on around their content, freeing them from having to rely on larger, external social networks to provide the social space for community content engagement.

12. Any API

Any API is a collection of over 100 high-quality public APIs powered by APIs-guru and LucyBot. Some off the API resources are from Google and 油Tube, but it includes API for other major services, making it easier to develop and integrate your creations with them.

13. Punk CSS

A CSS editor created by Rolando Murillo that allows rescaling your web design and still keeps its proportions. It provides more room to code and debug than regular editors and it’s lightweight.

14. Shorten.LI

A free JavaScript snippet which performs client-side url-shortening. By using just a few lines, you will get long URLs reduced to a practical shorter URL suitable for e.g. 推ter.

15. Kirki

A WordPress toolkit for WP developers to efficiently use the Customizer by re-interpreting the code in an easier way as well as allowing simple modifications. The toolkit was created by Aristeides Stathopoulos under a GNU license.

16. Boron

Boron is a collection of dialog animations with React.js. It includes animations for drops, fades, fly-ins, and more.

17. Form 5

formFive offers form support for legacy browsers via a polyfill that makes some HTML5 features work. Create placeholders, alternative submits, and more.

18. Snappy

Snappy uses PHP5 for snapshots or PDF generation from URL or an HTML page. It uses the webkit-based wkhtmltopdf and wkhtmltoimage.

19. Hobo

Hobo is a collection of open-source Ruby gems and plugins for building anything from throwaway prototypes and internal utilities to full-blown web apps. And of course it’s fully documented.

20. AddUI

addUI Store is an easy to use jQuery plugin that adds a fully featured store to any website in minutes. The store plugin is written in pure JavaScript (jQuery). PHP is used to secure the store (validate the items’ costs / cart’s total) and securely process payments.