Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘MIT License’ Category

While developers may love diving under the hood, those are usually marketing people who end up using content management systems and paying money for web design agencies. And so great content management systems must be built with the actual content managers in mind first. One of such systems is ImpressPages.

Read the rest of this entry »

When it comes to drag ‘n’ drop and reordering elements with JavaScript, jQuery UI’s sortable widget is by far the most popular.

There is also a tutorial at WRD for using it with server-side scripting.

Sortable is a JavaScript library that performs the same task without any JavaScript framework.

Sortable

It uses the native HTML5 drag and drop API, has a small footprint (<2kb gzipped) and works on touch devices too.

Also, besides single lists, items can be moved between multiple lists too.

For responsive layouts, we may want to trigger different JavaScript codes depending on the screen size, platform or browser.

Simple State Manager is a lightweight and easy-to-use JavaScript State Manager for responsive websites.

It doesn’t require any JavaScript frameworks and a perfect companion for handling layout-specific code in a clean way.

Simple State Manager

You can define the breakpoints and pack all the JavaScript to be executed on that breakpoint. Once another breakpoint is reached, SSM disables all the previous custom code and triggers new ones (so you don’t have to).

The manager comes with a complete API, a debugger and plugin support for extending further.

Sometimes, using breakpoints in @mediaqueries are not enough and we also declare them (for further customizations) in JavaScript as well.

Unison.js is a tiny script (<1kb minified, gzipped) that enables us to declare breakpoints only once and use them both in JavaScript and markup.

Unison.js

It requires a preprocessor like SASS, LESS or Stylus to function. And, behind the scenes, it uses the font-family property on the page’s head and title tags to store information.

There is also a debug feature which prints the breakpoints to see them easier.

There are great and popular CSS preprocessors like SASS and LESS.

Myth is an other one which allows us to write pure CSS without having to worry about browser support, or even slow spec approval.

Myth CSS

It simply functions like a CSS polyfill but we can still use variables and math functions.

The tool auto-adds browser-prefixes, runs on Nodejs and has a nice JavaScript API.

iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.

Switchery is a JavaScript library, that doesn’t require any JS  frameworks, that can convert select boxes into such interfaces.

The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.

Switchery

  • Tags:
  • Filed under: Forms, Gallery, Goodies, MIT License
  • 0 Comments
  • Summernote is a simple, clean and flexible WYSIWYG Editor that is built on top of jQuery and Bootstrap.

    It supports Bootstrap’s both active versions (2 and 3) and has keyboard shortcuts for all major tasks.

    Summernote WYSIWYG Editor

    There is a powerful API which provides lots of customization options in means of design (width, height, active items..) and functionality.

    The project also has integration samples for major scripting languages or frameworks (PHP, Ruby, Django, Nodejs).

    The loading indicators that are mostly used in Ajaxed interfaces are shifting from images to HTML-elements for max. flexibility.

    SpinKit is a free pack of these loaders that are built with HTML and CSS.

    There are currently 8 of them, all are good-looking and, although their CSS styles are presented in a link, the HTML structure can be found in the source.

    CSS Loaders

    It is usually not easy to present “menus that are few levels deep” in a user-friendly way. And, that’s specially hard for cross-platform layouts.

    Multi-Level Push Menu is a jQuery plugin that provides a very good solution to such menus.

    Multi-Level Menu jQuery

    It has support for unlimited levels, works cross browser/platform and makes things much easier for touch devices with swipe gestures.

    The menu can be set to next from left-to-right or right-to-left and all works with a simple markup (unordered lists).

    When developing with Xcode and Objective-C, it is usually hard and time-consuming to create animations.

    Canvas is a project that makes adding good-looking animations easy for iOS apps.

    Canvas For iOS

    With almost no coding, effects like fade, zoom in/out, slide, bounce, pop, shake and more are available for use.

    The project is not only about animations but currently comes with a “custom font” component and plans to add ones like parallax, sticky headers and various others.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com