Web design

Prepare for 2015 with 1000s of New Artistic Resources!

Prepare for the creative challenges you might encounter in 2015 with some incredible new design resources. This fresh bundle from Design Cuts features 1000s of all-new artistic resources that allow you to create realistic watercolour effects, retro effects, gold effects, glitter effects, and many more creative effects in a matter of seconds. These kinds of design effects are typically really difficult to create from scratch, and so this bundle is a great opportunity to save yourself a lot of time and stress in your creative work this year! The bundle also contains a nice selection of mockup templates and artistic scene creators, which are the ideal tools for revamping your portfolio with stunning presentations of your work.

The Artistic Design Bundle

All the items in the Gorgeous Artistic Design Bundle are shortcuts to create impressive design effects. These resources allow you to create everything from watercolour effects, to wintery graphics, photo manipulations and retro print designs in a matter of seconds, rather than days. Best of all, this bundle is available at 93% off and includes the all important extended licenses so you can use the items in your design projects and work you intend to sell. Most of these best-selling resources don’t have an extended license available anywhere else, so it’s a really special offer.

There’s two different types of resource in this collection; items that help you make cool effects, and items that help you beautifully show off your creations. Here’s an overview of some of the resources that stand out to me:

Best-Selling Custom Scene Creation Packs

Custom Scene preview

Easily create trendy desktop scenes to show off your work without the need for expensive photography equipment! There’s two editions of Custom Scene included in this bundle; Artistic Edition and Designer Edition. Both contain isolated objects, smart objects and dynamic shadows to compose unique scenes.

The Glitz Shoppe

The Glitz Shoppe preview

There’s never been an easier (or cleaner) way to make glamourous glitter effects than The Glitz Shoppe Photoshop kit. It’s a fantastic collection of Photoshop Styles, Textures and Brushes that add sparkle to your designs in seconds. No glue required!

Watercolor Sketch Mock Up

Watercolor Sketch Mockup preview

If you’re a traditional artist, your work will look fantastic when it’s presented alongside real brushes and paints in these watercolour sketch mockups. Prefer not to get your hands dirty? This pack also contains a watercolour effect generator, so you can paste in your digital art and create realistic paintings in seconds.

Stationery Mock Up

Stationery Mockup preview

Branding projects always involve designing loads of small stationery items. Wow your client and present your work in your portfolio with two comprehensive stationery packs included in the bundle. Each object can be moved around to create any composition you desire.

Texture:ON Photoshop Action

Texture:ON preview

Texture:ON is the perfect solution to add non-destructive textures to your artwork. With a click of a button your designs will be given lovely worn and distressed effects to achieve the character and charm of retro art.

Loads more artistic goodies included!

The Artistic Design Bundle

This is just a sample of some of the items that are included in the Gorgeous Artistic Design Bundle. You have to browse the full overview to really get a sense of the immense value of this collection. At 93% off it’s already a steal, but the real clincher is the extended licensing, making it the perfect toolkit to tackle any design job that comes your way this year.

Check out the Gorgeous Artistic Design Bundle

The post Prepare for 2015 with 1000s of New Artistic Resources! appeared first on Blog.SpoonGraphics.

Standard
Web design

Fresh Resources for Web Developers – January 2015

It’s here! We’ve finally left the tumultous year of 2014 and as we usher in a new beginning with the new year, we have new hope, wishes, and certainly new tools to try out. In this post, we have put together a handful of perfect tools and plugins to get this rolling.

From a handy online test tool to something for easy access to mobile design patterns, there are quite a few choices to get your 2015 on the right track.

Seti UI

Seti UI is a Sublime Text theme, not to be confused with Sublime Text Color Scheme. The theme in Sublime Text affects the app interface such as the tab and the sidebar. Seti UI is a ported theme. Its flat look is really nice to look at. A perfect choice of theme if you are using Sublime Text in Windows 8 or OS X Yosemite.

Seti UI

IXD Check List

Having a checklist can help you keep track on what has been done and what is to come. If you are a UI designer, you should probably add IXD Check List in your bookmark.

IXD Check List contains a collection of common to-do lists to check. Each item is supported with link references, so you can also learn why it’s on the list. If you prefer, there is a little button on the left where you can print the page and check the list offline.

IXD Check List

Coolors

