orioltf / githublisting Goto Github PK

A jQuery plugin for producing big, bold & responsive headlines

https://github.com/freqdec/slabText
http://freqdec.github.io/slabText/

Inplace editor plugin for jQuery. Click and edit the content of different html elements. I am based on Dylan Verheul’s editable (http://www.dyve.net/jquery/?editable).
https://github.com/tuupola/jquery_jeditable

Sliding views (incoming views that “push” old ones off-screen) have become so commonplace in mobile design we tend to take them for granted. They’re useful because they allow content to be broken into bite-sized chunks while maintaining hierarchy through the use of spacial animation. They look pretty neat, too.

https://github.com/orioltf/SimpleSlideView
https://github.com/cloudfour/SimpleSlideView
http://blog.cloudfour.com/simpleslideview/

Responsive images while we wait for srcset to finish cooking

https://github.com/BBC-News/Imager.js
http://responsivenews.co.uk/post/58244240772/imager-js

A set of placeholder directives & services for use during development of AngularJS apps.

http://joshdmiller.github.com/angular-placeholders
https://github.com/joshdmiller/angular-placeholders

A typographic starter kit encouraging great type on the Web

http://typeplate.com/

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it's responsive?
https://github.com/twigkit/semantic.gs/
http://semantic.gs/
http://coding.smashingmagazine.com/2011/08/23/the-semantic-grid-system-page-layout-for-tomorrow/

A minimalist markdown blogging platform.

http://dropplets.com/
https://github.com/circa75/dropplets

The Responsive Grid System isn't a framework. It's not a boilerplate either. It's a quick, easy & flexible way to create a responsive web site.
Have Any Number of Columns. No Maths Required.
https://github.com/grahammiller/ResponsiveGridSystem
http://www.responsivegridsystem.com/

A CSS3 and jQuery Filter & Sort Plugin

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It's perfect for portfolios, galleries, blogs, or any categorized or ordered content!

https://github.com/barrel/mixitup
https://github.com/orioltf/mixitup
http://mixitup.io/

A mixin for creating retina sprites with hover & active states

https://github.com/AdamBrodzinski/Retina-Sprites-for-Compass

Creating Multi-step Forms with jQuery and Promin.
Promin allows you to break forms into smaller chunks.

http://timseverien.nl/promin/
https://github.com/timseverien/Promin
http://flippinawesome.org/2013/07/29/creating-multi-step-forms-with-jquery-and-promin/

CSS Browser Selector is a very small javascript which empowers CSS selectors.
You can now write code for: browser, browser version, platform, platform version, device, device version.
Best part: no more hacks; all compliant code.

https://github.com/verbatim/css_browser_selector
http://rafael.adm.br/css_browser_selector

VerbalExpressions is a JavaScript library that helps to construct difficult regular expressions.

https://github.com/VerbalExpressions/JSVerbalExpressions
https://verbalexpressions.github.io/

A lightweight semantic grid framework for Sass and Bourbon.
https://github.com/thoughtbot/neat
http://neat.bourbon.io/

Flowtime.js HTML5/CSS3/JS Presentation Framework

https://github.com/marcolago/flowtime.js
http://flowtime-js.marcolago.com/

It is a JS-agnostic plugin that offers itself to be also wrapped for jQuery and Zepto.

https://github.com/rolandjitsu/drawerjs

Responsive navigation plugin without library dependencies and with fast touch screen support.

http://responsive-nav.com/
https://github.com/viljamis/responsive-nav.js

A better way for new feature introduction and step-by-step users guide for your website and project.

https://github.com/usablica/intro.js
http://usablica.github.com/intro.js/

A modal build out of pure CSS

https://github.com/drublic/css-modal
http://drublic.github.io/css-modal
https://github.com/orioltf/css-modal
http://drublic.github.io/css-modal/

The most advanced responsive front-end framework in the world.
https://github.com/zurb/foundation
http://foundation.zurb.com/
http://foundation.zurb.com/docs

https://github.com/orioltf/gallery-css
https://github.com/benschwarz/gallery-css
http://benschwarz.github.io/gallery-css/

Susy is a semantic CSS grid system with a responsive twist.
https://github.com/ericam/susy
http://susy.oddbird.net/

https://github.com/kenkeiter/skeuocard
http://kenkeiter.com/skeuocard/

Buttons with built-in loading indicators.
https://github.com/hakimel/Ladda
http://lab.hakim.se/ladda/

A folding grid for responsive design. A fluid-width grid system composed out of 18 even columns, two of which are used as outer margins, leaving 16 columns for use in design, which in turn can be combined into 8 columns or 4 columns as needed.
https://github.com/jonikorpi/Golden-Grid-System
http://goldengridsystem.com/
http://seangoresht.com/index.php/tutorials/item/the-golden-gridlet-system-ggs-explained

https://github.com/DarbyBrown/Shade
http://codepen.io/hugo/full/xzjGB
http://codepen.io/orioltf/pen/franE

http://usehook.com/
https://github.com/jordansinger/Hook.js

https://github.com/viljamis/TinyNav.js
http://tinynav.viljamis.com/

Responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).

