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

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.

Each social network has its own dynamics when it comes to customizing the social profiles and pages. Different requirements and sizes.

Social Kit is a free Photoshop plugin that focuses on simplifying the design of such pages and profiles.

It currently supports 4 networks: YouTube, Twitter, Facebook and Google+.

The plugin has full-sliced and editable templates where the outputs look just the same as “how they will look when live”.

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.

There is always a search for better and simpler. And, the same goes for content management systems.

Although we have powerful tools like WordPress, Drupal or Joomla, there is a huge interest for focused ones (remember Ghost).

Dropplets

Dropplets and Leeflets are two separate apps, by the same team, where one of them is focused on blogs and the other one on other types of websites.

They both don’t require a database but use Markdown-formatted files instead for the content.

The scripting language is PHP, content can be edited while browsing and both of them are being updated/improved regularly.

Inky Deals is one of the leading deals websites in the design community, with an extended family of more than 300,000 design enthusiasts.

It’s the place to go if you want to buy premium resources at unbeatable prices, whether you’re a graphic or web designer, developer, or business owner looking to improve yourself and your work.

InkyDeals

They’re the only deals website who offer a 200% money back guarantee on every product.

This means that if you’re not happy with it, you get your money back and you also get to keep the product.

471 Premium Design Resources for Free

Because Inky (the lovable little ink blob and mascot of Inky Deals) and his team enjoy giving back to the community, they’ve created a huge free web design bundle: 471 Premium Design Resources for Free value $519, which you can find exclusively on Inky Deals.

InkyDeals Free Deal

Partners

It contains textures, UI kits, HTML, PSD & WordPress templates, patterns, fonts, courses and much more. Here are their partners who helped them put this great bundle together:

InkyDeals Partners

Resources

This bundle has got dozens of good reviews, hundreds of shares and thousands of fans from all over the world. Let’s see what you get by downloading this full pack of resources:

45 OpenType Fonts from 128Bit Technologies
InkyDeals
Pixel Perfect Social Media Icons from Design TNT
InkyDeals Icons
Dead Stocker PSD Website Template from DesignModo
InkyDeals Templates
Subtle Patterns Set from Design TNT
InkyDeals Patterns
This is just a small part of the design goodies you get by downloading this free bundle. Check out the entire 471 Premium Design Resources for Free!

UI kits are very useful for starting and completing  a web design project quickly.

PixelKit, a premium UI kit brand, is sharing a lightweight version of their Modern Touch UI kit exclusively with WRD.

It is available in PSD and there are items for navigation, slider, accordion, form controls, social links and more.

Modern UI Kit
Read the rest of this entry »

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

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

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com