webappers.com - Archives (juillet 2014)
Hunting the Best Open Source Resources for Web Developers
DomFlags chrome extension offers a new way to interact with the DevTools. For the first time ever, you can now create keyboard shortcuts to DOM elements. DomFlags are like bookmarks for navigating the DOM tree. They help you track and navigate to important elements so styling can be a breeze. The extension has auto-inspect features [...]
The post Create Keyboard Shortcuts to DOM with DomFlags appeared first on WebAppers.
Sponsors
BitcoinJS is a clean, readable, proven library for Bitcoin JavaScript development. It’s a pure JavaScript Bitcoin library for node.js and browsers. Used in production by over 1.5 million wallet users, BitcoinJS is the backbone for almost all Bitcoin web wallets in production today. It supports for advanced features, such as multi-sig, HD Wallets. It’s fast, [...]
The post A Pure JavaScript Bitcoin Library for Node.js and Browsers appeared first on WebAppers.
Sponsors
Crate Data is a shared-nothing, fully searchable, document-oriented cluster data store. It is also 100 % open source. They built it so developers with a data intensive back-end won’t need to “glue” several technologies together to store documents, blobs and support real-time search. They also wanted to help developers avoid the manual work associated with [...]
The post Crate – Easy to Scale Real Time SQL Data Store appeared first on WebAppers.
Sponsors
HTML Minifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities. At its core, minifier relies on HTML parser by John Resig. John’s parser was capable of handling quite complex documents, but would sometimes trip on some of the more obscure structures. For example, doctype declarations were not understood at all. HTML minifier [...]
The post A Highly Configurable Javascript-based HTML Minifier appeared first on WebAppers.
Sponsors
Ocrad.js is a pure-javascript version of the Ocrad project, automatically converted using Emscripten. It is a simple OCR (Optical Character Recognition) program that can convert scanned images of text back into text. Clocking in at about a megabyte of Javascript with no hefty training data dependencies. Unlike GOCR.js, Ocrad.js is designed as a port of [...]
The post Ocrad.js – Optical Character Recognition in JavaScript appeared first on WebAppers.
Sponsors
Creating image hosting and sharing websites is many times daunting, expensive, and not easy.Introducing Chevereto, an installable, high quality image hosting platform with a drag and drop uploader, custom theme support, user accounts, private albums and even more. Getting Started Chevereto rocks a clean step by step installation process, making it easy and fast to [...]
The post Chevereto – High Quality Image Sharing Platform appeared first on WebAppers.
Sponsors
Fingerprinting is a technique, outlined in the research by Electronic Frontier Foundation, of anonymously identifying a web browser with accuracy of up to 94%. A browser is queried for its agent string, screen color depth, language, installed plugins with supported mime types, timezone offset and other capabilities, such as local storage and session storage. Then [...]
The post A Fast Anonymous Browser Fingerprinting JS Library appeared first on WebAppers.
Sponsors
Over the last decade, Ruby on Rails has become an increasingly popular solution for building web applications through a fast and cost-efficient development process. Is Rails really the answer to our current needs in app development? Read on to find out. But first, what exactly is Ruby on Rails? It’s a web application development tool [...]
The post Benefits and Challenges of Ruby on Rails appeared first on WebAppers.
Sponsors
There are some simple ideas and effects for unobtrusive website notifications. There are a lot of ways to show an unobtrusive message to a user: from the classic growl-like notification to a bar at the top of the viewport. There’s really no limit to making creative notification styles and effects but you should keep in [...]
The post Notification Styles with CSS Animations for Inspirations appeared first on WebAppers.
Sponsors
André Revin was creating an app flow in illustrator and he made an Ai file iOS7 iPhone 5 mockup for prototyping. He made a pixel perfect wireframe mockup. Super easy to create your prototype. You can download the source file for free and use in their work. There are 28 artboards size of 320 by [...]
The post Free Download: iOS 7 Wireframe Toolkit for Prototyping appeared first on WebAppers.
Sponsors
There’s a thousand CSV libraries for Javascript. Papa Parse is different. It’s written with correctness and performance in mind. Papa is the first multi-threaded CSV parser that runs on web pages. It can parse files gigabytes in size without crashing the browser. It correctly handles malformed or edge-case CSV text. It can parse files on [...]
The post A JavaScript Powerful CSV Parser for Web Browsers appeared first on WebAppers.
Sponsors
Waves is click effect inspired by Google’s Material Design. It’s easy to use Waves. Download the latest version of Waves from Github repository. Just include waves.min.css and waves.min.js to your HTML file. And Waves is ready to use. Waves works in latest modern browser (i.e. Chrome, Firefox, Opera and Safari) and also IE10+. Waves is [...]
The post Waves – Click Effect Inspired by Google’s Material Design appeared first on WebAppers.
Sponsors
GoRails is Ruby on Rails screencasts for developers who want to become pros. GoRails is a series of screencasts and guides for all aspects of Ruby on Rails. Learn how to setup your machine, build a Rails application, and deploy it to a server. What they are going to be bringing you is bite-sized chunks [...]
The post A Series of Screencasts and Guides for Ruby on Rails appeared first on WebAppers.
Sponsors
DMARC is a standard that prevents spammers from using your domain to send email without your permission — also known as spoofing. In combination with SPF and DKIM, a DMARC policy in DNS allows you to set rules to reject or quarantine emails from sources you do not know or trust. As part of the [...]
The post A Free Tool to Monitor and Implement DMARC appeared first on WebAppers.
Sponsors
Learning to code is fun and easy with Code Avengers. Whether this is your first time coding, or you have tried it before – their courses guide you each step of the way. Scripted by educators, they offer practical coding skills to help you learn at your own pace. Their lessons are designed to be [...]
The post Learning to Code is Fun and Easy with Code Avengers appeared first on WebAppers.
Sponsors
KaboomPics is a collection of good quality photos offered for free to bloggers, website owners, small businesses, freelancers & social media ninjas. This simple website gives you an opportunity to browse through thousands of pictures without any payment even for commercial use. You can do nearly anything with the images, commercial or not. For example [...]
The post Free Quality Photos for Bloggers and Website Owners appeared first on WebAppers.
Sponsors
PSD2HTML.com is one of the most tech-savvy companies online. It is designed to help with graphic web design conversions into HTML as well as CMS such as Joomla and WordPress. This will all help to create an enhanced user experience when going on websites. The company has a great reputation for doing amazing things. They [...]
The post Giveaway: $600 Worth of Services of PSD2HTML appeared first on WebAppers.
Sponsors
Noto is Google’s font family that aims to support all the world’s languages. Its design goal is to achieve visual harmonization across languages. With multiple styles and weights. Freely available to all. Noto fonts are under Apache License 2.0. Currently, Noto covers all major languages of the world and many others, including European, African, Middle [...]
The post Google Released Noto Free Font for All Languages appeared first on WebAppers.
Sponsors
Vanilla Masker is a pure javascript input masker. Now you can use a simple and pure javascript lib to mask your input elements, without need to load jQuery or Zepto to do it. Don’t worry about where this will work, because this is a cross-browser and cross-device library. It is licensed under MIT License. Requirements: [...]
The post Vanilla Masker – A Pure JavaScript Input Masker appeared first on WebAppers.
Sponsors
jBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more. You can use jQuery selectors to add tooltips to elements easily. You can set up modal windows the same way as tooltips. But most of times you’d want more variety, like a title or HTML content. [...]
The post JBox jQuery Plugin for Modal Windows, Tooltips & Notices appeared first on WebAppers.
Sponsors
Web advertisements haven’t quite kept up with the web’s shift to responsive design. Mobile ads exist, yes, but they exist as separate entities from desktop ads. A campaign may include a handful of ads that work on set screen sizes, but they aren’t truly fluid and responsive. ZURB has prototyped an implementation of responsive ads [...]
The post Responsive Ads – Fluid & Lightweight with Web Standards appeared first on WebAppers.
Sponsors
Dense is a jQuery plugin that offers an easy way to serve device pixel ratio aware images, bringing in retina support to your website. Clear the blurry, images be crisp. The responsive, retina-ready image is implemented by simply including the jQuery plugin on the page and calling its $.fn.dense() initializer method. The initializer method is [...]
The post Serve Responsive Retina Images with Dense.js appeared first on WebAppers.
Sponsors
Breach is a browser for the HTML5 era. It’s entirely written in Javascript. Free. Modular. Hackable. Everything in the browser is a module, a web-app running in its own process. Construct your own browsing experience by selecting the right modules for you. Want vertical tabs? Write some JS & CSS! Customised autocomplete engine? JS! Every [...]
The post An Open Source & Hackable Browser in JavaScript appeared first on WebAppers.
Sponsors
Looking for a good way to refresh your resource library? How about stocking up on over $1,100 worth of themes, fonts, Photoshop actions, awesome graphics, and more for only $39? Creative Market has released a new Handpicked Bundle that gives you exactly that. You’ll have to act fast though, because this deal only lasts one [...]
The post Deal of the Week: The Handpicked Bundle with Bonus appeared first on WebAppers.
Sponsors
Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you’ve added are too similar to ones that already exist. Naturally, it’s all configurable [...]
The post Avoid Using Similar Colors with CSS Colorguard appeared first on WebAppers.
Sponsors
Pattern Lab is a collection of tools to help you create atomic design systems. At its core, Pattern Lab is a custom static site generator that constructs an interface by stitching atoms, molecules, and organisms together to form templates and pages. Pattern Lab serves as your project’s pattern library and frontend style guide, but you’re [...]
The post Create Atomic Design Systems with Pattern Lab appeared first on WebAppers.
Sponsors
There are many other front-end development frameworks in the world today. So why another framework? They come with over 5,000 lines of CSS, and equally as much JavaScript. They attempt to solve every single problem for every single situation that a front-end developer could be put in and you know what? Concise is built so [...]
The post Concise Framework with Object-Oriented CSS Principles appeared first on WebAppers.
Sponsors
Visual Designers Checklist are merely suggestions for your workflow. You can contribute on Github or make a fork and create your own unique workflow checklist. This list is meant for visual designers working within a team setting where visual comps and exploration will be shared with a developer. Checkboxes are persistent (they won’t uncheck on [...]
The post Visual Designers Checklist for Your Workflow appeared first on WebAppers.
Sponsors
Smart Fixed Navigation is a fixed navigation that allows your users to access the menu at any time while they are experiencing your website. It’s smaller than a full-width fixed header, and replaces the back-to-top button with a smarter UX solution. Requirements: JavaScript Framework Demo: http://codyhouse.co/gem/smart-fixed-navigation/ License: License Free
The post Create Smart Fixed Navigation with JavaScript appeared first on WebAppers.
Sponsors
The Simpsons is an American family animated sitcom created by Matt Groening. The Simpsons is the longest-running American sitcom, the longest-running American animated program. The Simpsons is widely considered to be one of the greatest television series of all time. So, how about making Simpsons characters in pure CSS? “First of all I took each [...]
The post How to Create Simpsons Characters in Pure CSS appeared first on WebAppers.
Sponsors
Intense Images is a stand alone javascript library for viewing images on the full screen. Using the touch/mouse position for panning. All styling of image elements is up to the user, Intense.js only handles the creation, styling and management of the image viewer and captions. There aren’t many restrictions for the html elements you want [...]
The post JS Plugin for Viewing Images on Full Screen appeared first on WebAppers.
Sponsors
Raneto is a free, open source Knowledgebase platform for Node.js that uses static Markdown files to power the knowledgebase. Raneto can be called a “static site generator” of sorts as it doesn’t require a database. All of your content is stored in the content folder in Markdown (.md) files and the entire knowledgebase structure and [...]
The post Raneto – An Open Source Knowledgebase for Nodejs appeared first on WebAppers.
Sponsors
Beautiful Web Type is a showcase of the best typefaces from the Google web fonts directory. There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Check out the examples to get the typeface from the Google web [...]
The post The Best Typefaces from Google Web Fonts Directory appeared first on WebAppers.
Sponsors
Select-or-Die is a jQuery plugin to style select elements. If you feel like adding a placeholder that’s displayed before anything is selected. Once a selection has been made the placeholder will be removed until the user clicks the SoD again. You can also add a prefix that’s displayed in front of the selected option. When [...]
The post A Flexible jQuery Plugin to Style Select Elements appeared first on WebAppers.
Sponsors
Trumbowyg is a light, translatable and customisable WYSIWYG editor jQuery plugin. Beatiful design, generates semantic code, comes with a powerful API. Editor and generated code are optimized for HTML5 support. Compatible with all recents browsers like IE8+, Chrome, Opera and Firefox. All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 15kB which means [...]
The post A Lightweight & Customisable WYSIWYG editor appeared first on WebAppers.
Sponsors
jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure. It supports data sources: PHP + MySQL, ASP.NET + Sql Server, PHP + SQLite. It works with JavaScript templates like Handlebars, Mustache etc. jPList supports XML + XSLT. It works in all major browsers. For non-commercial, personal, or open source [...]
The post A Flexible jQuery Plugin for Sorting & Pagination appeared first on WebAppers.
Sponsors
localForage is a JavaScript library that improves the offline experience of your web app by using asynchronous storage (via IndexedDB or WebSQL where available) with a simple, localStorage-like API. localForage uses localStorage in browsers with no IndexedDB or WebSQL support. Asynchronous storage is available in the current versions of all major browsers: Chrome, Firefox, IE, [...]
The post Improve Offline Experience Using Asynchronous Storage appeared first on WebAppers.