WebAppers

/ best free open source web resources /

Shopify

Responsive Image Breakpoints Generator

Posted · Category: License Free, Tools

One image for all screen resolutions and different devices is not enough. An image per pixel is too much – so how can someone automatically choose the optimal responsive image sizes?

Responsive websites, even the most modern ones, often struggle with selecting image resolutions that best match the various user devices. They compromise on either the image dimensions or the number of images. It’s time to solve these issues and start calculating image breakpoints more mathematically, rather than haphazardly.

Responsive web design requires developers to determine the image dimensions that best fit their website. This breakpoints generator tool helps developers automatically find the optimal image sizes needed for the best viewing experience in web and mobile apps on a variety of screen sizes.

Common responsive image solutions tend to generate images based on a fixed set of image width values, disregarding the actual saving in file size bytes. To solve this problem, Responsive Image Breakpoints Generator uses Cloudinary’s advanced algorithms to easily generate best matching breakpoints for each uploaded image.

The algorithmic concept is to find image width values that offer a significant reduction in file size. Images are analyzed to find the best breakpoints on an image by image basis, rather than creating all possible image resolutions, and enables developers to easily create ‘picture’ and ‘img’ HTML5 elements based on the calculated breakpoints.

responsive-image-breakpoint

Requirements: –
Demo: http://www.responsivebreakpoints.com/
License: License Free

Prepo – Prepare, Share & Preview App Artwork and Icons

Posted · Category: License Free, Tools

Prepo for Mac and iOS helps you prepare, share and preview App artwork and icons. The skinny Drag and drop artwork for quick @2x to @1x conversion and preview Icon artwork in context. Prepo stores all your artwork into a project window ready for batch export or use QuickDrop for super fast @2x resizing. Speed up your workflow and boost your productivity. Preview your designs in context in real-time on your local device or even to remote devices. Prepo takes all the drudgery out of screen resolution optimisation for designers and developers.

10962640413_f660996dbc_b

Requirements: –
Demo: http://wearemothership.com/work/prepo/
License: License Free

Feature.js – Light­weight Browser Feature Detec­tion Library

Posted · Category: MIT License, Tools

Feature.js is a fast, simple and light­weight browser feature detec­tion library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automati­cally initia­lizes itself on page load, so you don’t have to. It doesn’t, however, run any tests while ini­tia­lizing, so it will only ever run them when you ask it to. This makes it perform very fast.

With Feature.js, it’s simple to build progres­sively enhanced expe­riences that use feature detection to determine if a code can be execu­ted in the user’s browser. It is licensed under MIT license.

feature-js

Requirements: JavaScript Framekwork
Demo: http://featurejs.com/
License: MIT License

OS.js – Open Source Desktop Implementation for Your Browser

Posted · Category: License Free, Tools

OS.js is an open-source desktop implementation for your browser with a fully-fledged window manager, Application APIs, GUI toolkits and filesystem abstraction. It works in any modern browser and can be deployed on any platform using Node or PHP. OS.js is completely free and open-source which means you can contribute to the development or use the code as you like.

screenshot

Requirements: –
Demo: http://os.js.org/
License: License Free

Create Polished Resumes and CVs with HackMyResume

Posted · Category: MIT License, Tools

You can create polished résumés and CVs in multiple formats from your command line or shell with HackMyResume. Author in clean Markdown and JSON, export to Word, HTML, PDF, LaTeX, plain text, and other arbitrary formats. Fight the power, save trees. Compatible with FRESH and JRS resumes. HackMyResume is built with Node.js and runs on recent versions of OS X, Linux, or Windows.

make-cv

Requirements: –
Demo: https://github.com/hacksalot/HackMyResume
License: MIT License

The Easiest Way to Add Search to Your Documentation

Posted · Category: License Free, Tools

Algolia is a privately held company created by developers, veterans in the fields of algorithms, search engines and text mining. They develop DocSearch, which is a search-as-a-service API to help developers deliver an intuitive search-as-you-type experience in their applications and websites. They enable super fast and relevant search experiences in no time with our worldwide infrastructure deployed in 14 different regions (28 different datacenters). In one click, you can distribute your search on several regions with their Distributed Search Network infrastructure.

doc-search

Requirements: –
Demo: https://community.algolia.com/docsearch/
License: License Free

ReqRes – A Hosted REST-API for Your AJAX requests.

Posted · Category: License Free, Tools

ReqRes is a bare-bones ExpressJS application that is a hosted REST-API ready to respond to your AJAX requests. You can develop with real response codes. GET, POST, PUT & DELETE supported. No more tedious sample data creation, they’ve got it covered.

Reqres simulates real application scenarios. If you want to test a user authentication system, Reqres will respond to a successful login/register request with a token for you to identify a sample user, or with a 403 forbidden response to an unsuccessful login/registration attempt. When prototyping a new interface, you just want an API there, with minimal setup effort involved.

reqres

Requirements: –
Demo: http://reqres.in/
License: License Free

ScrollReveal.js – Easy Scroll Animations for Web

Posted · Category: MIT License, Tools

ScrollReveal.js is a library to easily reveal elements as they enter the viewport. It’s very small in size, as its weight is roughly 3Kb if minified and gzipped. It has no dependencies, so you don’t need to add other libraries to use it like jQuery. In addition to the nice effects it supports, what I really like about this library is that you can use natural language to define the animation you want to run. ScrollReveal supports 3d rotation out of the box, but you may want to emphasize the effect by specifying a perspective property on your container.

scroll-reveal

Requirements: JavaScript Framework
Demo: https://scrollrevealjs.org/
License: MIT License

Test Developers for Your Startup with HTML/CSS and JavaScript Knowledge Test

Posted · Category: License Free, Tools

In today’s world, startups have become global which means a potential employee’s location no longer means not being able to hire the best IT staff. Remote teams have become common practice in this generation of technologically advanced workforce. It’s a new day and age and all businesses are turning more and more to using remote teams for their IT departments and utilizing the numerous online tools available that make this possible.

With tools like Jira, GitHub and Skype it allows for a more organized approach to the process of software development. The first step for new starting new IT projects is to find the best talent for the most optimal cost affective bang for your buck. There is another great online tool that will make hiring developers a whole lot easier. It’s called Tests4Geeks. Tests4Geeks is an IT Skill Assessment sight.

bcH2LUA

Startups are not simply looking to hire the best developers, but are always in search ways of to prevent wasting valuable time. There is nothing more frustrating than to spend an hour or more interviewing a candidate, only to realize during the process it was a complete waste of time. Of course face to face real time interviews are still the best way to vet potential candidates, but wouldn’t it be great to know before you take the time to do so that the person you are interviewing indeed has the skills you are looking for? With Tests4Geeks companies can now test potential interviewees BEFORE you take time out of your busy day to talk to them. Read the rest of this entry »

AntiModerate – The Progressive Image Loading Library

Posted · Category: License Free, Tools

AntiModerate is the progressive image loading library for great good. Reduce loading time of page to less than a second on slow connections by loading and rendering nicely blurred micro images on the page while loading full sized images in background which replace as they finish. Has a nice blur effect thanks to StackBlur so you have a good looking page while it is loading. Library is space optimized, with gzip it is less than 2kb.

image-loading

Requirements: JavaScript Library
Demo: https://github.com/whackashoe/antimoderate
License: License Free

Page 1 of 52123456789»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons