Tuesday, February 2, 2016

50+ fresh resources for designers, February 2016

http://ift.tt/1VGp0Y4

Hey there! This month’s roundup comes with some amazing freebies for you to download and try out; including line icons, material design assets, gesture icons, mobile app presentation kits, a restaurant menu template, branding stationery mockups, watercolor illustrations, device mockups, stunning web and mobile UI kits, fancy fonts for all purposes, PSD templates, and landing page themes for WordPress and Bootstrap, stacks of development tools, a terminal formatting tool, and much much more.

Outline & filled vector icons collection

A huge collection containing over 15.4k icons in both outline and filled style available in vector Ai and SVG, as well as multiple PNG sizes.

Outline & Filled Vector Icons Collection

Multi-touch gesture vector icons set

A set of 58 free vector icons designed for multi-touch gesture purposes featuring nice line hands and amber gesture instruction add-ons. This set comes available in Ai format with a CS4 version compatible file.

Multi-Touch Gesture Vector Icons Set

Facebook’s devices design resources

Facebook’s original set of device mockups featuring both mobile phones and wearable devices, such as iPhone, Samsung Galaxy, Sony SmartWatch, Nokia, and more, available in both PNG and Sketch formats.

Facebook's Devices Design Resources

Valentine’s watercolor pack

A beautiful pack of 41 valentine theme greeting card elements in a high resolution of 300DPI delivered in PNG format with a transparent background.

Valentine's Watercolor Pack

50 branding mockup templates

A pack that contains 50 different mockup scenarios presented in top and perspective views for its realistic and flat styles available in PSD format.

50 Branding Mockup Templates

Picnic

Picnic is a cool restaurant menu template that was designed in a lavender theme color featuring pastel colors it comes available in Ai, InDesign, and PSD format files.

Picnic: Vector Lavender Menu Template

Merkury

Merkury is a template in PSD format for a modern-looking web dashboard for CMS including 6 different screens for login page, home, workflow, statistics, calendar, and users.

Merkury: Web Dashboard PSD Template

PSD UI Presentation Kit

A PSD kit for presenting your application or website UI in iPhone devices featuring pre-made compositions and three different scene generators based on different angle views.

PSD UI Presentation Kit

Minimal ECommerce PSD UI Kit

A minimal style UI kit containing several items ready for eCommerce purposes available in PSD format and 6 nice colors for its product card, drop-down menu, postcard, icons bar, text inputs, and all other elements.

Minimal ECommerce PSD UI Kit

EventPro

EventPro is a cross-device UI kit that comes available in PSD format featuring several modern cards and widgets for chat, analytics, counters, vertical timeline, dashboard menu, and more.

EventPro: Modern Blue UI Kit

Colorado

Colorado is a clean UI pack that features a minimal style for its 3 shadow-drop and variation of elements presented in base tone colors available in both PSD and Ai format.

Colorado: Clean & Minimal UI Pack

GoodBarber

GoodBarber is a dark and open UI kit that comes with over 150 pixel-perfect iOS UI elements including ones for navigation, sign in/up, menus, articles, photos, videos, events, podcasts, about, and a lot more.

GoodBarber: Dark & Open iOS UI Kit

Winter Inspired Mobile UI Kit

A UI kit that contains 30 elements featuring a nice material design winter scheme providing you with screens for calculator, login, profile, calendar, and more.

Winter Inspired Mobile UI Kit

Quenda

Quenda is a sans-serif font that comes available in 6 different weights and a slight handwritten look including 172 ligatures, 649 glyphs, lining and old style figures, self-building fractions, super and subscript digits, a set of arrows, and more to see.

Quenda: 6-Weight Sans-Serif Font

Arabella

Arabella is a fancy script typeface in a handwritten style that comes in TTF  format and works perfectly for  headings, signatures, logos, wedding invitations, t-shirts, labels, posters, badges, etc.

Arabella: Fancy Handwritten Script Font

Qanelas

Qanelas is a stunningly neat sans font featuring smooth corners for its 20 different weights available in both Latin and Cyrillic alphabet characters and including several stylistic alternates, tabular lining, fractions, superiors and inferiors, and ligatures.

Qanelas: 20-Weight Soft Typeface

Poste

