background preloader

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.
Related:  Web design / UX

Frere-Jones Type | Typeface Mechanics: 001 Our conscious minds want to draw one shape, but our eyes need to see another. Part of typeface design is managing this eternal friction between logic and optics. It’s always there, no matter the style. This new series of posts will explore what I call “typeface mechanics”, the behind-the-scenes work that makes typefaces visually functional. The typeface design process has many counterintuitive moments. Square shapes like H have a simple and stable relationship to the baseline and cap height. If the “correct” height appears inadequate, “too much” will look right. If curves need overshoot because they don’t behave like squares, pointed shapes are even less like squares, and accordingly get more overshoot. But like many aspects of type mechanics, overshoot comes in degrees. Even within a single family, variations of weight and width can alter a shape’s exterior, and require a recalibration of alignment. Sloping serifs can make matters harder again. But those come next.

Le panneau Links pour Photoshop CS5 - Il y a déjà quelques temps je vous avais parlé (ici) d'un panneau Links réalisé par Michael HALE et Jeff TRANBERRY pour Photoshop CS4. Ce panneau permet d'importer un fichier image dans un document en tant qu'objet dynamique, mais en gardant un lien vers le fichier original à la manière d'InDesign (ou d'Illustrator). J'avais oublié de vous indiquer sa mise à jour, mais suite à la demande de Tony (wisibility), je vous fais part de cette mise à jour en CS5. Installation : une fois le fichier téléchargé (ici), dézippez le fichier et procédez à l'installation automatique par double-clic sur le fichier Links.zxp situé dans le dossier, ou à l'installation manuelle par glissement du dossier links dans le dossier Panels de Photoshop (Adobe Photoshop CS5/Plug-ins/Panels). Mode d'emploi : agrandissez un peu le panneau de manière à voir les commandes situées en bas du panneau.

Web site moved | CogTool Bootstrap Material Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework. If you like this project you can support me by donating something on Gratipay, starring this repository, or reporting bugs and ideas. Read more about Material Design for Bootstrap at the Github page. If you want support the development of this project please consider donate something: Donate with Gratipay Thanks to all the people that donate me weekly on Gratipay and all the ones which has donated on PayPal! Would you like to use this theme for commercial projects? Seems like you are using AdBlock to hide banners... Thanks! You can get this theme downloading the source from Bower: bower install bootstrap-material-design Download Install with NPM - Coming Soon You can also install and manage Material Bootstrap using NPM npm install Install with Bower You can also install and manage Material Bootstrap using Bower Install with Meteor What's included Sound Alarms

Creative Cloud | The Adobe USA site has been optimized for users within the United States. If you live outside the U.S., we recommend that you visit your local site for the most relevant information, including pricing, promotions, and local events. United States Canada - English Your country selection will be remembered for future visits. Le site web américain d'Adobe a été optimisé pour les utilisateurs résidant aux États-Unis. Canada - Français Le pays choisi sera enregistré pour vos prochaines visites. View complete list of countries ›

Our Favorite Typefaces of 2004 As the new year began I asked Typographica readers and contributors to share their top picks from the fonts released during 2004. Here are the results in no particular order. Bello [MyFonts] Akiem Helmling, Bas Jacobs, Sami Kortemäki Prior to its release, the sign-painterly inkings of Bello existed in the Underware and Typeradio wordmarks. Frankly, I adored the unassuming playfulness of those logos more than what many may deem as healthy. Olduvai Randy Jones After exciting the Typophile crit boards with a couple clever interpretations of past types (Neweue Helpetica and Saint Nicolaus), Randy Jones hit us in early 2004 with a wholly original design, a handlettered roman (drawn at 1 cm.) inspired by archeological digs at the craddle of man. Auto Akiem Helmling, Bas Jacobs, Sami Kortemäki The following confessions were found in an unnamed schoolgirl’s diary: I think I want Auto 3 Italic to be my boyfriend.Where in the rule books does it say that counters must be closed? – Zara Evens

Les sites web incontournables (juillet 2014) Second numéro de l’été, les incontournables de juillet nous réservent encore quelques belles surprises… Au fil de la sélection, j’ai pu remarquer à quel point les tendances actuelle se renforcent. Par exemple, la quasi totalité des sites de ce mois de juillet présentent des menus déroulants, minimalistes et placés uniquement avec une petite « Burger Icon« . Comme nous le confirme également les articles de ses derniers mois, la vidéo en fond ainsi que le plein écran sont désormais des incontournables pour de nombreux projets. Je vous conseille d’aller jeter un œil en détail à ces différents sites pour vous faire un avis. Over The Hills Punk Le Mouv AprilZero Call him Echo Dunckelfeld Locomotive Dtelepathy Tokyo mild Foundation Castagniccia Maremonti Quechua 2 Seconds Shake Interactive Garden Studio Grandpas Photos Muse Adobe Gstar Demins Waterloo Le Film Travisgertz Hybridconf Google Io Experiments Netwars-project/ Batman Arkham Knight/ Nonstopbar/ AirBnB/ Mélanie F/ - minimal wireframing tool - for free FontFont Balsamiq. Rapid, effective and fun wireframing software. 25 Fresh Examples of Beautiful Typeface Combinations in Web Design Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it's an art Typography is a very important part of design and choosing the right type for your design can be very challenging. To discover the fonts used in each design I used the WhatFont tool, which is pretty good (besides Firebug and other tools). Colbow Design Futura PT (header) – Yellowtail (center). Ana Majik FF Tisa (header and footer) – Josefin Slab (everything else). Fatum Helvetica Neue and Octin College Regular. nest nest is beautifully mixing Fuller Sans DT Bold and Fuller Sans DT Regular. Tommy La Wine

The Creative Process Behind Professional Website Design Posted on 03'14 Jun Posted on June 3, 2014 along with 4 JUST™ Creative Comments This article has been contributed by Lori Wagoner. The designing stage is arguably one of the most important stages of a web project. A web designer should not only be technically proficient in web design platforms and associated technology, but also a creative individual who can think out of the box. All web designers have a different creative process that allows them to achieve their designing objectives. Typically designers follow a step by step creative process. 1. Once you are done with requirement gathering and analysis and are very sure you know everything there is to know about the project, it’s time to get into your creative zone. Sketching is a great way to start any design. Whether you are a website design agency or a freelancer, being able to communicate ideas to clients with a sketch is really vital, especially during the early stages of a project. 2. 3. 4. 5. Prolo Website Design

Home - Pencil Project Blend if Vitox asked for advice on how to build the icon in Photoshop. I suggested using mask feathering. That works, and is an acceptable solution. But, Philipp Antoni’s suggested a great method using blending options on a group. With blend if, Philipp converted black and white pixels to transparent and white pixels. I think this is kind of a big deal — transparency can now be painted, using any layer, tool or feature that can draw colour. Converting greyscale to transparency Blend if can be found under the layer and group blending options (the same window that contains layer styles). Dragging the black stop towards the right makes dark areas transparent. Dragging the white stop towards the left makes light areas transparent. Option-dragging the white or black stop splits it in two, creating a smooth blend between transparent and opaque areas. This can be done by leaving the white stop to the right, and option-dragging the black stop so it starts on the far left and ends on the far right. Strokes

Related:  Dummywebdevel