Saturday, April 30, 2016

Comics of the week #337

http://ift.tt/1N9V47N

Every week we feature a set of comics created exclusively for WDD.

The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.

These great cartoons are created by Jerry King, an award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today.

So for a few moments, take a break from your daily routine, have a laugh and enjoy these funny cartoons.

Feel free to leave your comments and suggestions below as well as any related stories of your own…

Bring a white flag

A long term employee

 

A nice touch

Can you relate to these situations? Please share your funny stories and comments below…

2 Beautiful Modern Calligraphy Fonts – only $9!

Source

Vía Webdesigner Depot http://ift.tt/24rplDf

Friday, April 29, 2016

Can a design be “correct”?

http://ift.tt/1rGq1Hb

Design is about problem solving, whether that be visual, structural, conceptual, or any other ‘…al’. If there’s a problem, it follows that there is a solution.

When Steve Jobs hired design legend Paul Rand to design the brand identity for what would be named (by Rand) NeXT computers, he was expecting a few options. Instead, Rand delivered a highly detailed explanation of a single solution. Famously, according to Jobs, Rand said:

“I will solve your problem for you and you will pay me”

However, Rand followed that by saying: “If you want options go talk to other people.” Acknowledging that although Rand had delivered his “correct” answer, it wasn’t necessarily the correct answer.

Rand didn’t have the same access to user testing that we enjoy. The principle of A/B testing tells us that different solutions can be measured against one another, provided we have a definite goal. The practicality of A/B testing is questionable, but in laboratory conditions, we are able to prove that one solution outperforms another; test enough solutions and you will eventually find the “correct” answer.

However, design doesn’t exist in a laboratory, it reflects its context. Subjective viewpoints of different users may mean that the “correct” design for one, is “incorrect” for another. Even more than different users, different stakeholders commonly have different motivations, meaning that not only the context of the design, but the problem its designed to solve is frequently changing.

If a design brief is a problem, can it have a “correct” solution?


30 High-Quality Vintage Fonts with Bonuses and Extended License – $17!

Source

Vía Webdesigner Depot http://ift.tt/1roABC7

Adobe packs Experience Design CC with new features

http://ift.tt/23cHBh2

This week Adobe announced the first update for Experience Design CC since its public preview. The update is a response to the feedback Adobe received from the design community.

In a blog post, the company made clear that some of these updates are still works in progress, but Adobe’s confident that users can create even richer designs more effectively thanks to new additions like grids.

Here’s a quick rundown of all the new features:

Grid support

The biggie in this update is definitely grid support, as this release allows designers to set a customized grid on any artboard. This is one of the features that garnered a lot of votes from the design community, which is why Adobe prioritized it in this update.

Now, users will be able to set up standard spacing on their designs, which will let them create more exact drawings and layouts.

Text enhancements

Users are able to change the line spacing for their area text component by utilizing a control within the properties inspector. Again, Adobe is responding to feedback from the design community that told them that this was very essential to proper design. More updates will follow in the future.

Enhancements to design

Experience Design CC’s preview allowed users to edit the radius of the four corners of a rectangle. Individual corners were also editable via the “alt” modifier. Now, users can alter the corners in the property inspector.

To help with designers’ productivity, this update lets users quickly choose anchor points for any path by utilizing marquee selection.

Drag and drop assets

Dragging and dropping is made easier in this update, thanks to the capacity to drag and drop your images from your browser right into your XD designs. This ought to allow users to also get assets onto their canvas more efficiently than ever.

It’s also possible for designers to drag plain text files right into XD designs. This will establish an area text or populate a Repeat Grid’s text controls.

Embedded images support

When users now copy or paste from Adobe Illustrator or if they import from SVG, Adobe will bring in embedded images. This will likely raise the fidelity of artwork that’s brought into XD from outside sources.

Improved sharing

The update allows designers to share various versions of their prototypes with stakeholders. Simply follow these steps:

  1. Click on the “Share online” button
  2. Click on the “Create link” button to create a link
  3. Complete modifications to the design for a second iteration
  4. Once more, click on the “Share online” button
  5. Create a new, public URL, by selecting “New URL”

Following these steps should result in you having two, public URLs for each iteration of your design.

These new updates and functionality are just the beginning. Adobe is already currently working on other highly requested updates from its design community, so stay tuned for more news on this release.