Well, we have a handful of tools for picking out a color scheme already. But none is as easy as this tool, called Coolors. Simply hit the Space key and it brings up a new color scheme. It will generate new color scheme infinitely, derived from its algorithm and outsourced from its users contributors, as you repeat hitting the Space key.

Coolors

Nibbler

Nibbler is an online test tool that evaluates and scores your website for various factors including Code Quality, Mobile Compatibility, and Accessibility. It’s handy if you want to run a final check for your website before launch.

Nibbler

Velositey

Velositey is a Photoshop plugin to make the process of creating a website prototype in Photoshop easyil and quickly. This plugin allows you to quickly create a new document with a preset grid, adding preset web components, and generating icons or favicons. An indispensable Photohop plugin for every web designer.

Velocitey

Vagrant Manager

If you are using Vagrant in OS X, install Vagrant Manager. This app lets you manage multiple environments in a more convenient way. Once it is installed, it adds a new icon in the OS X task bar where you can monitor and control your virtual machines with only a few clicks. No more messing with command lines.

Vagrant Manager

CSS Specificity

CSS Specifity is one notorious topic of CSS which is not easy to digest. This tool is created to illustrate how this specificity concept works in an interactive manner. Draw several selectors and it will tell you which selector to apply.

CSS Specificity

CSS Dig

CSS Dig is a Chrome extension. And as the name implies, it will dig into your website and parse its CSS. It will show you a report which you can evaluate to perform required optimizations.

CSS Dig

Material Up

For those of you who might not aware of it, Google has just introduced Material, a new philosophy of its product design. Material Up is a collection of apps and websites that has already adopted this new philosophy. A good source of inspiration for web designers.

Material Up

Tindddle

Tindddle helps you enjoy Dribbble in a more streamlined manner. It will feed you with a selection of the best “Shots” from Dribbble. If you don’t like the particular Shot, hit the left arrow key of your keyboard, and if you like it hit the right arrow key. All the Shots that you have liked will appear in your Dribbble account — here’s a sample.

Tindddle

Mobile Design Pattern

The Mobile Design Pattern book is a collection of selected common mobile design pattern applied in mobile in 2014. Not only does it provide inspiration, the book also covers the decision and reasoning behind such design. A good book that should be on the digital book shelf of any web and app designer.

Mobile Design Pattern

FontAwesome Photoshop

FontAwesome is… awesome. To make it even more… awesome, install this plugin in Photoshop so that you can quickly add it in your design.

FontAwesome Photoshop

Standard
Web design

Fresh Resources for Web Developers – January 2015

It’s here! We’ve finally left the tumultous year of 2014 and as we usher in a new beginning with the new year, we have new hope, wishes, and certainly new tools to try out. In this post, we have put together a handful of perfect tools and plugins to get this rolling.

From a handy online test tool to something for easy access to mobile design patterns, there are quite a few choices to get your 2015 on the right track.

Seti UI

Seti UI is a Sublime Text theme, not to be confused with Sublime Text Color Scheme. The theme in Sublime Text affects the app interface such as the tab and the sidebar. Seti UI is a ported theme. Its flat look is really nice to look at. A perfect choice of theme if you are using Sublime Text in Windows 8 or OS X Yosemite.

Seti UI

IXD Check List

Having a checklist can help you keep track on what has been done and what is to come. If you are a UI designer, you should probably add IXD Check List in your bookmark.

IXD Check List contains a collection of common to-do lists to check. Each item is supported with link references, so you can also learn why it’s on the list. If you prefer, there is a little button on the left where you can print the page and check the list offline.

IXD Check List

Coolors

Well, we have a handful of tools for picking out a color scheme already. But none is as easy as this tool, called Coolors. Simply hit the Space key and it brings up a new color scheme. It will generate new color scheme infinitely, derived from its algorithm and outsourced from its users contributors, as you repeat hitting the Space key.

Coolors

Nibbler

Nibbler is an online test tool that evaluates and scores your website for various factors including Code Quality, Mobile Compatibility, and Accessibility. It’s handy if you want to run a final check for your website before launch.

Nibbler

Velositey

Velositey is a Photoshop plugin to make the process of creating a website prototype in Photoshop easyil and quickly. This plugin allows you to quickly create a new document with a preset grid, adding preset web components, and generating icons or favicons. An indispensable Photohop plugin for every web designer.

