Respond lightweight - Respond lightweight polyfill for min/max-width CSS3 CSS2 / CSS3.0 Java Script Responsive

Respond lightweight polyfill for min/max-width CSS3

Respond A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more). The goal of this script is to provide a fast and lightweight (3kb minified / 1kb gzipped) script to enable responsive web designs in browsers that don’t support CSS3 Media Queries – in particular, Internet Explorer 8 and under. It’s written in such a way that it will probably patch support for other non-supporting browsers as well (more information on that soon).

Read More

Continue Reading...

UnlimitedGridLayout with Javascript and CSS - UnlimitedGridLayout with Javascript and CSS CSS2 / CSS3.0 Java Script Layout Responsive

UnlimitedGridLayout with Javascript and CSS

UnlimitedGridLayout with Javascript and CSS. During my work as a frontend developer I coded many sites with a full page layout, both before and after the Flash decline. Coding this type of layout was, every time, one step forward towards a better and more maintainable CSS structure; however, even if every single length was expressed as a relative and flexible unit, we need to know the number of pages.

Read More

Continue Reading...

Rimg A responsive image solution - Rimg A responsive image solution for browsers pure javascript Image Effects Java Script Responsive

Rimg A responsive image solution for browsers pure javascript

Rimg A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code. “Responsive-image” (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of this page shows how the image is being changed by pure Javascript.

Read More

Continue Reading...

BaguetteBox.js easy to use lightbox - BaguetteBox.js easy to use lightbox script written in pure JavaScript CSS2 / CSS3.0 Java Script Popup Window Responsive

BaguetteBox.js easy to use lightbox script written in pure JavaScript

BaguetteBox.js Simple and easy to use lightbox script written in pure JavaScript.

Features:

  • Written in pure JavaScript, no dependencies required
  • Multiple-gallery support allows custom options for each
  • Supports swipe gestures on touch-screen devices
  • Full-screen mode available
  • Modern and minimal look
  • Image captions support
  • Responsive images
  • CSS3 transitions
  • SVG buttons, no extra files to download
  • Around 3.2KB gzipped
  • With Accessibility in mind

Read more Download Demo

Read More

Continue Reading...

Fixed Nav one page navigation - Fixed-Nav one page navigation with animated scrolling Java Script jQuery Plugins Menus Responsive

Fixed-Nav one page navigation with animated scrolling

Fixed-Nav Responsive, fixed and touch friendly one page navigation with animated.

Features:

  • Fixed positioned, always visible navigation bar
  • Uses vanilla JavaScript, no jQuery required
  • Smooth animated scrolling
  • Removes 300ms tap delay
  • Adds a mask over the content when navigation is open
  • Auto highlights current location
  • Uses a tiny custom font for icons (only two characters included)
  • Closes the navigation when user tap’s outside of it
  • Tapping a link changes the URL, so you can still copy/paste it and link to different sections
  • Built progressive enhancement in mind

Read more Download Demo

Read More

Continue Reading...