EXCLUSIVE! 1500+ Professional Vector Character Illustrations Mega Bundle – only $27!

Source

Vía Webdesigner Depot http://ift.tt/1NZEphW

Thursday, April 28, 2016

5 things nobody tells you about freelancing

http://ift.tt/1qXidzC

Starting out on your own as a freelancer is exciting. You’re making your talents available to the world, and are ready to make your mark.

While this career path can be very rewarding (monetarily and otherwise), it’s not all kittens and unicorns. There are going to be challenges and days when you wonder why you ever wanted to do this. It’s not necessarily the care-free lifestyle you may have been lead to believe.

As someone who has been freelancing for almost two decades, I’ve experienced a whole lot of ups and downs. Here’s a look at some of the joys and pains of freelancing. You know, the stuff nobody tells you about!

1) You are not your own boss

When you’re just starting out as a freelancer, you might think that you’ll have complete control over your life. If you’re working from home, you can crank up the music to eleven. You can wear whatever you want. Need a bathroom break? You don’t have to sneak past the boss, because you are the boss. Want to go play golf? Sure, nobody will notice.

But alas, you are not as much of a boss as you think you are. It turns out that, if you want to have a successful business, then your clients will dictate your workday.

I can tell you from experience that just running out to Starbucks for a half hour means that you’ll probably have a several emails and maybe a voicemail to respond to when you get back. So, just imagine the catching up you’ll need to do after a day on the golf course! Sometimes, you just feel compelled to stay at the office to avoid getting behind.

So, while you’ll have some control over your lifestyle, you won’t have as much as you might expect. That’s not even a bad thing, necessarily. It just means that you have to remember that you’re working for your clients, and there are responsibilities that come along with that.

2) You need a sixth sense for people

Let me preface this by saying that, each day, I get to work with some truly wonderful people. There are some clients who you’ll get to know on a personal level and even consider them close friends. It’s one of the great benefits of being in business.

That said, you’ll occasionally run into a person who isn’t quite the friendship type. They may not even be cordial (trust me, I have anecdotal evidence). As we know, there are all types of personalities out there in the world. Just because we’re in business doesn’t mean everyone is always prim and proper.

While I could delve into personality types and personal horror stories, this might not be the proper forum. Instead, I’ll offer you some advice:

If, after a meeting/phone call/email exchange with someone, you get a sense that you’re not necessarily thrilled with the prospect of working with them, then you might be better off walking away. While it may hurt the old bank account to turn down a project, you may find that it’s more expensive to work with someone who is volatile.

If you’re not sure about a person, do some research on them and their business. You may find that reviews from customers or other businesses can be a huge help.

3) You’ll see your kids grow up

If you don’t have children just yet, then this one may not be on your radar. In that case, just replace the word “children” with “pets” or “house plants”.

Working from home, you may just find that you’ll get to spend some extra time with your children. Personally, I get to spend a few extra hours per day with my daughter. I readily admit that it’s not always easy to balance work with parental responsibilities. There are days when it can be very hectic.

But it is absolutely one of the best parts of freelancing. On the good days, you’ll be reminded of why you are working so hard. On the difficult days, you’ll at least realize that there is way more to life than just work. Overall, it’s very rewarding and good for the soul (cue the sappy music).

4) You’ll need help

Inevitably, there will be a project or business task that will require you to seek some professional help. This may include bringing in another freelancer to help with writing code, or an accountant to help manage your finances. Even if you are an expert in all facets of your business, you still may not have time to handle it all on your own.

If you have a friend (near or distant) whom you can rely upon for help, that’s wonderful. If not, then you may have to do some networking (dreadful, I know). Joining a local meetup or business association can be very helpful, though. You might just meet some people who can provide you with that extra layer of support.

5) You’ll be just fine

As we’ve learned, there are some aspects of freelancing that can be a bit intimidating. There is, for one, a lot of responsibility to both your clients and yourself. But most things that are worth doing aren’t easy.

If you’re talented and dedicated to your craft, then you’re going to pick up on all the intricacies of running your own business over time. I can honestly say that I still don’t know everything and probably never will. But each experience can be a valuable learning tool. Your goal is to take what you’ve learned and improve both yourself and your business.

LAST DAY: Exclusive Mega Bundle – 2100+ DesignElements – $29

Source

