1. 15 Resources to Create Images for Social Media | Social Media Examiner

Do you post images on social media?

Would you like to create attractive images to share?

When creating images for social media, quality makes a difference.

In this article we’ll share tools and resources to create professional and engaging social media images that you can use on multiple platforms.

2. Icon search engine and market place | Iconfinder

A great icon resource.

3. Famo.us

Famo.us is free & open source

The tools you need to build Famo.us apps and sites will always be free and available to everyone.

Famo.us is for everyone
If you’re new to JavaScript, we have lots of learning resources to help you get started. If you’re more experienced, you can download Famo.us to start coding locally.

Famo.us is a supportive community
Everyone is welcome in our IRC channel. Whether you’re just getting started or you have decades of development experience, our community is here for you.

Looks like the Beta is over. Worth a look and spending some time.

4. Design+code: Learn iOS design and Xcode

BOOK: Learn iOS design and Xcode.

Build a news reader app from
Sketch to the App Store.

5. Using Small Caps & Text Figures on the Web – The Usability Post

Typography on the Web is slowly getting better. These days it is not unusual to see custom fonts in use, and oftentimes, though not always, set in comfortable sizes, with enough padding and line spacing to ensure a pleasant reading experience. And yet, some important typographical tools are still being ignored.

In this post I’ll talk about two such tools: small caps and text figures (also known as oldstyle figures). Both of them are employed in print all the time, but it is rare to see their use on the Web — largely due to the fact that the default fonts (Arial, Times, Georgia) do not support them. But today we have a larger choice of fonts that do, so let’s begin with a short introduction to these typographical features.

6. Making Good Design Decisions

There’s a popular misconception that NASA spent millions in a failed attempt to create a space pen while the Russians just used pencils. The implication is that good design is simple in the sense that it is simplistic or obvious.

Simple design is often simple for the user but complicated for the creator. They really do use pens in space. It turns out pencils don’t perform well in space because wood and lead shavings in a zero-gravity, oxygen-rich environment can be dangerous for both fire and as debris. The true story of the space pen is that it was not a failure, wasn’t designed by NASA, and wasn’t even designed for space. The space pens’ design goals were ink that wasn’t exposed to air so it wouldn’t dry up, didn’t rely on gravity so it wouldn’t leak, and could write underwater and function at temperatures ranging from –30 to 250 degrees Fahrenheit. The pen turned out to also be well-designed for space and was renamed to the space pen.

7. How to Create Guidelines and Standards for Websites or Applications – Designmodo

While some methods may vary one of the most important starting points for any project is a set of guidelines.

Creating guidelines and standards for every project (even if it isn’t originally in scope) can increase your workflow and will also keep your design consistent and hopefully developed in the right way.

Nice that someone put this together in a useable package.

8. Bootstrap 3 Tips and Tricks You Might Not Know ♥ Scotch

Bootstrap 3 has a ton of features and helpers to speed up front-end development. Sometimes you need something and you end up writing your own custom CSS and JavaScript without even realizing that Bootstrap could have done it for you. That’s not necessarily a problem, but you end up spending extra time on your app or site when you didn’t need to.

9. Parallax Done Right — Medium

Getting great performance with parallax is tough. Here’s how to make it happen.

10. Import web pages into Sketch — .Sketch App — Medium

Sometimes you need to tweak or slightly redesign an existing web page without original assets. Some common ways to do this would be to recreate a page from scratch, tweak it in a web inspector, or in the worst case make a screenshot and mess with bitmap (if you enjoy pain). Another hacky way to do that is to actually convert the web page to a vector graphic.