Poste is a slab serif typeface available in 3 different weights that features a straight line edge shadow which gives it a neat and fancy contrast to excel above content text typefaces.

Poste: Slab Serif Line Edged Typeface

Brotherhood

Brotherhood is a fancy script typeface that features neatly designed curls and swashes for its uppercase, lowercase, numeral, and special glyph characters.

Brotherhood: Fancy Script Typeface

Pixture

Pixture is a web PSD template that was crafted in a nice artistic style inspired by a Dribbble shot featuring a 1600 pixel width as well as 750px width version for iPhone.

Pixture: Artistic PSD Website Template

Sertin

Sertin is a Bootstrap one-page web PSD template suitable for landing pages, one-page sites, portfolios, web design companies, personal or business type websites, including an HTML version and 30 sections ready to use.

Sertin: Multi-purpose One-Page Bootstrap PSD Template

Abdullah

Abdullah is a smooth dark schemed template available in PSD format for personal portfolio websites featuring a nice layout and an adaptive portfolio grid.

Abdullah: Smooth Dark PSD Web Template

Krakatau

Krakatau is a modern WordPress theme that features a clean style and responsivity across devices featuring google fonts, advanced customization, cross-browser compatibility, SEO optimization, and more.

Krakatau: Modern & Clean Blogging WordPress Theme

Spacious

Spacious is a clean style WordPress theme for multiple purposes that features full responsiveness, a full-width header slider, big minimal icons, several layouts, 13 widget areas, translation ready, custom menu, and more.

Spacious: Clean Multi-purpose WordPress Theme

Lhander

Lhander is a landing HTML template that features a modern design with minimal icons, sticky top navigation bar with smooth scrolling, video modals, pricing tables, testimonials slider, FAQs, and full responsiveness.

Lhander: Modern Landing Page HTML Template

Flat Portfolio PSD & HTML Template

An amazing flat template for a portfolio site in both PSD and HTML with responsive features in PSD and organized layers, and bootstrap guidelines for the HTML version featuring jQuery.

Flat Portfolio PSD & HTML Template

Expanding Material Design Contact Form

An appealing Material Design contact form that expands as you hover over the contact icon featuring validation for its email field.

Expanding Material Design Contact Form

Multi-device Scrolling Menu

A nicely developed menu that scrolls along its horizontal axis allowing you to discover all of its elements, each one changing the background color as they’re clicked.

Multi-device Scrolling Menu

CSS 3D Solar System

An amazing representation of the solar system that allows you to simulate its behavior and change parameters such as rotation and translation speed of the planets and natural satellites.

CSS 3D Solar System

SVG Clip-path hover effect snippet

A snippet that allows you to discover portfolio elements as you hover over them through SVG and CSS transforms.

SVG Clip-path Hover Effect Snippet

Absolute centering snippet

A pure CSS developed snippet that allows you to align elements to the absolute center of the viewport even when it changes its size and aspect ratio.

Pure CSS Absolute Viewport Center Snippet

Fabric

Fabric is a responsive, mobile-first, front-end framework that allows you to apply the Office Design Language to your web experiences, call a new app or add-in, or update an existing one.

Fabric: Office 365 Experience Building UI Toolkit

Gitlo

Gitlo basically allows you to manage GitHub issues inside Trello and oversee your pull requests in Trello’s kanban view and thus, making your management more efficient.

Gitlo: Easier Project Task Management Visualization

CLImate

CLImate allows you to optimize your developing and debugging in an easy and clear way by outputting colored text, special formatting, and even animations directly into the terminal.

CLImate: PHP Formating for Terminal.

Fabricator

Fabricator is a NodeJS based tool that allows you to build UI toolkits in which you pick your own taxonomy, generate your style guide and documentation through markdown. It also uses gulp.js as a build system to compress images, CSS, and javaScript.

Fabricator: NodeJS UI Toolkit Builder

Codepad

Codepad is a social ranked snippet site for developers allowing you to share and save code snippets including ones in CoffeeScript, Ajax, Angular, Apache, Ruby, SASS, Swift, XSLT, and stacks more.

Codepad: Social Ranked Code Snippets

Imba

Imba is a new language for programming web applications compiling high performance and readable JavaScript; featuring a language level that supports defining, extending, subclassing, instantiating, and rendering dom nodes.