Vía Webdesigner Depot http://ift.tt/26wKQoi

Wednesday, April 27, 2016

Take color inspiration from the masters

http://ift.tt/1TdPNsm

Picking colors for a design, a piece of art, or a living room for that matter, has never been easy for a lot of us. Even the pros sometimes get lost in all of the potential variants and combinations.

Apps like Color CC (once called Kuler) and sites like ColourLovers have given us a way to store and share our favorite palettes. These are an invaluable resource. Once in a while, though, we can’t help but look to the masters.

After muttering something under our breath about how “Rembrandt probably never had a hard time picking colors, the jerk!”, we look to their work for examples of timeless, ageless, trend-transcending beauty. And now, you can steal their color palettes, thanks to Color Lisa!

Color Lisa is a curated list of color palettes based on masterpieces of the worlds greatest artists. Each palette was painstakingly created by color obsessed designers, artists, museum curators, and masters of color theory.

Just browse down through the page ‘til you find your favorite artists, and click through to see which of their many works have been boiled down into color palettes. Click on the view icon next to the title to remind yourself of the original artwork.

Here are some examples, starting with The Mona Lisa, by Leonardo da Vinci (because of course we had to):

 

Now, if you go through the whole list, and your favorite artist isn’t there, or you can’t find a palette based on your favorite work of art by one of the featured artists, you are free to send in suggestions. If your suggestion is approved, it will be dissected by the color experts.

Now, I’m not entirely sure who the “color experts” are, but I can’t deny that they do good work. Every color palette feels right for the source material.

Have a scroll through Color Lisa, see if you don’t come out feeling a little more inspired.

99 Hi-Res, Photo-Realistic Newspaper Mockups – only $16!

Source

Vía Webdesigner Depot http://ift.tt/1QAmCha

Tuesday, April 26, 2016

Online brand-building 101

http://ift.tt/1pBfGKz

Building a brand online is a different task to traditional brand building. Of course it won’t hurt to combine the offline and online marketing techniques, and indeed for best results, you should do that. Too many times clients think that all they need to do is have a website made for them and then they can sit back and count the money as millions of visitors arrive at their site.

The reality of the situation is quite a bit different, as they soon discover. Then the force of their frustration is often directed at the website designer, as if to say that the design is the reason for the failure. Usually it is not the case that the design is to blame, but rather that the site owner has done nothing to promote the site either online or offline.

In this article, we’ll look at what designers or marketer can do to improve things for the success of their clients, or at least what advice you should be giving to your clients to avoid getting those nasty emails where they direct all their stored up frustrations at you.

1. Just building a site is not enough, unless you have one hell of a unique niche

Building a successful online presence with zero promotion is close to impossible. The only way you can really do it is by creating something so completely amazing that it markets itself just by being accidentally discovered. The chances of that happening are microscopically small, so it’s not a clever strategy. You must promote your site in some way. It does not necessarily mean that you have to spend money, but you have to do something. Just building a site does not ensure success.

2. Start with the name and go from there

Obviously with any brand, it’s all about the name, so it makes sense to start with that. Want some proof? When Prince decided to change his name to a symbol and have people refer to him as “the Artist Formerly Known as Prince” that generated instant long-term viral publicity, because it was talked about, parodied and mocked for days. All of that made Prince suddenly relevant again at a time people were not paying much attention to him.

Choose a good name, one that makes you stand out. An ideal name has some kind of positive association, is easy to remember, easy to spell, and universally possible to pronounce. That’s actually a lot harder to achieve than you may at first think.

Once you have decided on a good name, your first step should be to purchase the domain name. Then you can start worrying about other things like creating a logo or what color your stationery should be. Your name is your most important business asset, so give choosing it the respect it deserves.

3. Make your logo easy to scale, equally good in color or monochrome, and easy to recognize

Logos are also important, and because you’re going to be including your logo in your web design, it should be something that is easy to fit into a web design. Therefore obviously logos that will easily fit into a rectangular space are better than logos that contain huge circles, for example, because circles don’t scale down well. You get a lot of wasted space around the edges of the circle, because websites need everything to fit inside a rectangle. The size of a circle determines the size of the rectangle required to contain it.

A good logo also should be easy to identify even when it is not shown in its normal color scheme. It is a very common mistake for inexperienced graphic designers to create logos that are mostly based on color and derive their identity from color. Don’t make that mistake.

