Archive

Archive for September, 2015

Will Atomic revolutionize your workflow?

September 17th, 2015 No comments

Atomic is a new breed of design app, that bridges the gaps left by traditional artwork applications like Sketch, or Photoshop. It launched yesterday, after four months of public beta testing, during which time over 30,000 designers put it through its paces.

As web designers, our role is to design interactive experiences, so it’s crazy that our tools focus on creating fixed states, and leave interaction and animation to the imagination.

Atomic attempts to refine your workflow; from one that’s dictated by the machanics of production artwork, to one that’s governed by creative processes. Instead of drawing a picture of how a design might look, Atomic previews how a design will behave.

Atomic enables a more effective process, making it more collaborative, more iterative, and more focused on user experience.

As the lines between web and native apps blur, tools like Atomic will help designers communicate a creative vision far more effectively than a flow chart mocked up in Sketch.

Atomic allows you to design without code. Whilst that’s a contentious point, Atomic isn’t exporting production code, so provided the designer understands the capabilities of the medium there are no negative ramifications.

Atomic enables designers to get more creative, and effectively communicate their ideas

For those old enough to recall, Atomic works much like Flash 4, when interactions could be applied with a control panel. It runs in the browser, with no plugin to install, allowing you to share your work by sending out a simple URL that can be opened on any device. Anyone can be invited to collaborate, or comment on a design. A full history is included so you can experiment without fear, and you can even fork designs to move in a new direction.

Atomic is one of the first wave of new tools that enable designers to work with experiences, rather than static layouts. It isn’t for production artwork, it’s for the rapid iteration of ideas. Atomic enables designers to get more creative, and effectively communicate their ideas to clients and teams.

Currently free to trial for 30 days, Atomic usually costs between $15 and $35 per month.

200+ Vector Design Elements Plus 400+ Universal Outline Icons – only $25!

Source

Categories: Designing, Others Tags:

PyCon UK 2015 Conference opens in Coventry, England

September 17th, 2015 No comments
00-featured-pycon-event-2015-signup

Every year multiple Python-related conferences set up & jam out to talks, training, and lots of group chat sessions. PyCon is the most recognized annual conference running events across a vast array of countries.

Coming up in mid-September we have PyCon UK returning to London in 2015. The conference spans a four-day weekend from Friday the 18th to Monday the 21st.

The goal is to bring together Python lovers of all ages & backgrounds. Experts & newbies alike are welcome to come and join in on the festivities.

Each day is jam-packed with sessions for training, speaking, and lots of eating. The full event schedule has more details about who will be speaking and where all the cool events are located.

One very interesting presentation is the Career Clinic hosted by Tony Camps. This is perfect for inexperienced Python/Django developers who aren’t sure how to approach the job market.

Since we’re already bumping up against the deadline for PyCon UK, it seems all main event tickets have been sold out. But if you’d want to attend one of the tracks or a single-day traning sessoin you can always look over the registration page for available entry fees.

But unfortunately we don’t all have the luxury of extra time for this kinda stuff. You’re free to keep up with PyCon UK happenings from the official Twitter account @PyConUK. While the US event already ran back in early summer, PyCon releases photos & new updates for next year’s conference details.For info about all the events you can follow the primary PyCon account @pycon.

Read More at PyCon UK 2015 Conference opens in Coventry, England

Categories: Designing, Others Tags:

Angular Material: Thoughts & Review

September 17th, 2015 No comments
00-featured-angular-material-design

The Angular Material project integrates Google’s Material Design with the AngularJS MVC framework and offers web engineers(especially AngularJS devs) a solid foundation of tools.

Google’s Design project is a system of tools for prototyping both web and native applications. From this Google created Material Design, a framework centered around design-driven principles.

Material Design was eventually adapted to work with AngularJS, thus marking the creation of angular-material. Throughout this article I’m going to talk further about different aspects of the angular-material project and show you how well it integrates these 2 platforms together.

Angular-Material logo

Harnessing the Power of Angular-Material

When dealing with headings and other typography related styles, Angular-Material offers css classes for you to use. Much of the true power of Angular-Material is accessed through custom components that allow you to control every aspect of an Angular application.

These components come in the form of directives and attributes, and offer a broad range of functionality.

The Layout Attribute

Angular-material utilizes several variations of the layout attribute to style web applications. In the same way that BootStrap uses classes, Angular-Material uses custom attributes to define your applications layout.

Material Design utilizes flexbox, therefore Angular-Material provides the flex attribute for developers to use. Due to its recent struggles with browser support, many are unaware of the inherent control flexbox gives to developers.

Nonetheless Angular-Material’s flex attribute can take a value, though it does not necessarily have to.