Imba: Easy Web Applications Language

HackMyResume

HackMyResume is a resume and CV tool for Windows, OSX, Linux, and NodeJS that allows you to generate polished resumes in HTML, Word, Markdown, PSD, Latex, JSON, YAML, XML, and plain text.

HackMyResume: Cross-OS Resume and CVs Tool

Slim

Slim is a micro framework for PHP that allows you to quickly write simple and powerful web applications and APIs featuring an HTTP router, middleware, PSR-7 support, and dependency injection.

Slim: PHP Micro Framework

PHAP

PHAP allows you to create native iOS, Android, and Windows Phone applications in PHP language providing the advantage of minifying your code.

PHAP: Mobile App Development in PHP

Milligram

Milligram is a CSS framework (but not a UI framework) that provides a minimal setup of styles for a fast and clean starting point in only 2kb gzipped improving your performance and productivity with fewer properties to reset, resulting in cleaner code.

Milligram: Minimalist CSS Framework

Philter

Philter is an open source JavaScript plugin that allows you to control CSS filters through HTML attributes counting on hover event triggered effects.

Philter: CSS Filters JavaScript Plugin

Neutron

Neutron is a Sass framework that allows you to create flexible, clear, and semantic website layouts by featuring amazingly simplified commands.

Neutron: Sass Framework for Website Layouts

Placemat

Placemat is a web application that allows you to retrieve image placeholders through single-line URL links featuring parameters for dimensions, overlay and color, text and color, and blend effects.

Placemat: Pretty URL Image Placeholders

Handwriting.io

A powerful API that allows you to generate ultra-realistic handwritten texts by featuring up to 25 different glyphs per each character that vary based on the surrounding letters.

Handwriting.io: Realistic Looking Handwriting API

Chartico

Chartico is an interactive online tool to create easy bar charts allowing you to customize titles, subtitles, colors, and values, and share it on either Facebook or Twitter as you finish, or save it in JPG format.

Chartico: Interactive Online Chart Creation

Abito

Abito is a WordPress theme that comes with several pages and cool modern effects like fade/blur text loading, smooth parallax loading of elements as you scroll, retractable left  sidebar menu, and more to see.

Abito: Modern Multi-Purpose WordPress Theme

Smoke

Smoke is a collection of neatly developed form validation components for Bootstrap including features for notification, progress-bar, full-screen, panels, and helpers.

Smoke: Bootstrap Form Validation & Components

Pressure.js

Pressure is a JavaScript Library that allows you to handle both Force Touch and 3D Touch through a single API from a selection of devices in Safari browser.

Pressure: Single API Force & 3D Touch JavaScript Library

CMS.js

CMS.js is a fully client-side JavaScript website generator based on Jekyll that uses plain HTML, CSS, and JavaScript to generate your website. 

CMS.js: A JavaScript Site Generator

Loud Links

Loud Links is a tiny JavaScript library that allows you to add interactive sounds to your website through HTML5 audio elements for playing mp3/ogg files currently supported in all browsers.

Loud Links: Javascript Interaction Sounds Library

Appolo

Appolo is a set of plugins and themes for Jekyll that creates a static portfolio website for application developers to showcase their work featuring a minimal theme and playful animations.

Appolo: Stylish Application Showcasing

StickyStack.js: Stacking Effect jQuery Plugin

StickyStacks is a jQuery plugin that allows you to create stacking effects with the use of sticking panels being triggered as they reach the top of the viewport.

StickyStack.js: Stacking Effect jQuery Plugin

Colofilter.css

Colorfilter is a CSS library that allows you to modify your images with DuoTone filters providing you with the possibility of using hue, color, saturation, and luminosity blend modes.

Colofilter.css: DuoTone CSS Blend Filters

WP Secure Forms

WP Secure Forms is an editor that allows you to generate WordPress PHP, HTML, JS, and CSS forms ready to integrate into WP themes. The forms feature validation, sanitation, spam protection, hidden fields, and optional security questions.

WP Secure Forms: WordPress Ajax Forms Generator

MediumEditor

MediumEditor is a pure JavaScript plugin inline editor, the result of a clone of Medium’s WYSIWYG editor toolbar that uses a content editable API to implement a rich text solution.

