ClassMarker's secure, professional web-based testing service is an easy-to-use, customizable online test maker for business, training & educational assessment with tests & quizzes graded instantly saving hours of paperwork!

Take any new interface design or display technology, and chances are that someone somewhere has already compared it to Minority Report. The 2002 dystopian film, with its see-through screens and…

This document shows how to do the following:

• Work with the Adobe® InDesign® scripting environment.
• Use advanced scripting features.
• Perform basic document tasks like setting up master spreads, printing, and exporting.
• Work with page items (rectangles, ellipses, graphic lines, polygons, text frames, and groups).
• Work with text and type in an InDesign document, including finding and changing text.
• Create dialog boxes and other user-interface items.
• Customize and add menus and create menu actions.
• Respond to user-interface events.
• Work with XML, from creating XML elements and importing XML to adding XML elements to a layout.
• Apply XML rules, a new scripting feature that makes working with XML in InDesign faster and easier.

Typewolf helps designers choose the perfect font for their next design project. This site is an independent resource that features fonts from all type foundries.

People always ask what the worst part was. As if it’s possible to quantify in degrees of bad. When you kill someone, nothing compares.

The wide availability of web fonts has enabled sites to become typographical wonderlands, at the cost of increased page size and longer load times. Performance-focused developers already optimize their images and CSS; it makes sense that we should also optimize web fonts.

The good news is that doing is fairly easy: by creating your own custom font or supplying your web font hosting service with a simple variable value, you can load only the glyphs that you need for the text you have on the page, rather than the entire range of characters, numbers and symbols in the font, reducing page load times.

Connects a text area or js code editor to an editor with GhostText server installed, all text changes will be send from the editor to the browser and vice versa.

Tired of reading all this various web-content of mediocre quality at best?
Help is near: Click the «LoremIpsum!» bookmarklet and any web-page will display the text the best of designers have been preferring for the last 500 years. Trust the experts: Millions of designers and type setters can't be wrong!

Based upon web standards and best practices, WaSP InterACT is designed to prepare students to be a web professional. Adapt and reuse our resources. Contribute your own content and ideas.

This article is intended for an audience of contemporary designers and students who are at least one step removed from mid-century British typographic culture; it is a critique of the Gill Sans typeface and the idiosyncrasies of its creation from a contemporary perspective. The central argument is that an earlier typeface by Eric Gill’s mentor, Edward Johnston, is a superior piece of type design.

In this article we discuss the importance of navigation design patterns using examples from some of the hottest websites and web apps.

WordPress designer, communications student and coffee addict from Umeå, Sweden.

CSS PRE is a project that aims to collect as much information about the popular CSS Preprocessors as possible, in order to serve as a one-stop reference.

This is a list of guidelines we've been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building apps.

Return focus from embedded object back to browser on browser hotkeys pressed.

It is difficult to cover all the developments and movements of typography in a short space. My separation of evolving technologies from the development of typefaces is an artificial one---designs and the technology used to create them are not truly separable---but perhaps it is conceptually useful.

Create, Share & Discover Resources, build Mind Maps, Flashcards, Quizzes & Notes for Free!

21 октября в 14:38 Usability*, Интерфейсы

The Great Discontent (TGD) is a magazine featuring interviews on beginnings, creativity, and risk. Cofounded by Ryan & Tina Essmaker, TGD launched online in August 2011 and has grown to include a print counterpart, a short film series, and other content-related projects and collaborations.

Mobile UI and Material design animations & interactions. Made in the Yalantis mobile laboratory.

This is a small command-line program for OS X that moves files or folders to the trash.

Convert HTML to fastFrag JSON structure.

Star typeface designer Tobias Frere-Jones explains the challenges of using Helvetica Neue as an operating system font.

100 Best Fonts of all Time, Ranking of best, most popular, best selling typefaces. Helvetica™ · Garamond™ · Frutiger™ · Bodoni™ · Futura™ · Times™ · Akzidenz Grotesk™ · Officina™ · Gill Sans ™ · Univers™ · Optima™ …

I got fed up with marketing speak and buzzwords often used to create the impression that a display is much better than it actually is, so I wanted to help people decide what to get with the actual numbers at hand, through an easy to use web app. Also, it was kinda fun to make. :-)

The accelerometer embedded in our smart devices is typically used to align the screen depending on the orientation of the device, i.e. when switching between portrait and landscape modes. This capability provides great opportunities to create better user experiences because it offers an additional layout with a simple turn of a device, and without pressing any buttons.

Use Sublime Text to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

A content strategy must achieve a harmonic balance between business goals, editorial mission, user expectations, design vision, the content production process, and technological capabilities.