Let’s take a look at a bit of code in an example from the Angular-Material website. It gives you a bit of insight as to how the flex attributes work.

<div layout="row">
  <div flex="66" flex-sm="33">
  This is the first div!
  </div>
  <div flex="33" flex-sm="66">
  This is the second div!
  </div>
</div>

The first div tag would flex to one-third of the space on mobile, and two-thirds on other devices, and the second div expands to two-thirds of the space on mobile, and one-third on other devices.

Functionality Through Different Directives

The flex attribute is just one of the many things that Angular-Material offers.

The framework also makes great use of directives that make tons of different thing possible. For example, Angular-Material provides directives such as md-autocomplete which a will query through a data set depending on a user’s input. Angular-Material will perform this query in realtime, thus providing a the best possible experience for the user.

Among the other directives Angular-Material offers out of the box is md-grid-list. This directive allows you to define complex grids layout and gives the developer a great deal control over what is displayed inside an angular app.

The md-grid-list directive takes different attributes such as md-cols and md-row-height. This directive allows you to define highly complex layouts that are fully responsive, which you can see for yourself in this demo.

The angular-material framework gives you all the tools you need to create highly functional web applications that provide users with a great design & experience. Now that you have some background of the framework, I encourage you to experiment as it is truly a web developer’s best friend.

Read More at Angular Material: Thoughts & Review

Categories: Designing, Others Tags:

How to Use Famo.us + Angular to Create a Mobile Application

September 17th, 2015 No comments

I love high-performance JavaScript and I love sharing what I believe is its true potential. In this tutorial, I want to focus on Famo.us – it can allow you to maintain a silky smooth 60 frames per second while having fluid animations on screen. Famo.us does this by utilizing the CSS3 primitive -webkit-transform: matrix3d, which lets the framework compute the composite matrix and skip the browser’s renderer. No plug-in, no download, no hack. By appending this to each DIV, developers can render the composite matrix and go straight to the GPU. I go more in depth when discussing the ins-and-outs of Famo.us in this blog post. Thanks again to Zack Brown for all of your assistance with this! Let’s get started: By the end of this project you will be able to: Understand how Angular works within the context of a Famo.us application Harness the true power of JavaScript and the good parts of HTML5 Create smooth animations My goal for this project to illustrate how easily you can create HTML5 / JS projects which work at near native speeds on mobile applications. Features The mobile applications runs on iOS and Android via Cordova The Windows 10 universal app runs natively on well, Windows […]

Categories: Others Tags:

CocoaConf Autumn Tour hits Boston & San Jose

September 16th, 2015 No comments
00-cocoaconf-featured-img

Whether you’re a UI designer, Objective-C programmer, icon designer or user experience prodigy, CocoaConf is the hottest event for OS X & iOS app development. The CocoaConf staff tours all around the country setting up speakers and training sessions for all areas of app development for Apple products.

This fall you can expect at least two more conferences to be hitting the US, one on the east coast and another out west coast.

Coming up from September 18-19 CocoaConf will be running a two-day event in Boston, Massachusetts. As of now tickets are still on sale and can be ordered through Eventbrite. Unfortunately this is only a few days away, so if you can fit this into your Friday/Saturday schedule be sure to act fast!

The event in San Jose, California leaves potential conference-goers with a bit more time. The CA event will run from November 6-7 offering tickets at the same prices. You can learn more about the San Jose event including speakers, sessions, and the preplanned two-day schedule.

CocoaConf is one of the larger training events because it covers everything for Apple developers. There’s a track for everyone whether you build desktop/MacBook apps, iPhone/iPad apps, or even a combination of both!

Also if you’re unable to attend either of these events you can still keep up-to-date with CocoaConf’s future meetups by following the official Twitter account @cocoaconf.

Read More at CocoaConf Autumn Tour hits Boston & San Jose

Categories: Designing, Others Tags:

New Mockup.io version includes iPad Pro frame & Android App Icon Preview

September 16th, 2015 No comments
00-featured-mockup-io-icons

For those unfamiliar with Mockup.io, it’s a visualization tool for showcasing how an application will look in a realistic frame. It’s specifically geared towards teams working collaboratively on mobile applications for iPhone & Android.

Just recently the Mockup.io team released a new version with a couple handy features. One is the additional frame for iPad Pro which was just announced at the latest Apple event in September. iPad Pro frame is already available in Mockup.io for both portrait and landscape mockup orientation. It supports full screen view and original device size view, as well as all the other opportunities Mockup.io provides.

The other new feature is the icon preview for Android applications. This was already available for Apple Watch and iOS devices, but was recently added for Android tablets & smartphones.

