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

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

Marvel is a free, web-based tool for creating prototypes for any device: desktop, tablet, mobile and more.

The app works by synchronizing with your Dropbox account which simplifies updates (as local file updates are instantly reflected to the Marvel-powered prototypes).

It accepts both images + PSDs and prototypes can be shared with unique URLs, SMS or QR codes.

Marvel Prototyping App

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com