Velocitey

Vagrant Manager

If you are using Vagrant in OS X, install Vagrant Manager. This app lets you manage multiple environments in a more convenient way. Once it is installed, it adds a new icon in the OS X task bar where you can monitor and control your virtual machines with only a few clicks. No more messing with command lines.

Vagrant Manager

CSS Specificity

CSS Specifity is one notorious topic of CSS which is not easy to digest. This tool is created to illustrate how this specificity concept works in an interactive manner. Draw several selectors and it will tell you which selector to apply.

CSS Specificity

CSS Dig

CSS Dig is a Chrome extension. And as the name implies, it will dig into your website and parse its CSS. It will show you a report which you can evaluate to perform required optimizations.

CSS Dig

Material Up

For those of you who might not aware of it, Google has just introduced Material, a new philosophy of its product design. Material Up is a collection of apps and websites that has already adopted this new philosophy. A good source of inspiration for web designers.

Material Up

Tindddle

Tindddle helps you enjoy Dribbble in a more streamlined manner. It will feed you with a selection of the best “Shots” from Dribbble. If you don’t like the particular Shot, hit the left arrow key of your keyboard, and if you like it hit the right arrow key. All the Shots that you have liked will appear in your Dribbble account — here’s a sample.

Tindddle

Mobile Design Pattern

The Mobile Design Pattern book is a collection of selected common mobile design pattern applied in mobile in 2014. Not only does it provide inspiration, the book also covers the decision and reasoning behind such design. A good book that should be on the digital book shelf of any web and app designer.

Mobile Design Pattern

FontAwesome Photoshop

FontAwesome is… awesome. To make it even more… awesome, install this plugin in Photoshop so that you can quickly add it in your design.

FontAwesome Photoshop



Standard
Web design

50 CSS Tools & Resources from 2014


Just as we published in December last year, today we have the 2014 edition of our 50 favorite CSS resources. It’s a huge post of all of the really cool CSS resources, frameworks, libraries, UI kits and tools that have been released this year.

The below resources have been categorized into the following sections: Web-Based Tools & Apps, CSS Button Libraries, CSS Animation Libraries, CSS Typography Toolkits, CSS Loading Spinners Libraries, Material Design Inspired Frameworks, CSS Frameworks, Boilerplates & UI Kits, CSS Icon Generation Tools, CSS Color Palette Tools & Generators, CSS Learning & Reference Resources, and finally, a bunch of miscellaneous CSS tools and apps. Phew!!!

Here we go then…

Web Based CSS Tools & Apps

StyleStats, a small app for collecting statistics on any CSS file.
StyleStats A small app for collecting statistics on any CSS file

extractCSS, a tool which can extract ids & classes from HTML documents and output a CSS stylesheet.
extractCSS A tool which can extract ids & classes from HTML documents and output a CSS stylesheet

CSS Shrink, a small tool for ‘shrinking’ CSS files.
CSS Shrink a small tool for shrinking CSS files

CSSynth, a small app for running animations in order.
CSSynth A small app for running animations in order

EnjoyCSS, a useful tool that allows you to adjust rich graphical styles quickly without coding.
EnjoyCSS A useful tool that allows you to adjust rich graphical styles quickly without coding

Flexy Boxes, a CSS flexbox playground and code generation tool.
Flexy Boxes, a CSS flexbox playground and code generation tool

CSS Button Libraries

Beautons, a CSS toolkit for creating consistent, robust and solid buttons.
Beautons A CSS toolkit for creating consistent, robust and solid buttons

btns.css, a lightweight CSS library for building a variey of beautiful and responsive buttons.
btns.css is a lightweight CSS library for building a variey of beautiful and responsive buttons

Social Buttons v2, a collection of east to use and elegant sharing buttons.
Social Buttons v2 A collection of east to use and elegant sharing buttons

CSS Animation Libraries

CSS Shake, a collection of CSS classes that will vibrates & shake the 'DOM'.
CSS Shake A collection of CSS classes that will vibrates & shake the 'DOM'

Magic Animations, a small library of CSS3 special effect animations.
Magic Animations A small library of CSS3 special effect animations CSS Libraries

Hover.css, a selection of CSS3 animated hover effects for buttons.
Hover.css A selection of CSS3 animated hover effects for buttons