http://coding.smashingmagazine.com/2013/05/02/truly-responsive-lightbox/
http://dimsemenov.com/plugins/magnific-popup/
https://github.com/dimsemenov/Magnific-Popup

Prototype iPhone apps with simple HTML, CSS, and JS components.

http://maker.github.io/ratchet
https://github.com/maker/ratchet

Jeet takes the best of the open source HTML5/CSS3 World and combines it into a lightweight, semantic, responsive, and blazing fast framework. You can use Stylus, or SCSS, OR BOTH!
https://github.com/CorySimmons/jeet
http://www.jeetframework.com/

extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!

https://github.com/adnantopal/extractcss
http://extractcss.com/
https://github.com/orioltf/extractcss

Each element you want can be labeled. Simple & Easy!

http://usablica.github.io/label.css/
https://github.com/usablica/label.css

An angular navigation service for mobile applications

http://ajoslin.github.com/angular-mobile-nav
https://github.com/ajoslin/angular-mobile-nav

Mobile & Desktop touch slider and framework with hardware accelerated transitions
https://github.com/nolimits4web/Swiper
https://github.com/orioltf/Swiper
http://www.idangero.us/sliders/swiper/

CSS spinner for modern browsers, built with Sass.

Browser Support

• Chrome 24+
• Firefox 18+
• IE 10+
• Opera 12+
• Safari 5+
• iOS 5 & 6 (scrolling pauses animation)
  A standard 32x32 animated gif throbber is provided as a fallback for older versions of IE. It is centered where the spinner animation would have been.

https://github.com/tomgenoni/ouroboros
http://atomeye.com/sass-css-spinner.html

Opentip is an open source javascript tooltip framework.

http://www.opentip.org
https://github.com/enyo/opentip

jQuery custom events swipeleft, swiperight, swipeup and swipedown

https://github.com/stephband/jquery.event.swipe
http://stephband.info/jquery.event.swipe

Dependency: jQuery.event.move: stephband.info/jquery.event.move

An SIL-licenced (GPL-compatible) icons font for bootstrap

https://github.com/aristath/elusive-iconfont
http://aristath.github.com/elusive-iconfont/

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

https://github.com/OwlFonk/OwlCarousel
http://owlgraphic.com/owlcarousel/
https://github.com/orioltf/OwlCarousel

Serializes HTML tables into JSON objects.

https://github.com/lightswitch05/table-to-json
http://lightswitch05.github.io/table-to-json/

Validate your forms, frontend, without writting a single line of javascript!
https://github.com/guillaumepotier/Parsley.js/
http://parsleyjs.org

A jQuery plugin that gives users real time hints & progress updates as they complete forms.
http://git.aaronlumsden.com/progression/
https://github.com/aarondo/progression.js

A simple and lightweight mixin library for Sass.

http://bourbon.io/
https://github.com/thoughtbot/bourbon

Create expandable textarea and write large amount of text easily.

https://github.com/usablica/widearea
http://usablica.github.io/widearea/

Simple library for handling keyboard shortcuts in Javascript

https://github.com/ccampbell/mousetrap
http://craig.is/killing/mice

A dead simple method of creating responsive fluid grids with fixed gutters.
https://github.com/mattberridge/Proportional-Grids/
http://builtbyboon.com/wp-content/uploads/Proportional-Grids/
http://builtbyboon.com/blog/proportional-grids

Wirefy is a browser based responsive wireframe tool, which allows you to create functional wireframes using standard elements. Think of it as the foundation for your content to be built on. This allows you to focus on the content rather than the design to get faster sign off. Wirefy is not a one-solution answer.
https://github.com/cjdsie/wirefy
http://getwirefy.com/

Lightweight cross-browser jQuery plugin to emulate the HTML5 placeholder attribute on browsers that don't support it

https://github.com/AurelioDeRosa/Audero-Unified-Placeholders
http://htmlpreview.github.io/?https://github.com/AurelioDeRosa/Audero-Unified-Placeholders/blob/master/demo/index.html