4. Create social media pages before you create the website

This may sound eccentric, but there is a good reason for doing it this way. You can use social media to build hype about your site (and brand) before the site is launched.

5. Build hype on social media, and invest in this as much as you can

No matter what else you do, the most important thing you are going to do before launching your brand’s website is to build hype about your brand first. Or at least make sure that people know your name and remember it.

John West (manufacturers of canned fish products) did this successfully in the late 1990s and early 2000s when they released a series of video ads that people felt compelled to share. Other brands have since followed suit, such as Panda dairy products.

Don’t waste your time on something small. Whatever you’re going to do, make it big. Make an impact. Make sure everyone is talking about it. Those ads I talked about are years old now, and yet here I am writing about them in this article, extending their virality. That’s the kind of notoriety you have to reach for.

6. Build an awesome “coming soon” page

Some experts will tell you to skip this step, and say it’s bad to have an announcement that your page is under construction. But what would those guys know? There’s every chance that stirred by the brilliant viral marketing campaign you unleashed in step 5, a lot of people will try to jump the gun and check out your website before you’re ready to show it off. That’s OK, as long as you have something there to keep them interested. Get them to bookmark you, ask them to subscribe to your RSS feed, get them to part with their email address… whatever you can do to make it easy to tell them when the site is ready for their viewing pleasure.

Just make sure you don’t do this by halves. You have to commit as heavily to this step as any other, and make a page that really creates buzz. Ideally people will be talking to each other about how awesome your “under construction” site is, and that will build anticipation in their minds that the real site will blow them away when it finally arrives. And they’ll want to be there to see that.

7. Build a website that’s every bit as good as you promised

If you’ve built up a lot of hype and momentum about your site while it was being constructed, it has to actually meet expectations. Whatever you’ve built it has to be big, it has to be relevant, and it has to be better than anything that has existed before it.

That is indeed a tall order, but it is vital if you are going to be successful in getting to the top of the heap and fending off all challengers. Your website obviously must look good, but it also shouldn’t have anything there that you can’t explain the purpose of. You should know exactly why anything that appears on your page is there. It should be easy to navigate and well written. Content is everything, and especially the text.

8. Make dealing with you a pleasant experience

Web users won’t excuse bad behavior. Be a good host and take care of your visitors. Your customer service should be of an excellent standard, and it should be easy for anyone to communicate with you. Keep up your social media presence as well, and hire dedicated staff to handle only that task if you can afford to.

Following the above tips should help you build a strong online brand that engages an audience and makes them like you. The key to it all is to keep your integrity, deliver what people want, and get attention by being the best.

Career Builder Library with 150+ Online Courses and Resources – 91% off!

Source

Vía Webdesigner Depot http://ift.tt/1VzIMbn

Monday, April 25, 2016

60 fresh resources for designers, April 2016

http://ift.tt/1SES7Lf

Hey there! We are proud to return fully stacked with a collection of resources and tools that will help you make the most of your web design/development skills.

This month we have an appealing 3D text effect, an awesome flat emojis set, various UI kits for Sketch, a full Bootstrap 4 GUI pack, some amazing typefaces, a modern landing page template and a clean restaurant PSD template, WordPress themes, a curious and yet fun snippet to tear a cloth apart, a great clock developed in CSS and JavaScript, a CSS slider with cool effects, a browser extension to protect your credit card information, a handy HTML email framework, a lightweight CSS framework, and many more tools and resources. Enjoy!

Dripicons V2

An amazing set of 200 neatly crafted line icons for general purpose that come in SVG, Webfont, PSD, and Sketch formats.

Dripicons V2: Amazing SVG, Webfont, PSD, Sketch

Barista & coffee icon set

An amazing set of 50 line style icons perfectly designed in a 256px grid adapted for iOS icon grid, they all come in EPS, SVG, and PNG (128 & 256 pixels) formats as individual files.

Barista & Coffee EPS, PNG & SVG Icon Set

91k realistic desktop icons bundle

A bundle that contains more than  91,000 realistic icons, organized in 29 different industries, that feature a realistic style and glossy effects.

91k Realistic Desktop Icons Bundle

Flat transportation icons

A huge set of vector icons covering the widely diverse industry of transportation neatly crafted in a nice flat style delivered in individual SVG, Ai, and PNG formats (several sizes).

Neat Flat Transportation Vector Icons

Let’s Build Instagram with Ruby on Rails (book)

An extraordinary book that guides you through building Instagram from scratch while learning advanced concepts about Ruby on Rails.

Let’s Build Instagram with Ruby on Rails (Book)

Chat dashboard PSD

A nice chat dashboard layout that comes in a fully layered PSD file counting a header bar, a left sidebar icons menu, a contacts list, a central chat layout, and an agenda featuring a calendar.

Chat Dashboard PSD Layout

Elegant brand identity PSD & AI

A stunning branding mockup set for restaurants featuring a fancy minimal style and a professional color scheme available in both PSD and Ai format files.

Elegant Brand Identity PSD & Ai Pack

Showtime 3D text effect

Showtime is a neatly crafted text effect for PhotoShop that features smart object layers giving it a cool 3D style ideal for typographic headings, flyers, greeting cards, and more.

Showtime: Appealing 3D Text Effect

12 free lightroom presets

A great set that comes with 12 different presets for Adobe Lightroom including a wide range from black & white to HDR and desaturated ones available in JPG and RAW image formats.

12 Free Lightroom Presets Pack

Creative flat emojis

A creative set of 2100 emojis for mobile chat applications organized in 5 different categories and available in Ai, SVG, and PNG multi-size formats.

Creative Flat Emojis Set

Architect letterhead template

A professional yet creative looking template for a letterhead that features nicely crafted flat elements at the top and in the background. It comes in PSD, ADI, and InDesign formats.

Architect Letterhead Print Template

Vintage poster mockup

A professional photo shoot mockup that comes in a high-resolution definition available in PSD format featuring smart object layers for seamless integration of your design as well as 4 final effects, great perspectives, and organized layers and folders.

Free Vintage Poster Mockup on Behance

App display screen PSD

An amazing mockup for showcasing mobile application or site responsiveness directly in single or several floating screens delivered in 3 different PSD format files featuring smart objects for seamless integration. 

App Display Screen PSD Mockups

Windows 10 Sketch UI kit

A UI kit for Windows 10 that comes available in light and dark schemes for all of its elements as well as frames for mobile devices in the most common sizes, and a full palette of colors for its metro menu tiles.

Windows 10 Sketch UI Kit

Helium UI: Colorful Sketch UI kit

A cool web elements UI kit that features a nice colorful scheme for all of its elements available in Sketch format including toggles, breadcrumbs, tooltips, drop-down menus, and stacks more.

Helium UI: Colorful Sketch UI Kit

Android M Sketch GUI kit

A great UI Kit for mobile devices with Android Marshmallow OS developed in Sketch having all of the items completely vector crafted.

Android M Sketch GUI Kit

Mercury: iOS 9.3 Sketch & AI UI kit

A cool UI Kit for iOS 9.3 that comes available for both Sketch and Illustrator.

Mercury: iOS 9.3 Sketch & Ai UI Kit

Bootstrap 4 Illustrator GUI pack

A full pack of bootstrap elements that comes in vector AI format with several sorts of editable and scalable elements.

Full Bootstrap 4 Illustrator GUI Pack

Material Design style Bootstrap 3 UI kit

A UI Kit designed for Bootstrap CSS elements crafted in a neat Material Design style including several buttons, checkboxes, radio buttons, toggles, drop-down menus, text areas, navigation elements, and stacks more.

Material Design Style Bootstrap 3 UI Kit

Lumberjack font

An amazing font available in 4 styles supporting 5 different languages including Cyrillic, Turkish, Baltic, among others, as well as numeral, glyph, uppercase and lowercase characters.

Lumberjack: 4 Style Multi-language Font

Little Wizzy font

Little Wizzy is a typeface that seems to be taken from a fairy tale, featuring nice handmade serifs, it has uppercase, numeral, and glyph characters.

Little Wizzy: Fairy-like Sans Typeface

Toma font

Toma is a neatly crafted sans font that comes available in 7 different weights and italics, including uppercase, lowercase, numeric, glyphs, and several accents for multi-language support. Its regular version is free.

Toma: Professional Multi-language Sans Font

Zaio font

Zaio is an appealing font that features rounded corners for its numeric, symbols, and uppercase characters which provide support for multiple languages by featuring several accents.

