joecito

126 Flips | 7 Magazines | 9 Likes | 60 Following | 1 Follower | @joecito | Keep up with joecito on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “joecito”

Best Apple TV apps for streaming soccer

<i>By Chris Brantner</i><p>Soccer is one of the most popular sports in the world — there are soccer fans everywhere. With all of this popularity comes a ton of potential leagues and tournaments to watch. If you’re a big fan, you’ll be glad to know there are some great ways to watch streaming soccer on Apple …

10 Mac shortcuts you need to know

These tips and tricks will make your Mac life easier.<p>I've covered shortcuts for Finder, iTunes, Safari and Spotlight. Here are ten shortcuts for general Mac use that didn't fit in any of the above apps.<p>1. Command-Q to quit<p>If you are coming to Mac after a long tenure with Windows, then you might get …

Operating Systems

The Morning Routine That Will Save You 20 Hours a Week

The first 3 hours of your day are your most precious for maximized productivity.<p>The traditional 9-5 workday is poorly structured for high productivity. Perhaps when most work was physical labor it made sense, but not in the knowledge-working world we now live in.<p>Although this may seem obvious …

Roundup: Top 6 Heavy-Duty iPhone Cases for Summer Adventures

Summer is upon us once again and many of us will be evaluating iPhone cases for their level of reliable and rugged protection. With vacations and outdoor adventures awaiting, now's the perfect time to take a look at some of the best options currently on the market.<p>Lifeproof Cases (Starting at <b>$59.99</b>)<p>…

Mobile Technology

Europe's 10 cheapest beach resorts for 2016

Attention Graphic Designers: Tips for Finding Clients and Pricing Your Services

Learn where you can find new clients and how to correctly price your services to keep you in the black.<p>Opinions expressed by <i>Entrepreneur</i> contributors are their own.<p><i>The following excerpt is from Shelby Larson’s book</i> Moonlighting on the Internet<i>. Buy it now from</i> Amazon | Barnes & Noble | iTunes<i><br>Shelby</i> …

8 courses that can put ‘web developer’ on your resume

<i>The Insider Picks team writes about stuff we think you'll like. Business Insider has affiliate partnerships so we may get a share of the revenue from your purchase.</i><p>Below you'll find a collection of classes in the programming languages that are most in-demand or on the rise.<p>Whether you have a bit of …

20 Awesome Logo Inspirations of Today

The creation of a logo is subject to very specific rules. You are well-advised to put a thorough amount of time into researching and evaluating the …

Graphic Design

All Good Logos Are Modernist Logos, Really

Jens Müller is something of a logo detective. The Düsseldorf, Germany-based designer finds logomarks—in old magazines, books on design, sometimes in …

Psychology Of Color To Improve Site Conversion

Studying the psychology of color is crucial for maximizing your site's web design. Using the right colors can help put your customers in the frame of …

Psychology

Make an animated image gallery percentage preloader with CSS and jQuery

When you know you have a lot of images to load, or that they are big in size, it can be handy to make a preloader! So let’s make an animated image …

Animating CSS Gradients, using only CSS

You can’t animate gradients on the web.<p>Yes, I know this statement isn’t true, but if you are a front-end developer working in the CSS3-era of the …

25 After Effects Tutorials for Animated UI and UX Design

A popular trend in modern UX design is creating animated GIF images to demonstrate how an interface will behave with user interaction. The interface …

An Infographic To Help You Understand Cat Behavior

How does a body language play a role in cat behavior? The answers are logical but may surprise you. Do you know what your cat is trying to tell you?

Infographics

Best Sandwiches Around the World, From Banh Mi to Zapiekanka

Some of the world's best foods come tucked between two slices of bread. Here's your guide to the very best of the international sandwich scene.<p><b>India: Vada pav</b><p><b>Poland: Zapiekanka</b>

Quick Tip: The Simplest Way To Center Elements Vertically And Horizontally

Flexbox is a relatively new addition to the CSS world and we keep finding more and more excellent applications for it. We can even solve the age-old …

CSS

Write a Python Calculator Imperatively

Parsing is one of the difficult subjects in computer science. Conventionally, we reduce programming language into a simple mathematics model -- …

Apple has published a great free learn to code course for Swift — on GitHub

<i>TL;DR: Apple has apparently, via some sort of collaboration with a university professor, published last week — during WWDC — a really solid-looking</i> …

Tips for Getting Proper Exposure for Night Photography

Night photography can be much more rewarding than photography during the day. Because everything looks different at night, you don’t need to go …

These brutally honest travel tips will keep you from embarrassing yourself in 15 different countries

It's one thing to look like a goofy tourist while traveling — but offending the locals is even worse.<p>With that in mind, Reddit users have spent the last 24 hours answering the following question: "What should tourists NEVER do in your country?"<p>Like a similar Quora thread from a few months ago, the …

10 Types of Seafood You Really Shouldn't Eat (and 10 You Should Eat Instead)

<i>By: Dan Gentile</i><p>It may seem like the ocean is just a bottomless pit of fish sticks and sushi, but the reality is that our supply of seafood is finite. Through rampant overfishing and just generally treating the ocean like a cheap buffet, we've depleted the populations and ruined the habitats of some …

5 Tips to Help you Break into UX Design

By Jessica Tiao<p>UX Designers are at the forefront of designing websites and apps that can solve problems in healthcare, business and even raise funds …

10 Essential Pieces of Gear you Need for Landscape Photography

If you are interested in going out and getting some high quality landscape photographs, here’s a comprehensive list of items you will either want to …

Landscape Photography

This article has proved very popular. It was shared again by Adobe today. Here it is again in case you missed it. Typographer’s typefaces The 25 most admired typefaces by typographers, type designers and letterers. Selecting the right typeface makes all the difference to effective design and communication. But with over 100,000 font families to pick from it can be a daunting task. There are some excellent guides on how to choose a typeface and helpful methods for pairing typefaces but in order to apply these principles it’s important to be familiar with a broad range of quality typefaces. Wouldn’t it be great to start with a short list of typefaces, hand-picked by designers in the type industry? In each issue of 8 Faces magazine we asked eight leading designers from the fields of typography, lettering and type design itself: If you could use just eight typefaces, which would you choose? Over four years and across eight issues we interviewed 64 world-renowned designers1, including; Erik Spiekermann, Jessica Hische, Michael Bierut, Nina Stössinger, Mark Simonson & Seb Lester, plus owners of respected type foundries such as, Font Smith, Type Together and Process Type. We’ve counted the number of times each typeface was selected and found consensus with the top 25. The top 10 designers’ favourite fonts will be quite familiar to many but hopefully the full list will provide a useful stepping stone to exploring many more. 1. Georgia Matthew Carter, 1993. Chosen 11 times. Originally designed for clarity on low resolution screens, for Microsoft, it is the counterpart to Verdana, which also appears in this list. Georgia has a large x-height and ascenders that rise above the cap height. It’s a sturdy yet friendly typeface, with a wonderful flowing italic, that features on millions of websites. “A gorgeous technical achievement.” Jason Santa Maria 2. Gotham Tobias Frere-Jones, 2000. Chosen 8 times. Famously used for Barack Obama’s 2008 presidential campaign. “Each character just feels ‘normal’ and ‘right’”. H & FJ 3. FF Scala Martin Majoor, 1990. Chosen 6 times. FontShop International’s ‘first serious text face’. “Scala and Scala San are just about perfect.” John Boardley 4. Futura Paul Renner, 1927. Chosen 5 times. This immortal ‘modern’ typeface with its uncompromising shapes has become the benchmark geometric sans for almost 80 years. “Paul Renner’s Future characterised his time and influenced many other designers. It was a real modern typeface, not based on existing serif typefaces”. Georg Salden 5. Gill Sans Eric Gill, 1926. Chosen 5 times. A quintessential British design produced under the direction of Stanley Morison at Monotype. It remains one of the most distinctive blends of humanist and geometric shapes. 6. Garamond (Claude Garamond, c. 1480–1561), Several derivatives of the Parisian punch cutter’s design have been chosen, including; ITC Garamond (Tony Stan), Adobe Garamond & Garamond Premier (Robert Slimbach). Chosen 5 times. “Garamond was quite the master who appreciated restraint as much as elegance. Of the various roman and italic sizes that he cut, I feel his Vraye Parangonne font (about 18 pt.) best captures the essence of his vision. The subtlety of line and detail are simply remarkable.” Robert Slimbach 7. Caslon (Adobe Caslon) (William Caslon I, 1722) Carol Twombly, 1990. Chosen 5 times. Gave rise to a printer’s saying ‘When in doubt, use Caslon’. Also a favourite of Benjamin Franklin. 8. Akzidenz Grotesk H. Berthold, Berthold Type Foundry, 1898. Chosen 4 times. The first widely used sans serif typeface. “The original grotesque and still the best.” Vincent Connare 9. Alternate Gothic Morris Fuller Benton, 1903. Chosen 4 times. Designed for the American Typefounders Company (ATF). All three weights are bold and narrow. Currently used on YouTube’s homepage logo. “Very well designed and drawn. It’s a standard that I strive for in my own work” Mark Simonson 10. Baskerville John Baskerville, 1757. Chosen 4 times. Baskerville designed his own type to improve his printed works and better the dominant fonts of William Caslon. His typefaces were both admired (notably by Giambattista Bodoni and Benjamin Franklin) and criticised by his competitors. Baskerville made variations of his typeface for use at different sizes (now referred to as ‘optical sizes’). Some modern interpretations of Baskerville have been reproduced following the designs of a specific size, resulting in several distinct versions. 11. Helvetica Max Miedinger with Eduard Hoffmann, 1957. Chosen 4 times. Helvetica needs no introduction as the planet’s most famous typeface—it even inspired a very good film. “You can say, ‘I love you,’ in Helvetica. And you can say it with Helvetica Extra Light if you want to be really fancy. Or you can say it with the Extra Bold if it’s really intensive and passionate, you know, and it might work.” Massimo Vingelli 12. Metro William Addison Dwiggins, 1930. Chosen 4 times. Designed out of a dissatisfaction with the san serifs of the time like Futura. 13. ITC Franklin Gothic Morris Fuller Benton, 1902. Chosen 4 times. Created for the American Type Founders Company and named after Benjamin Franklin. 14. Meta Serif Erik Spiekermann, Christian Schwartz and Kris Sowersby, 2007. Chosen 4 times. The serif companion to Eric Spiekermann’s influential sans serif, FF Meta. Also designed to work well with FF Unit and FF Unit Slab. 15. Trade Gothic Jackson Burke, 1948/1960. Chosen 4 times. Michael Bierut described it as “The ultimate ‘I don’t give a damn” typeface. No style, no nuance, just blunt, in-your-face, straightforward attitude.”16. Adelle José Scaglione and Veronika Burian, 2009. Chosen 3 times. Adelle is a slab serif typeface conceived for intensive editorial use, mainly in newspapers and magazines but its personality and flexibility make it very adaptable. “Adelle Sans manages to capture one of the most desired of human emotions: cheerfulness.” Nadine Chahine 17. Caecilia Peter Matthias Noordzij, 1990. Chosen 3 times. A humanist rather than geometric slab serif, aiding its legibility. “A friendly slab serif that’s more contemporary in its structure. Its large, flexible, family that always sets a really nice approachable tone whenever I use it.” Frank Chimero 18. Chaparral Carol Twombly, 2000. Chosen 3 times. A “hybrid slab-serif” text face that mixes the legibility of 19th Century designs with 16th century panache. 19. DIN Albert-Jan Pool, 1995. Chosen 3 times. This clean geometric sans is based on the German standard typeface, DIN 1451, used for official documents and street signs etc. DIN stands for Deutsches Institut für Normung (German Institute of Standardisation). The font was added to the MoMA Design Collection in 2011. 20. Hoefler Text Jonathan Hoefler, 1991. Chosen 3 times. Designed for Apple to demonstrate advanced type technologies it reintroduced type design traditions once central to fine printing like ligature sets, engraved capitals, ornaments and arabesques. 21. Quadraat Fred Smeijers, 1992. Chosen 3 times. An original typeface Combining Renaissance elegance with contemporary ideas on construction and form. Named after Smeijers’ design studio in Arnhem, of the same name. “In my opinion one of the most significant type designs of the nineties” Yves Peters 22. Sabon Jan Tschichold, 1964. Chosen 3 times. An oldstyle serif typeface based on Garamond. A distinguishing feature of Sabon is the same width occupied by characters in the Roman and Italic styles, and the Regular and Bold weights. 23. Sentinel Jonathan Hoefler & Tobias Frere-Jones, 2009. Chosen 3 times. “For everyone who’s ever wished Clarendons had italics”. Three of our interviewees had. A slab serif with copious weights suitable for both text and display. Based on the original Clarendon designs by the Fann Street Foundry in Clerkenwell, London 24. Verdana Matthew Carter, 1996. Chosen 3 times. It was created specifically to address the challenges of on-screen display. Verdana’s large x-height, wide proportions, generous letter-spacing and large counters are key to its legibility at small sizes. 25. Fedra Serif Peter Bilak, 2003. Chosen 3 times. A highly original text typeface. Shaped by a unique blend of technological considerations while maintaining hand-written forms. “A beautifully crafted typeface. A very nice, contemporary example of technical quality and carful design.” José Scaglione and Veronika Burian 26. Feijoa Kris Sowersby, 2007. Chosen 3 times. Aiming to create a feeling of softness, Feijoa has an almost complete absence of straight lines. Feijoa successfully avoids the sense of coldness that Kris had felt with some previous digital typefaces. “Those gently curved straights and rounded corners lend the design a beautiful organic, almost calligraphic quality. Yet there is nothing frivolous to the typeface, it all is functional and looks very self-assured.” Yves Peters 27. Officina Erik Spiekermann,1990. Chosen 3 times. A paired family of serif and sans serif faces, originally designed as a typeface for business correspondence but found a much wider, trendier audience. 1. Interviewees: Erik Spiekermann, Jessica Hische, Ian Coyle, Jason Santa Maria, Jos Buivenga, Jon Tan, Bruce Willen and Nolen Strals, Martin Majoor, Ale Paul, Stephen Coles, Tim Brown, Nick Sherman, Rich Rutter, Veronika Burian, and José Scaglione, Ellen Lupton, Frank Chimero, Steve Matteson, Mark Caneso, Vincent Connare, Yves Peters, Jason Smith, and Phil Garnham, John Boardley, Craig Mod, Kris Sowersby, Doug Wilson, Nadine Chahine, David Březina, and Silas Dilworth and Neil Summerour, Jonathan Hoefler,Tobias Frere-Jones, Mark Simonson, Trent Walton, Keetra Dean Dixon, Peter Bilak, Gerry Leonidas, and Mark MacKay, Simon Walker, Dan Rhatigan, Seb Lester, Nina Stössinger, Grant Hutchinson, Mike Kus, and Eric Olson and Nicole Dotin, Michael Bierut, Tomáš Brousil, Georg Salden, Hannes von Döhren, Phil Baines, Ken Barber, Rudy VanderLans and Zuzana Licko, Elliot Jay Stocks, Jeremy Leslie, Jan Middendorp, Robert Slimbach, Steven Heller, Fiona Ross, Erica Jung and Ricardo Marcin.↩ Cover graphic, words & data analysis: Jamie Clarke Image graphics (1-2, 4-21): Stefan Weyer, 8 Faces Magazine. Correction, 27th November 2014. Three versions of Baskerville were chosen: Baskerville (twice), Baskerville 1757 and Berthold Baskerville. These have been combined and Baskerville added at number 10. (via typeworship)

This article has proved very popular. It was shared again by Adobe today. Here it is again in case you missed it.<p>Typographer’s typefaces<p><b>The 25 most</b> …

The Future Generation of CSS Selectors

Back in January 2014 I wrote the article The Current Generation of CSS3 Selectors. The goal of that article was to introduce the new generation of …

100+ Best CSS Frameworks for Responsive Design

A CSS framework is a collection of CSS files containing predefined rules for layout, typography and other CSS resets. if you are a developer you …

An Introduction to CSS Transitions & Animations

I’ve noticed in the comments of other posts recently that some readers would like more “tips and tricks” articles, particularly about CSS. So in …

25 Awesome Branding, Visual Identity and Logo Design Examples

New creative <b>branding</b> and <b>visual identity design</b> examples from top designers around the world. Business identity can be most valuable asset for any …

Graphic Design