MediumEditor: Inline Text Editor Toolbar

Mega Bundle of Illustrator Brushes from Artifex Forge – only $21!

Source

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

Monday, February 1, 2016

Giveaway: Win 1 of 2 subscriptions to Adobe Creative Cloud

http://ift.tt/23F5DVa

Photoshop is one of the most popular design applications ever, with millions of creatives using it to craft incredible work, for over 25 years.

You can read all about the latest features in Photoshop in our interview with Stephen Nielson, Senior Product Manager for Photoshop; and this is your chance to win a copy, free, for a year. Thanks to Adobe, we have 2 one-year subscriptions for the full Creative Cloud plan (worth $49.99/month) to giveaway, so you can use the very latest Photoshop features free for the next 12 months.

Not only that, but as part of the plan, you’ll also have access to all 29 desktop apps, including Lightroom, Illustrator, InDesign, Premiere Pro, After Effects, Dreamweaver, Muse, Flash Professional, and more; and 10 mobile apps including Capture CC, Illustrator Draw, Photoshop Sketch, Comp CC, Slate, Voice, Lightroom for mobile, Photoshop Mix, and more. And, of course, all these apps are connected by Shared Libraries and the power of CreativeSync.

If you already have a Creative Cloud subscription, fear not! This giveaway is open to existing subscribers too; if you’re a lucky winner then your existing subscription will be extended by 12 months.

How to Enter

For your chance to win 1 of 2 one-year subscriptions to Adobe’s full Creative Cloud plan, all you have to do is:

  1. download a free trial of the latest Photoshop;
  2. take a screen shot your customised toolbar (hint: learn how to customise your toolbar here), or your favorite typefaces starred in the font menu;
  3. post your shot to Twitter with the hashtag #myPhotoshopTools;
  4. lastly, post a comment below with a link to your tweet.

Winners will be selected at random, and entries close at midnight (PT) on February 15th 2016. Good luck!

Feel the Love: A Collection of 100+ Valentine Vectors – only $18!

Source

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

Interview: Adobe’s Stephen Nielson discusses the evolution of Photoshop

http://ift.tt/23DKRW1

Adobe Photoshop has been an essential part of designers’ toolboxes for over 25 years. Continually evolving, arguably it has undergone its biggest changes in the last few years. We sat down with Stephen Nielson, Senior Product Manager for Photoshop, to ask him about the current feature set, and where he sees Photoshop developing in future.

Photoshop’s popularity

Webdesigner Depot: Photoshop was 25 years old last year, it’s arguably Adobe’s flagship product, and it’s even in common use as a verb; does working on such a high-profile product carry extra responsibility?

Stephen Nielson: Absolutely. It’s such a privilege to carry forward a product that is loved by so many people, but it’s also a big responsibility to live up to the success of the past 25 years. Millions of people use Photoshop, so the stakes are high. We have to build the right things and build them with quality. But it’s a high risk/high reward situation. I love the opportunity to make a difference to so many people.

The power of Photoshop is in the power and breadth of capabilities. You can create just about anything, customize anything, and work with enormous documents.

WD: The latest version of Photoshop is extremely fast—especially when rulers are toggled off—is the team rewriting large portions of code, or is something else behind the speed boost?

SN: Photoshop as a product is 25 years old, but we are constantly rewriting code that is Photoshop! In nearly every release, the Architecture team rewrites large portions of the code. It’s a huge priority for us, especially for 2016. We have some big efforts underway, and you will start to see even more improvements soon. Stay tuned.

WD: Despite the release of applications like Sketch or Affinity Photo, Photoshop is (according to net magazine) still the tool of choice for almost half of all web designers. What do you credit with its enduring popularity?

SN: The power of Photoshop is in the power and breadth of capabilities. You can create just about anything, customize anything, and work with enormous documents. We have a long history of responding to customer requests to improve workflows, and setting the standard for the industry. More recently, we are able to respond to customer feedback even more rapidly through our subscription model, through more frequent releases. We are also pioneering new ways to collaborate with others with innovative services like Creative Cloud Libraries. And, of course, we have some of the best researchers in the world building imaging technology as well as things like the new Font Similarity filter.

Photoshop’s freshest features