Every time I pick up the phone and call home I am filled with dread. Will this be the day I hear someone I love has contracted the disease? To date, thankfully, no one in my family has. But that provides little comfort.

A presentation on development of typography focusing on Bauhaus

So without further ado, here’s two years of the most common mobile web problems and what you can do about them.

В этот день двадцать лет назад нынешний CTO Opera Хоком Виум Ли опубликовал предложение по каскадным таблицам стилей для HTML. 

Click the Rainbow. Spectral is a math-based HSL color exploration tool built with Vuejs and TinyColor

Find the graves of ancestors, create virtual memorials, add 'virtual flowers' and a note to a loved one's grave, etc.

A type diff tool that visually contrasts the differences between two fonts.

Cайт адресован всем, кто интересуется шрифтом и типографикой. Создан и поддерживается Валерием Голыженковым и Ильей Рудерманом. Возник как результат совместной преподавательской деятельности авторов.

The Google Fonts service has been immensely popular with web designers ever since it first launched in May of 2010. And for good reason. There are no accounts to sign up for and no monthly fees like there are with other web font services. Just add a single line of code to your website and you have at your disposal a huge selection of free fonts that display beautifully on screen.

But all of this begs the question: why is Google in the fonts game? What do they have to gain by hosting fonts for millions of websites for free? Is Google in this for the long haul or will Google Fonts eventually end up in the dreaded Google Graveyard?

This repo is the home for my research and documentation on Adobe Extendscript.

Typografier is a tool that generates a modular & harmonious type system for modern websites.

Design requires free, sometimes chaotic exploration. But design also means organisation and structure. Sketch can be good in both aspects, but moving from exploration to structured layouts with text styles and unified colors is hard. Either you start clean files from scratch, or you use what you have and try to tidy it up. The Style Inventory is meant to help you with that. It gives you an overview of all your used styles and helps you to merge styles of similar layers into one. This repositiory also contains a few other helpful plugins.

You could build a Photoshop document that contained many different icons, with one Layer Comp set up to display each icon. You could then use that Photoshop document as a Linked Smart Object in other documents and be able to choose a specific icon by selecting the corresponding Layer Comp. Think of it as a single Smart Object that acts as a library of elements.

In CSS media the difference between width and device-width can be a bit muddled, so lets expound on that a bit. device-width refers to the width of the device itself, in other words, the screen resolution of the device. Lets say your screen's resolution is 1440 x 900. This means the screen is 1440 pixels across, so it has a device-width of 1440px. Most mobile phones have a device-width of 480px or lower, including the popular iPhone 4 (with device-width: 320px), despite it technically having a 640 x 960 resolution. This is due to iPhone 4's retina display, which crams two device pixels into each CSS pixel on the screen. This is true for the Ipad 3 as well; its reported device-width is 768px just like its predecessors, even though its actual screen resolution is 1536px x 2048px. In general width is more versatile when it comes to creating responsive webpages, though device-width is useful when you wish to specifically target mobile devices (and not desktops with a small browser window for example), as rarely do desktops have screen resolutions below a certain number such as 320px x 480px.

The following schools offer a wide range of projects submitted by influential designers and educators from major design institutions around the world. They illustrate some of the many ways typography can be taught effectively. For additional information, visit the school’s Web address at the end of each project description or the School Directory.

Typefaces are an expression of their time. FF Mark is a new typeface and yet it clearly draws on historical examples from the past. Precisely, the mid-1920s, a period in German history with exceptional innovation in engineering, in the arts and in design. In particular, the years between 1925 and 1930 produced several ideas that were new to the world – among them a new concept in type design: the geometric sans serif.

Menu Wizard - это дополнение к браузеру Firefox, которое поможет вам настроить меню: удаление, перемещение и переименование. Так же поддерживается SeaMonkey и Thunderbird.

The Physical Web is an approach to unleash the core superpower of the web: interaction on demand. People should be able to walk up to any smart device - a vending machine, a poster, a toy, a bus stop, a rental car - and not have to download an app first. Everything should be just a tap away.

This is a detail from a ‘Design for a British Senate House’ (Sir John Soane’s Museum, London) that was drawn by John Soane when he was in Rome, and which was exhibited at the Royal Academy in London in 1779. It is the earliest known example of the monoline sanserif inscriptional letter of Republican Rome that was revived at this date and became widely used for signs and typography.

Отсюда: http://www.typoholic.ru/quotation/figgins.htm Об истории возрождения рубленых форм в Англии можно почитать в подробнейшей записи Джеймса Мосли в его блоге.