Saffron, a Sass mixin library of simple CSS3 animations and transitions.
Saffron A Sass mixin library of simple CSS3 animations and transitions CSS Libraries

CSS Typography Toolkits

typebase.css, a minimal and customizable LESS & SASS typography stylesheet.
typebase.css A minimal and customizable LESS & SASS typography stylesheet

Typesettings, a Sass toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratios.
Typesettings A Sass toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratios CSS Libraries

Sassline, Sass mixins for setting text to a baseline grid with ease.
Sassline A Sass mixins for setting text to a baseline grid with ease CSS Libraries

CSS Loading Spinner Libraries

Tumblr-Style Loading Cogs, a library of animated CSS and SVG icons.
Tumblr-Style Loading Cogs animated with CSS and SVG icons

Single Element CSS Spinners, a library of single <div> CSS animated loading spinners.
Single Element CSS Spinners A library of single <div> CSS animated loading spinners

SpinKit, a collection of smooth and easy to customize CSS3 animated loading indicators.
SpinKit A collection of smooth and easy to customize CSS3 animated loading indicators

Material Design Inspired Frameworks

Materialize is a new framework that utilizes many of the styles, elements, components, animations and of course, the principles of Google's Material Design.
Materialize

Material UI, a Less CSS framework combined with a huge collection of React-powered components that also implement Google's Material Design specs.
Material UI

Material Framework, asuper-lightweight Material Design framework with CSS-only components.
Material Design for Bootstrap

CSS Frameworks, Boilerplates & UI Kits

Flexbox Grid, a grid system based on the flex display property.
Flexbox Grid A grid system based on the flex display property

Fluidity, a vey, very lightweight responsive system.
Fluidity A vey, very lightweight responsive system

PowerToCSS is a versatile and lightweight CSS Framework.
PowerToCSS is a versatile and lightweight CSS Framework

Kouto Swiss, a Complete CSS Framework for Stylus.
Kouto Swiss, a Complete CSS Framework for Stylus

ConciseCSS, a Lightweight, Customizable, Scalable, Sass-Based, OOCSS Framework.
ConciseCSS, a Lightweight, Customizable, Scalable, Sass-Based, OOCSS Framework

Cute Grids, a feature-rich responsive grid system.
Cute Grids A feature-rich responsive grid system

Ungrid, a simple and responsive, table-based CSS grid system.
Ungrid -  A Simple and Responsive, Table-Based CSS Grid System

csstyle, a modern approach for creating maintainable stylesheets.
csstyle

Zen Grids, a responsive grid system built with the power of Sass.
Zen Grids A responsive grid system built with the power of Sass CSS Libraries

Pure CSS Components, a set of common UI components.
Pure CSS Components A set of common UI components

BASSCSS, a lightweight and responsive toolkit based on OOCSS principles.
BASSCSS A lightweight and responsive toolkit based on OOCSS principles

Responsee II, a lightweight responsive CSS framework.
Responsee II A lightweight responsive CSS framework

CSS Icon Generation Tools

Glyphter, a handy tool for creating icon fonts from SVGs.
Glyphter A handy tool for creating icon fonts from SVGs

Perfect Icons, a web based social icon creator.
Perfect Icons A web based social icon creator

iconizr, a tool for converting SVG images to a set of CSS icons.
iconizr A tool for converting SVG images to a set of CSS icons

CSS Color Palette Tools & Generators

Colors – SASS/LESS/Stylus/CSS variables and CSS classes of a better color paletter for the web.
Colors SASS/LESS/Stylus/CSS variables and CSS classes of a better color paletter for the web

BADA55.io, an app for finding the most badass leet words for your CSS hex colors.
BADA55.io, an app for finding the most badass leet words for your CSS hex colors

Pantone Sass, a list of Pantone colors as Sass variables.
Pantone Sass A list of Pantone colors as Sass variables

CSS Learning & Reference Resources

CSS Vocabulary, a small web app to help understand CSS terminology.
CSS Vocabulary A small web app to help understand CSS terminology

CSS PREprocessors, a Reference for the Three Most Popular CSS Preprocessors (Less, Sass, and Stylus)..
CSS PREprocessors, a Reference for the Three Most Popular CSS Preprocessors

Magic of CSS, a free CSS course for web developers who want to be 'magicians'.
Magic of CSS A free CSS course for web developers who want to be 'magicians'

Cerberus, a few simple patterns for responsive HTML emails.
Cerberus A few simple patterns for responsive HTML emails

Miscellaneous CSS Tools, Apps & Libraries

Andy.scss, an open-source collection of useful SASS mixins.
Andy.scss, an open-source collection of useful SASS mixins

Sache, a directory of Sass & Compass extensions.
Sache A directory of Sass & Compass extensions

CSS Plot, a simple pure-CSS charting library.
CSS Plot, a simple pure-CSS charting library

FSVS, a simple fullscreen vertical slider using CSS3 transitions with jQuery fallback.
FSVS, a simple fullscreen vertical slider using CSS3 transitions with jQuery fallback

Imacss, a library that transforms image files to data URIs.
Imacss A library that transforms image files to data URIs

Pesticide, a CSS layout debugging tool.
Pesticide A CSS layout debugging tool

Kite, a flexible layout helper CSS library
Kite A flexible layout helper CSS library

Finished!

Phew!!! What a fantastic year it has been for CSS, and plenty of resources for you to kick-start your 2015 web projects.

You could also check out our CSS collection from 2013 as well…


The post 50 CSS Tools & Resources from 2014 appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Fresh Resources For Web Developers – December 2014

Editor’s note: We’ve come to the end of another year. This final month of 2014, we’re looking at a round of resources by Daniel Pataki.

A developer’s toolbelt should always contain plenty of items but should never be considered final and unchangeable. Fellow developers are creating great tools every day. Some of these go on to be huge successes like the Foundation framework or Twitter Bootstrap but some remain diamonds in the rough.

To round up a great year, I’ll take a look at some great tools that have proven to come in very handy for my own use. From documentation creation to loader elements, here’s a useful collection of tools for all web developers.

Daux.io

Daux.io is an extremely capable documentation generator. It is completely free and the source code can be found on Github. You can run the documentation on a web server or with Grunt, if you prefer.

There is a lengthy feature list, with built-in support for Github flavoured markdown, a file editor, Google Analytics and many more features. Plenty to help you out with most projects. [Get it here]

Ladda

In the creator’s own words, Ladda is “A UI concept which merges loading indicators into the action that invoked them“. Ladda enables you to create awesome interaction indicators for buttons.

A number of sizes and animations are available. I particularly enjoy the progress bars which have been built right into the buttons. [Get it here]

Revaxarts Theme Documentor

This project is used by a number of Themeforest authors but can be used for any documentation purpose. Its online interface makes it easy for you to assemble your documentation and it has great HTML5 tech to store them on your local computer.

Plus you can enable auto-saving and come back any time to complete the docs. In addition, it has json import and export functionality and theme modification capabilities, allowing you to tailor it pretty well to your company colors. [Get it here]

Unicode Table

Unicode characters can be a great help when you want to add specific characters not usually found on keyboards. You should always be careful of adding arrows and other elements because screen readers may not handle them well but in some cases they still are the most effective solution. This Unicode Table is my favorite because it allows me to search with plain English like “circle” or “arrow” and get a pretty good list of results to work from. [Get it here]

WordPress Plugin Boilerplate

WordPress Plugin Boilerplate is now in it’s third iteration. It’s a boilerplate for creating modular WordPress plugins. It tries to impose a stricter architecture on you which should lead to better code. Thus, leading to equal intrepretation by all programmers. It takes an object oriented approach which is a breath of fresh air amidst all the procedurally coded plugins. [Get it here]

CSS Guidelines

CSS Guidelines is basically a set of rules and best practices for writing Javascript. It was written by Harry Roberts – a front end architect – who knows his stuff well. The goal is to make your CSS as clear as possible so everyone can understand it at a glance.

The rules cover everything from syntax and commenting to naming conventions, specificity and architectural principles. If some of it is over your head don’t worry, try to keep to things you can understand and your code will already be that much better! [Get it here]

Spinkit

Another entry into loading animations, Spinkit provides awesome CSS only transformations for simple elements. Whether you use them for loading or interaction purposes, they are easy to grab off the site and then make your own. [Get it here]

Random User Generator

