By yadirosadi on 151 days ago

Sani is a blogging framework designed by Gaurav Koley for Jekyll, the blog aware static site generator powering Github Pages with Prose.io.
To start blogging with this framework, you need to write your own HTML templates, CSS, Javascripts and set up your configuration. But with it, all you need to do is clone or fork Sani, install dependencies, and you’re set. Continue reading “Sani – A Clean Responsive Blogging Framework”
By yadirosadi on 152 days ago

LoremImages is a jQuery plugin that allows you to make random images in your web content easily. This plugin offers a wide array of options: Number of images, image width and height, choose images from a specific category and you can also choose whether to load normal or only black and white images. Continue reading “LoremImages – Make Random Images in your Web Content”
By yadirosadi on 153 days ago

HTML_CodeSniffer is a client-side JavaScript application that checks a HTML document or source code, and detects violations of a defined coding standard. It does not require any server-side processing and can be extended by developers to enforce custom coding standards.
It comes with standards that cover the three conformance levels of the W3C’s Web Content Accessibility Guidelines (WCAG) 2.0.An auditor interface is provided by a bookmarklet to let you try out the WCAG 2.0 checks on any web page. Continue reading “HTML_CodeSniffer – Checks Coding Standards For Your HTML Code”
By yadirosadi on 154 days ago

Singularity is a responsive grid system designed to be a powerful and super flexible grid system. It is a powerful and intelligent grid framework for Sass and Compass that not only allows you to create responsive websites on any symmetric (uniform) grids, where all columns are the same width, but has the tools for asymmetric (non uniform), where columns can be of varying widths and compound grids built in.
It supports two different outputs, the traditional Float output and the new Rounding Error Isolation method meant to eliminate issues some browsers have with rounding percentages. Continue reading “Singularity – A Flexible Grid System without Limits”
By yadirosadi on 155 days ago

Sometimes a project doesn’t need rounded corners or drop shadows. Flatstrap is a version of Twitter Bootstrap with no rounded corners, gradients or drop shadows. This allows you to use Bootstrap for Metro-like designs. Continue reading “FlatStrap – Bootstrap for Metro-like Designs with no Rounded Corners”
By yadirosadi on 156 days ago

Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows by specifying multiple images. Continue reading “Vegas – A Beautiful Fullscreen Backgrounds for your WebPages”
By yadirosadi on 157 days ago

jQuery.Snipe is a Plugin that allows you to zoom in area of images with an effect style similar to a sniper lens. The plugin is written in coffeescript and tested with buster.js. Continue reading “Sniper Lens-Style Zoom Effect on Images – jQuery.Snipe”
By yadirosadi on 159 days ago

X-editable is a library that allows you to create editable elements on your page. It can be used with any engine (Bootstrap, jQuery-ui, pure jQuery) and includes both popup and inline modes. It’s new life of bootstrap-editable plugin that was strongly refactored and improved. Continue reading “X-editable – In-Place Editing Elements on your Page with Bootstrap”
By yadirosadi on 161 days ago

xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization. The library can create most of the popular chart formats, such as line charts, cumulative charts and bar charts. you can convert data from e.g, CSV and JSON formats. Continue reading “xCharts – Build Beautiful Custom Chart & Graphs Based on D3.js”
By yadirosadi on 165 days ago

One Div is an showcase of icons that aims to highlight the potential of CSS3 through a library of single element logos. All icons displayed on the website are realised in pure css that are created with only one html div element. It is also to provide an alternative to SVG.
There are 55+ icons, new ones are added from time-to-time and it is possible to click the source codes with a click or download them. It is compatible in Chrome Firefox and Safari. Continue reading “One Div – Pure CSS Icons with Only One HTML DIV Element”