Zaio: Rounded Corners Uppercase Font

Abyssopelagic font

Abyssopelagic is a stylish font neatly crafted with thin, straight lines perfect for display text, available in uppercase characters and several glyph symbols.

Abyssopelagic: Stylish Thin Line Typeface 

Renome PSD

Renome is a nicely crafted restaurant template delivered in PSD format containing all of the page layouts with a very consistent design, yet not going monotone, it also comes with responsive mobile layouts.

Renome: Clean Restaurant PSD Template

New Providence template

A professional landing page to feature your mobile applications counting on a clean style for its single page layout available in PSD format file.

New Providence: Modern Landing Page Template

tanX theme

A beautiful minimalist WordPress theme that comes along with its PSD template featuring a nice consistent scheme of 5 different professional colors.

TANx: Beautiful Blog WordPress Theme

YellowMoon PSD landing page

YellowMoon is a nice template in PSD format for landing page purposes specially designed for web or graphic design agencies featuring a big header and sections for about us, portfolio, clients, and contact us.

YellowMoon: Nice Agency PSD Landing Page

Typecore theme

Typecore is an amazing modern WordPress theme for news, magazine or blogging purposes, that features a perfectly organized layout counting on a left sidebar menu for recent and popular posts as well as user comments.

Typecore: Modern News WordPress Theme

Slanted theme

Slanted is a nicely designed WordPress theme for blogging purposes that features a material-like profile header small thumbs, normal paginations, and a multipage layout, it is also available on GitHub for collaborating on its future development.

Slanted: Modern Clean Blogging WordPress Theme

Flexible landing page

Flexible is a modern landing page template built with Bootstrap featuring a clean and minimal style, it is totally responsive, smooth scrolling, with a static top navigation bar for its single page layout.

Flexible: Clean Bootstrap Landing Page

Visualize template

Visualize is a neatly crafted web template for the portfolio needs of individuals or corporate agencies, featuring a Pinterest-like grid layout for its elements.

Visualize: Nice Responsive Web Portfolio Template

Spotify’s artist page snippet

A great snippet in HTML, CSS, and JavaScript that composes the typical page of an artist in the desktop computer version of the well-known application Spotify.

Spotify’s Artist Page Snippet

Tearable Cloth JS snippet

A stunning snippet of JavaScript that simulates the physics of a cloth hanging like a curtain, it even tears apart if you drag on it holding the right click.

Tearable Cloth: Stunning Curtain Physics JS Snippet

Mix-blend-mode

A code snippet for overlaying images over colored backgrounds.

Mix-blend-mode: Stylus’s White Background Killer

QLOCKTWO

QLOCKTWO is an amazing clock developed in CSS and JavaScript that tells you the time in 5 different languages (English, Spanish, French, Italian, & German) as well as featuring several background colors for you to choose.

QLOCKTWO: CSS & JS Time-telling Clock

CSS3-only polaroid effects

A neatly crafted snippet that recreates the effect of polaroid paper, when you hover over the photo-like framed containers, the grayscale photos become colorful as they twist and lift a bit.

CSS3-Only Polaroid Effects

Pure CSS overlay slider

An amazing purely CSS crafted slider that features smooth and eased sliding effects as you change between its elements.

Pure CSS Slide-in Overlay Slider

MongoDB resources, libraries, tools, and applications list

Check out this amazing list of curated resources, libraries, tools, and applications for MongoDB totally organized and categorized in a GitHub repository which makes it open source and, of course, always up-to-date.

Awesome MongoDB Resources, Libraries, Tools, & Applications List

Privacy: in-browser Credit Cards

Privacy really is a useful browser extension for Google Chrome for those out there who love buying online. Simply configure your credit card and pick the card you want to use at the moment of the purchase to populate the payment forms with the correct information.

Privacy: Your On-browser Credit Cards

Outline Mail

Outline Mail is an intuitive email framework that counts on stacks of fully trusted responsive components that provide you stunning HTML email projects.

Outline Mail: Easy HTML Email Templates

Foundation for Emails 2

An amazing framework for generating email campaigns with either CSS or Sass (NodeJS required) to get started. Your email templates will work out to be responsive, even in Outlook!

Foundation for Emails 2: Responsive Email Framework

WordPress Development Kit