Since Random User Generator is a fully functioning API, you can build it into your application development needs as a dynamic tool. No more having to go to the website to generate test data each and every time.

It spits back emails, addresses avatars, names, all that good stuff, using a fast and secure connection. Using it programmatically with AJAX is extremely simple and understandable, this is something you shouldn’t forget for your next project! [Get it here]

jQuery Plugin Boilerplate

The jQuery Plugin Boilerplate is a starting template for jQuery plugins which employs good practices throughout. Javascript is something a lot of developers learn as an afterthought, as a result lower quality code tends to be written.

By using the boilerplate, you are already writing better code by adhering to some simple rules it lays out. How the plugin is initialized, how functions are added and so on. There’s also a more recent version which you can get via the site. [Get it here]

Regex 101

Many people are scared of regex because of the perceived complexity and the difficulty of testing with it. Regex 101 helps us by allowing the testing of our regex right in the browser.

Tools like explanations, hints, match explanations and others are also offered. I find this an invaluable tool because I myself struggle a bit with regex but this tool helps me figure it all out much faster! [Get it here]

Font Awesome

Of all the icon fonts available on the web, Font Awesome is my favorite resource. It is completely free, regularly updated and has over 450 icons at the moment. I use it regularly in a wide range of projects, from designs to keynotes to websites.

Since it is a proper font, you can embed it in any capable application making it a very flexible and portable option. Be sure to check out the Cheat Sheet for a full list of copy-pastable icons, class names and hex codes. [Get it here]



Standard
Web design

50 Free Resources for Designers from November 2014


The tremendous thing about the design community is that we all love to share. We really do. Whether we share our thoughts and ideas via an in-depth article, or by giving advice/feedback on a forum, or even by freely offering high-quality resources. The sharing is what makes our community truly great! Here are this months 50 best free resources for web designers from November 2014:

Free Resources for Web Designers November 2014

Gift of Giving Free Tumblr Theme – The Catalog

The Catalog Tumblr Theme
Arca Majora OS Typeface

Free Fonts

Arca Majora OS Typeface by Alfredo Marco Pradil.
Arca Majora OS Typeface

Libre Caslon by Pablo Impallari & Rodrigo Fuenzalida.
Libre Caslon free font

Brixton Line and Swash by Hut Fonts.
Brixton Line and Swash font

Fins by Jake Kho.

Sweet Pineapple Hand-Drawn Serif by Jenn Coyle.
Sweet Pineapple Hand-Drawn Serif

Free Icons

Boldons Icon Set (45 Icons, PNG, AI).
Boldons Icon Set

Developer Icon Set (17 Icons, SVG).
Developer Icon Se

Hand Doodle Icons (50 Icons, AI, SVG & PNG).
Hand Doodle Icons

UNigrid Vector Icons (100 Icons, AI).
UNigrid Vector Icons

Iconsmind Icon Set (70 Icons, PSD).
Iconsmind Icon Set

Touch Icon Set (340 Icons, AI, PSD & SVG).
Touch Icon Set

Kitchen Tools Icon Set (40 Icons, PSD & AI).
Kitchen Tools Icon Set

Blackberry Icons (20 Icons, PSD).
Blackberry Icons

Tab Bar Icons (24 Icons, PSD).
Tab Bar Icons

Icons for UI (100 Icons, PSD, EPS & AI).
Icons for UI

Gamecenter Icons Pack (150 Icons, PSD).
Gamecenter Icons Pack

DroidIcon (1600 Icons).
DroidIcon

Vector File Extension Icons (21 Icons, AI).
Vector File Extension Icons

SVG Icons (70 Icons, SVG).
SVG Icons

Free Web Templates & Themes

BJöRN Multipurpose Landing Page (PSD).
BJöRN Multipurpose Landing Page

Resume Template (PSD).
Resume Template

Creative Agency Web Template (PSD).
Creative Agency Web Template

Ecommerce Dashboard Template (PSD).
Ecommerce Dashboard Template

Moderno Creative Simple Portfolio Page (PSD).
Moderno Creative Simple Portfolio Page

Daily (WordPress Theme).
Daily WordPress Theme

Life Is Good (WordPress Theme).
Life Is Good WordPress Theme

Yarn (WordPress Theme).
Yarn WordPress Theme

Zerif Lite (WordPress Theme).
Zerif Lite WordPress Theme