If you have a few different app icons you can upload all of them to Mockup.io and test how they look in real-world settings. This is the best way to determine which icon most properly suits your application and how it would look on a real device.

Android app icon preview

If you’d be interested check out the Mockup.io plans to see features & pricing. A freelancer can setup 1 account for free and use it continuously as a type of case study before jumping into Mockups as a fully-fledged design tool.

Read More at New Mockup.io version includes iPad Pro frame & Android App Icon Preview

Categories: Designing, Others Tags:

Don Clark of Invisible Creature shares his thoughts on Design

September 16th, 2015 No comments
00-featured-don-clark-invisible-creature-thumb

In an old converted barn just outside of Seattle you’ll find Invisible Creature, a graphic design studio run by Don and Ryan Clark. They’re brothers who produce fantastic artwork, illustrations, and all forms of design from interfaces to print & product design.

Tim Kellner is a filmmaker who took the time to meet up with Don Clark to get a tour of his space & his way of life. This brief 3-minute clip covers Don’s thoughts on design, art, and where he’d like to go with all of it. It seems to ask the question “why do we create art?”

Anyone who’s pursuing any creative field can at least appreciate the depth and quality of this video. Invisible Creature is a well-known name and their work is certainly respected within the design community.

Read More at Don Clark of Invisible Creature shares his thoughts on Design

Categories: Designing, Others Tags:

Stack Exchange changes their name to Stack Overflow

September 16th, 2015 No comments
00-featured-stack-network

The large Q&A network Stack Exchange has prominently risen to Internet fame with its invention of Stack Overflow. This site is a safe-haven for developers & programmers to ask questions about bugs, frameworks, plugins, or anything that might be solvable from a more knowledgeable expert.

In a recent blog post the Stack Exchange team announced they will be officially changing the overarching company’s name to Stack Overflow. Again.

See when it was first released this was the only Q&A site online. But the Stack network grew to include so many other websites that it deserved its own corporate name – Stack Exchange. However it appears the heads of SE have decided to fall back on Stack Overflow as the company’s name because it’s more recognizable.

But does this mean Stack Exchange is going anywhere? The answer is a big fat resounding NO!

The team still plans to extend Stack Exchange as a network, and that will remain the official name of the network itself. However instead of Stack Exchange being the network & the corporate name, it’ll just refer to the network of Stack Q&A websites. The overarching parent company of everything will now and forever be known as Stack Overflow.

This shouldn’t affect anyone who uses any of these sites for research or help. In fact, it probably won’t affect anyone beyond the direct employees of Stack Exchange.

Thankfully the Stack team has been kind enough to include a reference diagram to explain the new setup:

Read More at Stack Exchange changes their name to Stack Overflow

Categories: Designing, Others Tags:

Interview with Jacob Cass about JUST Creative & his Design Career

September 16th, 2015 No comments
00-featured-jacob-cass-thumb

Jacob Cass is one of the most well-known designers specializing in branding/identities. He’s the founder of JUST Creative and has been working as a freelancer since 2007.

His work includes a wide variety of projects from small businesses to a website redesign for Sweet’N Low.

This Q&A covers a little about his work, his inspiration, and what he feels are the most important factors to becoming a professional designer.

Jacob Cass at TEDxCMU 2011 – Building a Personal Brand

Q: Can you share a little about yourself and your area of expertise?
My name is Jacob Cass and I’m the owner of Just Creative, a design blog and design studio that I run while travelling the world.

I’ve been running Just Creative since 2007 and I specialize in brand identity design, as well as interactive design, among other things.

Q: What first got you interested in this field of design? How old were you when first getting started?
I’ve always been interested in design and art, although I didn’t know this until about half way through high school when I got introduced to graphic design as a career, when I was about 15 years old.

Before this I was just mucking about in Photoshop, running a photo sharing website for my friends (this was before Facebook) and doing invites and flyers for friends’ birthday parties, just because I enjoyed doing it.

Thankfully I later found out you can get paid for this – whoop!

Q: What does a typical work day look like for you?
Right now I have an itinerary of visiting 50-60 countries over 18 months so it’s a mix of exploring new cities while making time for my clients.

A usual day would be: wake up, exercise, breakfast, emails, design/blogging work OR go explore a city or lay on a beach.

I alternate these days as required, depending on workloads.

In the evening I do more emails, social media and blogging.

Q: What ultimately compels you towards design work? Where do you draw inspiration for new projects?

Like many designers, what drives me to continue to design is the passion for solving problems… and making cool shit.

Regarding inspiration, this depends on the project but a lot of it starts with research on the web. Browsing galleries (Dribbble, Pinterest, Behance, LogoLounge, etc.) and knowing what is out there to make informed decisions for the current project.

Sweet N Low website redesign - Jacob Cass

Q: What type of practice do you feel offers the greatest amount of growth? Following tutorials, case studies, live client work, etc?
Tutorials are great at honing your toolset and learning new techniques – but real live projects are the best way to grow as you’re exposed to many new variables; briefs, deadlines, clients, stakeholders and the dreaded boardroom.

You start to learn the business of design this way, as you need to ‘sell’ your work to the client.

Q: In your opinion what is the key to moving from a novice to an expert designer?
You need to remember that once you start charging more, clients start expecting more. So charge what you’re worth and you will start evolving into that ‘expert’ designer.

The key is to know what you’re actually worth, and what you can get away with.

Q: What do you think separates “good” design from “great” design?
Everyone’s a critic and you’re hardly ever given the full details behind any given project. I think once you’re given all of this information you can distinguish what is good from great.

Do you have any personal recommendations for awesome learning resources from books to YouTube channels or websites?
Seriously, there is just so much out there right now.

However a few personal favorites are:

  1. The Panda Chrome extension which curates links for you from a number of websites
  2. The WebDesignerNews email newsletter and
  3. A variety of Twitter Lists

Q: Do you have any favorite designers who inspire your work? Or designers who just do work that you love?
I come across amazing designs and designers every single day. It’s really great to see – however I don’t have any personal favorites or designers to follow.

I always go down the rabbit hole when looking for inspiration, one link leads to another, to another, and so on.

Q: What would be your ideal “dream project”? Would it be something you create by yourself, with a team, or perhaps an already-existing product that you wish you could’ve worked on?
A dream project of mine would be to own a product or service that that will benefit many others. I have no idea what this is or what form this will be in, but I want it to be big.

I have found that even something as small as the Just Creative blog – it just helps so many people. And the daily emails I get thanking me gives me fuel to continue doing it.

If this could be done on a much larger scale, well, that would be my dream project.

Q: Are you currently satisfied with your level of skill & creative output? What do you think contributes to a designer’s level of satisfaction in their own work?
You should never settle, so I will have to say no and it will always be no.

I look back at projects that I completed even just six months ago and think that I could have it done it another way, improved it, or changed something. If you can’t do this then you’re not growing as a designer – or maybe it’s perfect and if that’s the case, I take my hat off to you!

Tooth Care logo/branding - Jacob Cass

Q: Where can you see yourself professionally in the next 3-5 years?
Living back in Australia with some Just Creative babies, and either working with a large agency (something I have not yet done) or starting my own studio with employees for the first time.

Or maybe I’ll continue freelancing. But with housing prices in Sydney the way they are, this probably is not going to cut it.

Q: Any final tips or words of advice for aspiring designers? Maybe words of advice you would’ve liked to tell your younger self?
The biggest piece of advice that I would give an upcoming designer comes in a ‘package’ based from the little things that I’ve learned over my career as a designer.

These would be perfect for someone just starting out or anywhere in their career:

Don’t undervalue your work. Seek criticism, not praise.

Always keep learning & don’t be a static learner; do this by reading books, magazines, blogs and by practicing.

Collect & share things. Teach others. Never give up.

Keep practicing. Again, keep practicing.


Many thanks to Jacob Cass for making time to answer these questions. If you want to learn more check out his website JUST Creative or follow him on Twitter @justcreative.

Read More at Interview with Jacob Cass about JUST Creative & his Design Career

Categories: Designing, Others Tags:

Dribbble releases larger Display Options for Shots

September 16th, 2015 No comments
dribbble-resized-thumbnail-shots

The Dribbble team in Salem, Massachusetts just recently published an option for bigger shot thumbnails. As of right now this option is visible from the top-right menu on all pages from tags, searches, and profile views.

Typical Dribbble thumbnail shots have always been rather small to accommodate smaller screens. But those with larger monitors(especially retinas) have a whole lot more space to work with.

This new update offers brimming new thumbnails in a larger grid which can be oscillated at will.

There are 4 options: the default thumbnail size with info, a larger size with info, or the default/larger sizes without info.

It seems Dribbble has been rockin’ updates as of late, with a recent push for modal window previews of shot details. This increased thumbnail option should please designers who have been looking for larger previews without having to click for expansive details.

One of the designers/developers at Dribbble Adam Darowski recently published a shot detailing this change with a .gif and some screenshots.

Feel free to let us know your thoughts in the comments or contact Dribbble directly to share your feedback on this new feature.

Read More at Dribbble releases larger Display Options for Shots

Categories: Designing, Others Tags: