background preloader

New entry

Facebook Twitter

UiGradients - Beautiful colored gradients. Design agency Fantasy helps Google partners connect business with trusted online advertising agencies. Fantasy.

Design agency Fantasy helps Google partners connect business with trusted online advertising agencies

Geo-paper totem!! I used to love making 3D nets at school (it’s the only bit of maths I actually enjoyed).

Geo-paper totem!!

Mini eco. Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, <code>viewBox</code>, and <code>preserveAspectRatio</code> SVG elements aren't governed by a CSS box model like HTML elements are.

Understanding SVG Coordinate Systems and Transformations (Part 1) — The viewport, <code>viewBox</code>, and <code>preserveAspectRatio</code>

This makes positioning and transforming these elements trickier and may seem—at first glance—less intuitive. However, once you understand how SVG coordinate systems and transformations work, manipulating SVGs becomes a lot easier and makes a lot more sense. In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio. This is the first in a series of three articles covering the topic of coordinate systems and transformations in SVG.

For the sake of visualizing the concepts and explanations in the article even further, I created an interactive demo that allows you to play with the values of the viewBox and preserveAspectRatio attributes. Check the interactive demo out. The demo is the cherry on top of the cake, so do make sure you come back to read the article if you check it out before you do! Meet (The default value) Everything You Need To Know About SVG. Making SVGs Responsive with CSS. SVG Shape 2 Java2D Code  A couple weeks ago I needed to write some Java2D code to draw a water droplet.

SVG Shape 2 Java2D Code 

If you have ever tried coding bezier paths off the top of you head it is not the simplest of things and can be frustrating. So I ended up drawing it in Illustrator and saving as SVG. The next stage was hacking with some code I had from before to take the path and spit out Java2D code for the shape. I have been thinking since that I could cleanup the code when I get the time and make a little application for extracting path shapes from SVG and writing out the Java2D code for them. Well I finally got the time and here is what I came up with. Download:SvgShapeExtractor.jar (Executable Jar)SvgShapeExtractorSrc.zip (Src) The Value of Time - How to Charge What You're Worth - mor10.com. Showcase. Adobe Illustrator & Photoshop tutorial: Add vector flair to model shots. Create a Vibrant Abstract Vector Design Illustrator.

This post was originally published in 2011 The tips and techniques explained may be outdated.

Create a Vibrant Abstract Vector Design Illustrator

Follow this step by step Illustrator tutorial to create a vibrant abstract design. We’ll put Illustrator’s Gradient Mesh tool to use to create a colourful shape, then build up layers of objects to create an abstract design with lots of vibrancy, bright colours and transparency effects. The design we’ll be creating features a range of vibrant and colourful shapes which stack to produce an abstract array of bright and electrifying colours. The design is entirely made of vector elements so it can be scaled to any size you wish, whether it’s an iPhone wallpaper or super sized poster. View the full size abstract vector design. La Chatte à Maman Font. Beyond The Mountains Font. Curating the very best packaging design.

Budweiser January 27, 2016 | 0 Comments Designed by jkr | Country: United States “People gravitate towards brands that have a unique story to tell, and few have as rich a history as Budweiser.

Curating the very best packaging design

Since 1876, the brand has represented uncompromising quality and relentless ambition, reflected through the craft and care that goes into brewing every beer. Responsive Logos, Part 1: Tips for Adapting Logos for Small Screens. From what I’ve seen, logos typically receive the short end of the stick when it comes to responsive web design practices.

Responsive Logos, Part 1: Tips for Adapting Logos for Small Screens

Take a look through responsive galleries, and you’ll see that, in most examples, the logo is just shrunk to fit within available space. For rectangular logos with simple and minimal details, this approach can work just fine. Use Your Interface. iOS Resolution Reference - iPad, iPhone, and iPod Touch resolution, aspect ratios, icons sizes, and much more for iOS6 and iOS7. UI, UX: Who Does What? A Designer's Guide To The Tech Industry. Design is a rather broad and vague term.

UI, UX: Who Does What? A Designer's Guide To The Tech Industry

When someone says "I'm a designer," it is not immediately clear what they actually do day to day. There are a number of different responsibilities encompassed by the umbrella term designer. Design-related roles exist in a range of areas from industrial design (cars, furniture) to print (magazines, other publications) to tech (websites, mobile apps). With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI designer are confusing to the uninitiated and unfamiliar even to designers who come from other industries.

Let's attempt to distill what each of these titles really mean within the context of the tech industry. UX Designer (User Experience Designer) UX designers are primarily concerned with how the product feels. "Define interaction models, user task flows, and UI specifications.