Free UI Kits

Elements UI KIT (PSD).
Elements UI KIT

Material Design Ui Kit (PSD).
Material Design Ui Kit

Ultimate Infographics Pack (AI).
Ultimate Infographics Pack

Apple Watch GUI Template (Sketch).
Apple Watch GUI Template

Flat UI Kit (Sketch).
Flat UI Kit

iPhone 6 UX Workflow (AI).
iPhone 6 UX Workflow

iPhone 6 Vector Wireframing Toolkit (AI).
iPhone 6 Vector Wireframing Toolkit

iPhone 6 Vector Wireframing Toolkit (AI).
iPhone 6 Vector Wireframing Toolkit

Diagram Template (Sketch).
Diagram Template

Simple Voting App (Sketch).
Simple Voting App

Material Design App (Sketch).
Material Design App

Free Mockups

Photo Frames Mockups (PSD).
Photo Frames Mockups

Photorealistic iMac Mockup Set (PSD).
Photorealistic iMac Mockup Set

Stationery Mockup Vol.4 (PSD).
Stationery Mockup Vol.4

Apple Product Mockups (PSD).
Apple Product Mockups

iPad Mockups (PSD).
iPad Mockups

Christmas Freebies

Christmas Greeting Card Set (PSD).
Christmas Greeting Card Set

Icons, Badges & Lettering for Christmas (EPS, AI & PSD).
Icons, Badges & Lettering for Christmas

Christmas Labels and Emblems (AI).
Christmas Labels and Emblems

Christmas Wreath & Holly Vector (EPS, AI).
Christmas Wreath & Holly Vector

Christmas Vector Icons for iOS8, iOS7 & Android (30 Icons). .
Christmas Vector Icons for iOS8, iOS7 & Android

Everything Else

Flat Diagonal Shadow Text Effect (PSD).
Flat Diagonal Shadow Text Effect

Vintage Retro Text Effect (PSD).
Vintage Retro Text Effect

Flat Designer Essentials Hero Header Kit (PSD).
Flat Designer Essentials Hero Header Kit

Sable Vector Hand Drawn Elements (AI, EPS & PSD).
Sable Vector Hand Drawn Elements

Realistic Charcoal Brush (Photoshop).
ealistic Charcoal Brush

Subtle Grunge Textures (JPG).
Subtle Grunge Textures

Subtle Vector Texture Pack (AI).
Subtle Vector Texture Pack

Things Pattern (EPS).
Things Pattern

..and finally..

Magic MockupsFree Real-Life Mockup Generator.
Magic Mockups free Real-Life Mockup Generator


The post 50 Free Resources for Designers from November 2014 appeared first on Speckyboy Web Design Magazine.

Standard
Web design

Inky Deals Giveaway: 11” MacBook Air & Design Resources worth $200,480

We are happy to announce another massive giveaway from Inky Deals that comes with a free pack of premium resources worth . The freebie is sent to the email address you use to enter the contest and is part of The Epic Bundle: ,048 worth of Top-Quality Resources – From .

preview

About Inky Deals

Inky Deals is the place to go if you want premium resources at unbeatable prices whether you’re a graphic or web web design Singaporeer, developer, or business owner looking to improve yourself and your work. They’re the only ones 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.

Take advantage of this opportunity to win an 11” MackBook Air and 1 of the 10 Epic Bundles: ,048 worth of Top-Quality Resources – From !

inkydeals-testimonials

What Can You Win?

You’ll get a surprise free pack of premium resources worth sent to the email address you use to enter the contest. Take a look at what’s inside the The Epic Bundle: ,048 worth of Top-Quality Resources – From :

bundle-preview

10 lucky winners will be chosen from the list of participants and each one of them will win a free copy of The Epic Bundle: ,048 worth of Top-Quality Resources – From . One of the 10 winners will also take home an 11” MacBook Air!

How to Enter the Giveaway:

To enter the giveaway, please use the widget below. You can gain more entries by leaving a comment, tweeting about the giveaway and sharing it with your friends.
a Rafflecopter giveaway

Thank you for participating, you’re now part of Inky’s extended web design Singapore family! Sit tight, because you’ve just embarked alongside 300,000 of your peers on a ship that will lead you to great professional and personal development.

Standard