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.
Requirements: –
Demo: http://www.responsivebreakpoints.com/
License: License Free
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.
Requirements: –
Demo: http://wearemothership.com/work/prepo/
License: License Free
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.
Requirements: JavaScript Framekwork
Demo: http://featurejs.com/
License: MIT License
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.
Requirements: –
Demo: http://os.js.org/
License: License Free
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.
Requirements: –
Demo: https://github.com/hacksalot/HackMyResume
License: MIT License
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.
Requirements: –
Demo: https://community.algolia.com/docsearch/
License: License Free
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.
Requirements: –
Demo: http://reqres.in/
License: License Free
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.
Requirements: JavaScript Framework
Demo: https://scrollrevealjs.org/
License: MIT License
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.
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 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.
Requirements: JavaScript Library
Demo: https://github.com/whackashoe/antimoderate
License: License Free