WPDK is a framework written for the WordPress environment in PHP that allows you to improve the kernel and enhances its base functions and classes in order to make productive, solid and easy to maintain the creation and the evolution of your plugins and themes.

WPDK: WordPress Development Kit

Herbert WordPress plugin framework

Herbert is a great structured and standardized framework that allows you to create plugins for WordPress counting on a very organic documentation, and a GitHub repository.

Herbert: Structured WordPress Plugin Framework

Superpowers, open source game making environment

Superpowers is an amazing HTML5 development environment that allows you to make games in both 2D and 3D, it can be extended with plugins and supports real-time collaboration.

Superpowers: 2D & 3D Open Source Game Making Environment

Chrome development tools & resources

An awesome collection of development tools and resources for Chrome including learning, NodeJS, debugging protocol, network inspection, multimedia, and stacks more topics.

Awesome Chrome Development Tools & Resources

JS-Bits

A unique collection of JavaScript concepts explained directly by code counting on several topics such as arrays, DOM, currying, Event Handling, Mixins, Shim, Polyfill, and Money paths, and stacks more to see.

Js-bits: JavaScript Concepts with Code Collection

Administrate

Administrate is a framework for creating flexible yet powerful administrator dashboards in Rails, it is currently a pre-1.0 version hence, it may have occasional breaking changes to the API.

Administrate: Super-flexible Admin Dashboard on Rails Engine

Free web development courses

An amazing resource for those out there craving knowledge from scratch on web development, especially on front-end design and construction.

CSS-Tricks’ Lodge: Free Web Developing Courses

Transformable hamburger buttons

A set of stunning CSS hamburger buttons that smoothly transform into different shapes as you click on them in several different ways.

Hamburgers: Transformable CSS Buttons

Filterizr

Filterizr is a cool jQuery plugin that allows you to search, sort, shuffle, and apply stunning filters over responsive galleries using CSS3 transitions.

Filterizr: Responsive Galleries Custom Filters

Hocus-Pocus

Hocus-Pocus is a Sass framework inspired by Primer and IntuitCSS that aims to make a universal and lightweight stylesheet starter kit counting on the most common features so that you can change the look of every single component, disable some features and more.

Hocus-Pocus: Design-less Sass Framework

Superplaceholder.js

superplaceholder.js is an amazing library that allows you to bring your input placeholders to life by cycling multiple instructions in a single input placeholder supporting AMD and commonJS.

Superplaceholder.js: Super Charge Your Input Placeholders

Stellar

Stellar is an amazing LESS library that allows you to scaffold your web application by just importing, saving yourself quite a bit of time.

Stellar: Boosting WebbApp Building LESS Library

Basil.js

A JavaScript unified local storage, cookie and session storage API that aims to ease the frontend storage management for developers allowing bulletproof handling of disabled cookies, full localStorage, and other unwanted native storage exceptions.

Basil.js: The Missing Javascript Smart Persistent Layer

Min

Min is a very inclusive CSS framework that supports even 5.5 versions of Internet Explorer, as well as FF3 , Opera 9 , and Safari 4 , unlike bootstrap, it doesn’t prescribe a certain design for you and it features clear and short class names.

 

Min: Lightweight CSS Framework for IE5.5

Lavalamp.js

Lavalamp is an amazing replacement for the so commonly used infinite scroll that smoothly loads previews and next pages as you click on top or bottom bars respectively.

Lavalamp.js: A Replacement for Infinite Scrolling

Attendize

Attendize is a great open-source and self-hosted ticket selling and event management platform that features beautiful mobile friendly event pages, easy attendee management, data export, the ability to manage unlimited organizers / events, and stacks more.

Attendize: Ticket Selling & Event Management Platform

Atrament.js

Atrament.js is a great JavaScript library that allows you to draw and handwrite directly into HTML canvas, you can clean the canvas, change the thickness, color, and opacity of the brush, toggle between erase, draw or smoothing modes, and more.

Atrament.js: Tiny HTML Canvas JS Drawing and Handwriting

Circuit.js

Circuit.js is an amazing electronic circuit simulator that is run in the browser originally written by Paul Falstad as a Java Applet.

Circuit.js: InBrowser Electronic Circuit Simulator

Vectorlicious Bundle: $2,500 Worth of Premium Quality Vectors – only $24!

Source

Vía Webdesigner Depot http://ift.tt/1MSKNwF