Webdesigner Depot: Speaking of the Font Similarity filter—which is one of the coolest new features—are there any plans to extend it; perhaps introducing font-pairing? Could we see more extensive integration with Typekit?

Stephen Nielson: I don’t have anything to announce, but I will say that we work closely with the Adobe Type team, which includes the former Typekit team. We know fonts and font management are important to designers. Fonts are like candy to designers. People love the integration we already have for replacing missing fonts and we continue to work on new ways to manage fonts.

Many times [Adobe’s] plan involves inventing new solutions to problems that are unspoken, but we know exist. Those are the kinds of thing that once you see, you say, “wow, I didn’t even think about that!”

WD: Photoshop has hundreds of features, from pattern generation to 3D printing. Are you ever tempted to split those features off into dedicated apps and streamline Photoshop’s core elements?

SN: We actually do this quite frequently. Lightroom became a dedicated app for photography. Project Comet is a dedicated app for web and mobile app design and prototyping. And there are other projects in the works. But still a lot of people love the amazing toolbox of features in Photoshop, so we try to make it more accessible and customizable, for example, by now allowing you to customize the iconic Photoshop toolbar. This is of course in addition to customizable workspaces, menus and keyboard shortcuts.

WD: Recently added features—I’m thinking specifically of the glyphs panel—seem to be direct responses to requests from the community. Does Adobe have a long term plan for Photoshop, or are you tapping into the evolving needs of designers?

SN: Both! As I mentioned earlier, we are always listening to customer feedback, in a variety of ways. And we take that feedback seriously. The glyphs panel was built in direct response to requests from customers. But we also have a long term plan for evolving the product. Many times that plan involves inventing new solutions to problems that are unspoken, but we know exist. Those are the kinds of thing that once you see, you say, “wow, I didn’t even think about that!”

Photoshop & responsive design

Webdesigner Depot: Artboards are one of the recent features in Photoshop aimed at assisting with responsive design workflows. When something as revolutionary as RWD comes along, how do you approach developing tools for it?

Stephen Nielson: We’re constantly identifying trends like responsive design, and coming up with new solutions for them. With artboards specifically, a small team developed the initial vision, and then we put together a private Slack group of designers, hand-picked by our resident ethnographer. The collaboration with that group was almost daily, with new builds going out every week or so. When we need a broader pool of feedback, we release something as a Technology Preview, like Design Space. We also have a feedback site dedicated to new features where you can submit an idea, as well as vote and discuss other people’s ideas. We’re pretty active on Twitter as well, taking lots of feedback on recently released features.

WD: We’re all excited to get our hands on Project Comet in the coming months. How much integration with Comet has the Photoshop team been working on?

SN: Project Comet is super exciting. We are working closely with that team to identify the most important and compelling workflows to and from Photoshop. Some of the workflows are obvious, but others are more nuanced and will require more research and testing. In the end, I think Photoshop and Comet will have one of the tightest integrations between two separate applications.

WD: Photoshop now has a UI that’s more in keeping with other CC apps. Will we see greater integration with the rest of the CC range in future?

SN: Yes, although really, this has been a focus ever since the first Creative Suite. But there is a renewed focus on a consistent look and feel across Adobe’s products.

Photoshop’s future

Webdesigner Depot: The welcome screen now features tutorial suggestions personalized based on how an individual uses the app. Is it possible that we’ll see a personalized UI option in future, where panels and tools are laid out based on recent usage?

The challenge is to provide something personalized and valuable, without surprising the user.

Stephen Nielson: It’s absolutely possible. We are building a lot of machine learning capabilities within Adobe and on the Photoshop team specifically, which is necessary to do something like this. The challenge is to provide something personalized and valuable, without surprising the user. It will take some time to find the right balance.

WD: In 25 years time, will Photoshop still be the industry standard?

SN: Absolutely. It’s hard to say exactly what it will look like, but you can be sure that Photoshop will be at the forefront of whatever new creative field emerges. We recently celebrated our 25th anniversary by highlighting 25 artists under 25. Their work is incredible, and is a great indication of what will come from the next generation of Photoshop designers and artists.

 

Thanks to Stephen for taking the time to answer our questions.

Feel the Love: A Collection of 100+ Valentine Vectors – only $18!

Source

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