background preloader

Butterick’s Practical Typography

Butterick’s Practical Typography

https://practicaltypography.com/

Related:  Typography / LetteringTutorialsWebdesign

Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Modern Block Quote Styles Let's create some interesting and modern styles for block quotes. We'll be using different techniques for creating a unique look for six examples. View demo Download source Today we are going to create some fancy block quote styles. Using textures, circles, and pseudo-elements, we can put some life into quotations and testimonials.

Creating a font from a classic comic Typographer Nate Piekos describes how he created a 21st-century typeface from a 1980 issue of Elfquest—just in time to begin lettering the comic series' conclusive installment. I remember asking my mother to get me the collected Elfquest trade paperbacks for Christmas one year. Weeks went by, and being a nosy kid, I stumbled upon them, concealed in the back of a closet just before the big holiday. Giddy with anticipation, I told no one. Griddify, a Tiny Photoshop Panel for Guides and Grids Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC)

Klim Type Foundry - Lettering & Logotypes Under direction from Kevin Wilson & Mark Leeds. For Spark. Under direction from Kane McPherson & Shabnam Shiwan at Saatchi & Saatchi. Getting started with OpenPSTD v1.1 - OpenPSTD Installing openPSTD v1.1 Install Blender: Download the appropriate version for your operating system from Follow the installation procedure. Download the OpenPSTD Blender add-on from Now run Blender and from the [File] menu select [User Preferences] or click [Ctrl]+[Alt]+[U] to bring it up. Navigate to the [Addons] section and press the [Install from File...] button at the bottom of the window. Using the file selection prompt that shows up select the downloaded archive openPSTD.zip.

How to create custom forms in WordPress without using plugins? Forms are an integral part of a website. While there are lots of wordpress plugins available to create custom forms, most of them are not up to the task. It is very easy to create a form in WordPress, provided you have a fair knowledge of php, html and js. How to Establish a Modular Typographic Scale Possibly the most obvious typographic question in the hands of a designer is "which typefaces should I use?" The second question, one which rarely gets the kind of attention it ought, is "at what sizes should I set my type?" Establishing a modular scale is the best way to determine typographic sizes, in fact, it can help with laying out measurements and proportions across your whole page layout. A Beginner’s Guide to Kerning Like a Designer Have you ever looked at a word or phrase you’re typesetting and something just looked off about it? It might just be a kerning problem. Kerning refers to the amount of space between two letters (or other characters: numbers, punctuation, etc.) and the process of adjusting that space to avoid awkward-­looking gaps between your letters and improve legibility. Sometimes a font’s default kerning isn’t ideal for certain letter combinations, so you’ll want to manually adjust it so the spacing between all the letters looks consistent. It’s important to note here that kerning is a visual exercise; it’s about the perceived amount of space between letters rather than the actual distance between them. Kerning involves adjusting your typography to look right rather than creating mathematically equal spacing.

WordPress › Easy WordPress Parallax Slider « WordPress Plugins For plugin support go to WordPress 4.0 Ready As the name describes, Easy WordPress Parallax Slider is most easy parallax slider using CSS3 and jQuery. You can create unlimited parallex slider with different settings for each slider, it support the shortcode so you can show this anywhere using the shortcode. Features: Easy WordPress Parallax Slider Demo Typography Design Inspiration #17 Here’s the seventeenth part of typography designs for your inspiration. We select the typography artworks based on quality, and every image is linked to the original source. We do not take credit for any of the work mentioned below, however we do take credit for hunting the Internet. View All Typography Designs

Related:  Typographieuseful webart