Thursday Roundup # 42
This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
Contents
Introducing Adobe Generator for Photoshop CC
Adobe has announced a new Photoshop CC features for Creative Cloud members. This update to Photoshop CC (version 14.1) includes an exciting new technology, Adobe Generator, which allows new workflows, especially for web designers, screen designers, and anyone who needs to extract image assets out of a Photoshop document.
A Powerful Tool for Managing CSS Animations – AnimoJS
CSS animations are phenomenal and offer numerous advantages over JavaScript powered animations. First, they’re hardware accelerated, which sometimes hard to notice on a desktop but is unbelievably present when viewing on a mobile browser. It’s much easier to visualize and write the animation/transition in CSS using keyframes.
The problem with CSS alone is that they’re usually fired on page load or a hover event, and you can’t stack animations or trigger another when one has completed. That’s where JavaScript and animo come in. You can easily stack animations to fire one after another, specify callbacks for the completion of an animation, or simply fire animations on any event or at any moment you please.
Beautifully Detailed Vector Maps, Absolutely Free
A collection of free to donwload detailed vector maps. All maps are digitally hand made! No traces or copying of imagery is done in the creation of our maps. GIS data is used to create incredibly clean and vector perfect maps.
Maps layered with impeccable detail. All elements are on separate layers and clearly labeled. States and regions are alphabetically listed to help you find what you need fast.
Create Icon Fonts in Seconds – Fontastic
Easily create your icon font in 3 steps. Download it, ready to include in your website. Import your own SVG icons or SVG fonts or choose among thousands of free icons, from the most popular icon collections.
Icon fonts are widely supported by all modern browsers, fast and easy to setup. Don’t waste time creating special Png versions for Ipad or Iphone. The icon font will adapt to the display and stay crystal clear.
Make a Use of Your Favicon with Badges, Images or Videos
Animate your favicon with animated badges. You can customize type of animation, background color and text color.
Windows 9 Concept
Windows 9 lays its elements firmly on a space that is natural to use in an environment of 2D display and input. While this space is proudly digital, it feels authentic and does not conflict with the way humans expect natural objects to act.
Touch, mouse + keyboard and other input methods do not require a fundamentally different UI structure. While touch input requires large hit targets, for example, cursor-based interaction benefits from them as well. On Windows 9, apps can easily optimize their interface for the user based on detected input device.
What do you stand to make?
Stand to Make is an interactive visual tool for calculating your earnings potential. Do you have an idea for an awesome eBook? Are you designing a killer icon set, UI Kit, or WordPress theme? Whatever the product, Stand to Make can help you answer the question “What do I stand to make?”
Cloning the UI of iOS 7 with HTML, CSS and JavaScript
There’s been a lot of controversy recently on whether Javascript could compete with native or not, both in terms of performance and of look’n’feel. In this tutorial, author tried to make an app that looks as close as a native iOS 7 app as possible.
A GUI Application for Less, Sass, Compass and CoffeeScript Compilation
Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficient.Koala can run in windows, linux and mac.
An agency workflow for Responsive Web Design
TemplateVamp: [FREE] Twitter Bootstrap Admin Template
TemplateVamp is a FREE Admin Template for web designers and developers. Based on Twitter Bootstrap, TemplateVamp is a fully functional and customizable admin template that leverages the power and flexibility of HTML5 & CSS3. It can be used as a front-end toolkit for rapidly developing web applications that are lightweight, faster, and mobile-friendly; a great starting point.
TemplateVamp contains HTML and CSS-based design templates for typography, forms, buttons, charts, navigation and JavaScript extensions.
Thomas Knoll: The Story of Photoshop
In early June 2013, Michael Reichmann & Kevin Raber sat down with Thomas Knoll, co-inventor with his brother John, of Adobe Photoshop. Thomas tells the story of two young brothers and the beginnings of Photoshop.
Later in the video, Thomas talks about the controversy surrounding Adobe’s Creative Cloud and the solution he proposed for photographers.
Typographic Posters/Images for Inspiration
Typographic posters is a platform for inspiration and promotion of good design through the poster culture.
This inspirational site focuses exclusively on typographical and graphical posters, those that challenge type, colors and shapes to express a message.
It is a curated gallery with a graphic design point of view. Each poster is reviewed to meet a standard in visual qualities and functional efforts.
ProjectFlow and the Hard-Learned Lessons from Building a Product
Freebie: iOS7 Ui Kit (PSD)
Freebie: Free Premium-like Flat Profile PSD (Metro Inspired)
Another awesome Metro Inspired Free Flat Profile PSD (HTML/CSS version coming soon). This Flat Profile is suitable for everyone looking for an online presence. It’s been made to have a clean and minimalistic style and will help you set up a professional online presence and increases your chances of finding a suitable job and getting new businesses.
