Web Development

add news feed

post a story

In the first installment of this two-part series on type classification, we covered the basics of type classification — the various methods people have used, why they are helpful, and a brief survey of type history, classifying and...
In the first installment of this two-part series on type classification, we covered the basics of type classification — the various methods people have used, why they are helpful, and a brief survey of type history, classifying and identifying typefaces along the way. Unfortunately, we only got as far as Roman (traditional serif) typefaces and the early-19th century. Now we’re back for part 2! Part 2 will primarily cover sans typefaces, with a nod to display typefaces and other less common categories, as well as address a few of the questions people have about whether type classification is helpful and necessary. If you haven’t read part 1, now’s your chance to go over it. It lays important groundwork for this article, covers the categories of serif typefaces, and contains plenty of useful information about the development of serif type. If you already have read it, here is a quick recap to get us started before we move on to the new material. Review Type Classification Systems Type has been classified in many ways over the years, both formal and informal — Thibaudeau, Vox, British Standards, etc. None of these are complete or all-encompassing, but they’re helpful as an aid to study as well as for learning to use type correctly and effectively. The material in this two-part series draws heavily from the Vox-ATypI system, which is the most “official” of the systems today, having been adopted by the Association Typographique Internationale in 1962 and still the most commonly referenced system. Is it perfect? No, but it provides a good overview of what is out there; and when you describe typefaces using the terms you’ll learn in this series, anyone who is reasonably familiar with typography will know what you’re talking about. Here is a quick overview of the type categories we covered in part 1. Humanist/Venetian Notable calligraphic influence, patterned after handwriting. Strongly angled axis or stress. Based on typefaces designed in Renaissance cultural hubs such as Venice. Garalde Less calligraphic influence because type began to be viewed as separate from writing. Named after influential type designers Claude Garamont and Aldus Manutius. Still has a tilted axis but less obvious than in Humanist type. Transitional/Neoclassical No calligraphic influence. Designed independently, sometimes on a grid. First appeared in the late-17th century. Virtually vertical axis and high contrast between heavy and thin strokes. Didone Extreme contrast between thick and thin. Rigidly vertical axis. Abrupt, or unbracketed, serifs. Very precisely designed. Named after Firmin Didot and Giambattista Bodoni. Slab Serif Very heavy weight and low contrast between thick and thin. Unbracketed, prominent serifs. First typefaces created expressly for display purposes. Sans Serifs When we left off in part 1, it was circa 1815, with the first appearances of slab serifs, also called Mechanistics or Egyptiennes. By the time slab serifs were being popularized, early sans serifs had already been around for some time in a variety of forms. To follow the progression of sans serifs, we must step back in time a number of years. History of Sans Serifs The earliest sans-serif letterforms were, of course, not type, but inscriptions, dating back to as early as the 5th century BC, and enjoyed a resurgence in engraving and inscriptions in the 18th century. Caslon’s Etruscan type, as seen in a 1766 specimen book. Larger view. (Image source: Typefoundry) Strangely enough, the first “sans serif” type was created not for the Latin alphabet, but for use in 18th-century academic works on Etruscan culture, which preceded the Roman Empire in the geographical area of modern-day Italy. Circa 1748, the foundry of William Caslon (with whom you should be familiar) cut the first known sans-serif Etruscan type for the Oxford University Press, although there are earlier usages of sans serifs in similar applications. Haüy’s type, created to emboss pages so as
about 1 hour ago
Three weeks ago we launched a photo contest and asked everyone to submit a creative picture of the object that fuels their creativity and inspiration. For all of you who have participated, thank you so much for taking the time and though...
Three weeks ago we launched a photo contest and asked everyone to submit a creative picture of the object that fuels their creativity and inspiration. For all of you who have participated, thank you so much for taking the time and thought to interpret your object in a creative way. We did not only enjoy the brilliant photography that you sent us, it was also inspiring to read your thoughts on the story behind all these objects. We received around 350 entries from all over the world and only 70 could make it onto the poster we’ve created exclusively for our dear fans. As promised, the 10 most creative and original submissions will be awarded with a printed poster. The ones who have been selected will be contacted via email very soon — if not already! If you’ve followed our submission guidelines, your inspiring picture has surely made it to our jury. And if you find your object among the 70 pictures on the poster, you’ll see that your name has been included among the names of all the contributors that made this poster possible. Of course, the owner of each photo owns all the copyrights. The Smashing Magazine 2013 Photo Contest Poster Preview And Download Below you will find a larger version as well as an exclusive version of the poster in PDF format: Large resolution preview (PNG, 14 Mb) Download the poster in PDF for free (.zip, 23 Mb) Our 10 Winners: “Lead, Tin, Antimony, Wood & Plastic” designed by Adam Pócs: This is a metal movable type I acquired when I studied typography on Moholy–Nagy University of Art and Design. This small piece of the history of printing resides above my monitor in the peaceful company of a wooden letter “O” and a plastic “Q” key saved from a computer keyboard representing the ever changing tools of the written human culture. The actual background of the image shows a part of my CD collection wall. “Stationary Crane” designed by Holly Lambert: I love origami paper cranes and up cycling paper, so I combined the two and decorated my cubicle with paper cranes made of old maps and a variety of call for entry posters. I even have a Starburst wrapper paper crane! “Take a Bite Out of Your Task List” designed by Jen Riehle: This frog is a little paper clip. It has a small spring and can clasp papers in its mouth. It sits on my desk, and has ever since high school when my mother gave it to me. She got it as a child so I’m sure it’s quite old. I should probably put it away and not use it but it’s too cute and it makes me smile every time I look at it. “Together” designed by Ratul Mukherjee: I was visiting one of my friend’s relatives house. They have travelled around the world and the house contained lot of interesting pieces collected from other countries. The picture is of two tooth-picks’ holder from Paris. They were really cute and I was playing around with them as if I was a kid. They were designed so as to hug each other when placed face to face. And when I looked at these two inanimate objects hugging so sweetly, I envisaged love, friendship, care ,solidarity, peace. I believe we were also designed so as to hug each other when placed face to face but some of the blue-prints got lost in translation. “Ma’Guitar” designed by Santanu Karar: Ma’ guitar is not a thing. It is an extension of myself. It is who I am. ~ Joan Jett “My bottle of creativity” designed by Stefania Peter: Colours, rare lights make me inspired. They give me a strange, but very good feeling when ever I see such photos or real life scenes. It took me some time to get such bokehs, till I got an idea to use Christmas tree lights in the background! Those lights were exactly what I was looking for. When I was a little girl, I spent many hours near our tree and enjoying the lights and colours. Probably, that’s why I get inspired when ever I see similar photos. “Traces” designed by Janina Imbe
about 2 hours ago
Urban Airship, the most globally deployed mobile push messaging service, has announced three new world-class events will utilize its push messaging platform to keep attendees and viewers more engaged than ever before. The Bonnaroo Music ...
Urban Airship, the most globally deployed mobile push messaging service, has announced three new world-class events will utilize its push messaging platform to keep attendees and viewers more engaged than ever before. The Bonnaroo Music and Arts Festival, the 60th annual Cannes Lions International Festival of Creativity, and the 127th Wimbledon Championships will all use Urban Airship for feature rich mobile apps and push messaging to enhance each event’s experience. Scott Kveton, Urban Airship co-founder and CEO, commented: “We’re delighted that so many global leaders, from events to brands, have found real success with our high-performance push messaging services….We help companies connect with people over mobile and our proud of the exceptional experiences we power, but it’s a whole other level when we deliver potentially life-saving communications.” Bonnaroo’s app, developed by Aloompa, allows event goers to create a schedule to manage the massive, multi-stage music festival. App users can choose whether or not to receive reminders, updates, and other alerts regarding their schedules via push messaging. Aloompa powers the push functionality by incorporating the Urban Airship API in-app. This week at the Cannes Lions festival, communications professionals will gather to learn about cutting edge communications currently available, and what the future has to offer. The environment presents a perfect fit for Urban Airship as it continues to find its way into more and more communications apps. Accordingly, The Bright Place (app developer for the Cannes Lions festival) utilized Urban Airship to push updates, reminders, and time sensitive information to attendees. Next week, Tennis fans around the world will tune into the 2013 Wimbledon Championships. To better engage fans around the world, IBM and AELTC partnered with Urban Airship to create an app that allows fans to follow up to 10 tennis players and receive push notifications of their progress throughout the tournament. Push notifications have become one of the most sought after mobile technologies in the market today. As mobile users’ attention is constantly competed for across mobile media providers, push notifications continue to successfully connect users with providers’ time sensitive messages. Urban Airship continues to lead the charge and developers are finding new and innovative way to keep users’ attention via Urban Airship’s powerful platform. Sponsored byRelated ProgrammableWeb Resources Urban Airship API Profile
about 2 hours ago
Old is never old and vintage always has a fan-base regarding everything about design. MightyDeals, the creative deals website, has a good offer for anyone in need of high-quality vintage fonts. They are offering “Thirsty Rough Font...
Old is never old and vintage always has a fan-base regarding everything about design. MightyDeals, the creative deals website, has a good offer for anyone in need of high-quality vintage fonts. They are offering “Thirsty Rough Font Family” for a very discounted price ($9 rather than $49). The font family is one of the most exciting ones out there and it manages to look modern + vintage at the same time. It comes in 4 alternate versions for each weight and includes letters, numbers, punctuation, symbols and an extended set of accented characters. Also, “Thirsty Rough Font Family” has ligatures, old-style numerals and multi-language support.Advertisements:ioDeck, a self-hosted and awesome PHP form generator. Professional XHTML Admin Template ($15 Discount With The Code: WRD.) SSLmatic – Cheap SSL Certificates (from $19.99/year)
about 2 hours ago
We are talking and reading a lot about responsive Web design (RWD) these days, but very little attention is given to Web applications. Admittedly, RWD still has to be ironed out. But many of us believe it to be a strong concept, and it i...
We are talking and reading a lot about responsive Web design (RWD) these days, but very little attention is given to Web applications. Admittedly, RWD still has to be ironed out. But many of us believe it to be a strong concept, and it is here to stay. So, why don’t we extend this topic to HTML5-powered applications? Because responsive Web applications (RWAs) are both a huge opportunity and a big challenge, I wanted to dive in.
about 3 hours ago
Today we are pleased to feature a set of 200 useful and beautiful foodie icons. This freebie was created by the team behind Freepik, and at the time of writing it’s the largest set of food icons available on the web in one pack. Th...
Today we are pleased to feature a set of 200 useful and beautiful foodie icons. This freebie was created by the team behind Freepik, and at the time of writing it’s the largest set of food icons available on the web in one pack. The 200 Foodie Pack includes 200 customized icons available in PNGs (32×32px, 64×64px, 128×128px), as well as in AI, EPS and vector format. Perfect for any projects around gourmet, food, restaurant, gastronomy and the like. Enjoy!
about 3 hours ago
In this article, Matt Gibson will explain, from his own experience of refreshing his agency website, why they abandoned a separate mobile website and will review the process of creating a new responsive design. At Cyber-Duck, they have b...
In this article, Matt Gibson will explain, from his own experience of refreshing his agency website, why they abandoned a separate mobile website and will review the process of creating a new responsive design. At Cyber-Duck, they have been designing both responsive websites and adaptive mobile websites for several years now. Both options, of course, have their pros and cons. With a separate mobile website, you have the opportunity to tailor content and even interactions to the context of your users, whereas a responsive website means better content parity for users and a single website to maintain.
about 3 hours ago
During Facebook CEO Mark Zuckerberg's whirlwind Asia tour, he stopped by the offices of Samsung this week for a quick meeting with the company's president, Shin Jong Kyun. After the meeting, Shin stopped to talk to reporters and said tha...
During Facebook CEO Mark Zuckerberg's whirlwind Asia tour, he stopped by the offices of Samsung this week for a quick meeting with the company's president, Shin Jong Kyun. After the meeting, Shin stopped to talk to reporters and said that the two discussed potential partnerships, according to Bloomberg. The partnerships would reportedly center on advancing mobile-advertising sales.
about 3 hours ago
Adobe Systems beat analysts' profitability expectations by 3 cents per share in the second fiscal quarter, ratcheted its Creative Cloud subscriber total up 221,000 to 700,000, and is considering new measures to mollify those who don't li...
Adobe Systems beat analysts' profitability expectations by 3 cents per share in the second fiscal quarter, ratcheted its Creative Cloud subscriber total up 221,000 to 700,000, and is considering new measures to mollify those who don't like the subscriptions, the company said Tuesday. Adobe is in the throes of a difficult transition to subscriptions instead of selling its software through perpetual licenses - one-time fees, with Adobe coaxing customers to pay for upgrades later.
about 4 hours ago
Advertise here via BSAPinba is a MySQL storage engine that acts as a realtime monitoring/statistics server for PHP using MySQL as a read-only interface. It accumulates and processes data sent over UDP by multiple PHP processes and displa...
Advertise here via BSAPinba is a MySQL storage engine that acts as a realtime monitoring/statistics server for PHP using MySQL as a read-only interface. It accumulates and processes data sent over UDP by multiple PHP processes and displays statistics in a nice human-readable form of simple “reports”, also providing read-only interface to the raw data in order to make possible generation of more sophisticated reports and stats. Intaro Pinboard is a simple PHP monitoring system, which aggregates and displays Pinba data. Originally Pinba saves realtime (or nearly realtime) data in own tables. Pinboard periodically dumps this data in own tables and displays core metrics on basis of own data and realtime data from Pinba. Requirements: PHP Framework Demo: http://intaro.github.io/pinboard/ License: MIT License SponsorsProfessional Web Icons for Your Websites and Applications
about 8 hours ago