background preloader

Jonathan Yuen (2006)

Jonathan Yuen (2006)

Work: Today's Inspiration Soleil Noir Studio - 2008 - Mozilla Firefox undefined Portfolio Please contact me if you are interested in working together Bespoke Jewellery Advert Designs This project included coming up with the concept, design and initial copylines for the adverts, the rings were then produced by the jewellery company to fit the theme of the adverts. Dog Treat Packaging Design and Illustration Shown below are 3D visuals of some dog treat packaging designs I designed and illustrated. BVD Farmer Adverts The adverts below are a right hand page followed by a magazine spread to show farmers that BVD (a disease in cows) which they believe to be insignificant is far more detrimental than they think. BACP Annual Report Design Design of an annual report for BACP (British Association for Counselling and Psychotherapy) Fire Extinguisher Packaging Design 3D visuals of designs I created for the Easi-Action fire extinguisher (which I also named). Vet Calendar Design Antibiotics calendar targeted at vets. Logo Design for In4systems Automaskin Corporate Brochure Design

CSS3 module: W3C Selectors Résumé Les CSS (Cascading Style Sheets) sont un langage permettant de décrire la restitution de documents HTML et XML à l'écran, sur papier, vocalement, etc. Pour attacher des propriétés stylistiques aux éléments du document, elles utilisent les sélecteurs, qui sont des conditions de sélection de ces éléments. Ce document de travail décrit les sélecteurs proposés pour CSS level 3. Statut de ce document Ce document est une version de travail de l'un des "modules" de la future spécification CSS3. Ce document est un document de travail du Groupe de Travail CSS & FP faisant partie de l'activité Style. Le Groupe de Travail pense que cette spécification est prête et souhaite donc en faire le dernier appel à commentaires. Les commentaires sur ce document de travail et les discussions le concernant peuvent être envoyés dans la liste de diffusion publique (archivée) www-style@w3.org (voyez les instructions). Des traductions de ce document sont disponibles. Dépendances aux autres Modules CSS3 1. 2.

FontFont Typeface Library by FSI FontShop International Blog Archive » my best effort : to gift peace of mind Posted: August 17th, 2009 | Author: Bryn | Filed under: art, calligraphy, design, handmade, paper | 94 Comments » Last November, I was faced with the challenge of choosing a birthday present for my man. Since he’s been mine for a long time, I’ve tried most of the possible gift categories on him before. I thought of all the little to-do’s, house annoyances, tasks and errands that pile up and nag him every time they come to mind. It was a ton of work and tricky to conceal during the weeks and days leading up to his birthday – but the reward was great. To convey it all, I created a stack of cards in a paper box. Some of the items will mean nothing to you — but you know how it is, that random photo that you keep meaning to frame or that annoying bump in the rug that you see every time you come home.

accueil 142, avenue Daumesnil 75012 PARIST. +33 (0)1 42 71 48 36F. +33 (0)1 43 55 08 02E. boitenoire@ultranoir.comW. www.ultranoir.com MARS NETWORKS 26, rue du village 13006 MARSEILLET. +33 (0)4 91 48 26 59F. +33 (0)4 91 24 67 02E. commercial@mars-networks.comW. www.mars-networks.com L'utilisateur du site internet ultranoir.com reconnaît disposer de la compétence et des moyens nécessaires pour accéder et utiliser ce site internet. Les utilisateurs sur site web sont tenus de respecter les dispositions de la loi relative à l'informatique, aux fichiers et aux libertés, dont la violation est passible de sanctions pénales. Ultranoir met à disposition des utilisateurs de ce site web des informations et outils disponibles et vérifiés, mais ne saurait être tenu pour responsable des erreurs ou de l'indisponibilité de certaines informations. L'usage de ce site web est régi par la loi française à l'exception de toute autre législation.

manystuff.org — Graphic Design daily selection Search #d9e8c3 #ced181 #7c8f50 #555e32 #bf867c #d4b9b9 Find The Palettes You Love turkey tones posted 11.24.11 comments 1 cocoa tones posted 11.23.11 comments 1 shelled tones posted 11.21.11 comments 3 berry fresh posted 11.18.11 comments 2 pink tints posted 11.07.11 comments 0 succulent tones posted 11.06.11 comments 6 vintage tones posted 11.02.11 comments 1 tulip tones posted 11.02.11 comments 0 ShareThis Copy and Paste iOS7 UI Effects in Photoshop and After Effects With the announcement of iOS7, Apple revealed a completely new UI for their mobile OS. With the super flat design and thin fonts, Apple said that the design would be adaptable to apps by making some of the basic UI elements transparent, therefore, some of the colors of your apps content would bleed through and define how iOS7 basic components would influence the overall appearance. Another important detail of the UI was that with the transparency a blur effect was applied, similar to Windows Vista and their Aero design. With that in mind, I decided to see how to create and share a super simple workflow to achieve this effect using Photoshop and After Effects. So for this tutorial I will show you how to achieve the blur effect of iOS7 using Photoshop and After Effects. Step 1 The first thing I did was to download the iOS7 iPhone PSD from teehanlax ( to use the basic iOS7 UI. Step 2 Step 3 Step 4 Time to open After Effects. Step 5 Step 6 Step 7 Step 8 Step 9

The CSS Box Model At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We've talked about the positioning of these boxes a bit, and about their behavior. What we haven't talked about much is the box itself. How is the size of the box calculated exactly? Here is a diagram: If you are a Firebug user, you might be used to the diagram like this, which does a nice job of showing you the numbers affecting any box on the page: Notice in both examples the margin is in the white. The size of the box itself is calculated like this: What if these values are undeclared? If padding or borders are undeclared, they are either zero (likely if you are using a css reset) or the browser default value (probably not zero especially on form elements that are commonly not reset). The Default Width of Block Level Boxes Absolute Boxes with No Width Share On

Related: