Design helps the systems of daily life run smoothly, letting users and readers ignore how things are put together. Design should sometimes announce itself in order to shed light on the system, exposing its construction, identity, personality, and politics.

Animations are seen in many web sites throughout the Internet. Ease of use is considered as a possible reason for the growing use such multimedia feature in designing of web sites. While animations are ubiquitous in the Web environment, there is an inadequate understanding of its effect on user's attention. Animations are advantages of information technology for web designers, but important questions remain about whether animations work in all situations and for all users. Focusing on web animation, this paper reviews literature and at the end it extracts guide lines for better designing of websites.

Jonathan Hoefler and Tobias Frere-Jones brought the world Gotham, Mercury, and Archer. They had one of the most successful—and lucrative—partnerships in type design. But one of them thought it wasn’t a partnership at all. via Pocket

Polymer is a library that uses the latest web technologies to let you create custom HTML elements. Build anything from a button to a complete application as an encapsulated, reusable element that works across desktop and mobile.

Listed below are our design principles and examples of how we’ve used them so far. These build on, and add to, our original 7 digital principles.

Industry leaders on: UX Design; Product Design & Launch; Innovation design practices… and dozens more topics.

Most people today can hardly conceive of life without the internet. Some have argued that no other single invention has been more revolutionary since Gutenberg's printing press in the 1400s. Now, at the click of a mouse, the world can be "at your fingertips"—that is, if you can use a mouse... and see the screen... and hear the audio—in other words, if you don't have a disability of any kind.
This introduction should help you understand how people with disabilities use the web, the frustrations they feel when they cannot access the web, and what you can do to make your sites more accessible.

Mads Burcharth is a designer focused on design and illustration, working out of his little studio in the heart of Denmark.

Even the most confident of us experience self-doubt in our work and life, some more so than others. But with some careful planning, your critical eye can be used to your advantage to sharpen your work. This post originally appeared on the Crew Blog. via Pocket

SVG files, especially exported from various editors, usually contains a lot of redundant and useless information such as editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting SVG rendering result. SVGO to the help. + https://github.com/svg/svgo-gui

The Brains, Behavior and Design toolkit draws from academic research in behavioral economics and cognitive psychology to help designers and business leaders understand and influence consumer decisions.

We believe that better products, services and outcomes result from a richer understanding of the people they serve.

The toolkit is designed to be both informative and actionable - helping you integrate the latest research in human behavior and decision making into your practice.

Light Flow allows you to take control of your notification LED colors and makes them successively flash one color after another.

Once upon a time, I treated web accessibility as something of an extra. Sure, my images had alt attributes. Yes, my anchors contained titles. I honored 508 compliance, too, but it was usually the last thing I did. via Pocket

Digital news design is an awkward phase. Particularly on the Web, which feels transitory. While there is incredible momentum around responsive design and bright spots of bold storytelling, the foundations of most sites feel fragmented and chaotic. While many sites seem on the cusp of something big and revolutionary, most have not fully transitioned to feel “of the Web” in 2014. Many publications, particularly international sites, felt stale and stagnant. The innovation seen in South American and European sites in past years has almost vanished.

The Usability Body of Knowledge is dedicated to creating a living reference that represents the collective knowledge of the usability profession. Such a collection of knowledge for the usability profession will necessarily be broad and inclusive in scope, because our profession is inherently multidisciplinary and draws on a wide range of other practices.

After an Australian vessel, Ocean Shield, again detected deep-sea signals consistent with those from an airplane’s black box, the official leading a multination search expressed hope Wednesday that crews will begin to find wreckage of a missing Malaysian airliner “within a matter of days.”“I believe we’re searching in the right area,” Retired Air Chief Marshal Angus Houston said.

an online regex tester for javascript, php, pcre and python

Type on Screen: an uneasy relationship from the beginning

The long awaited follow-up to our all-time bestsellerThinking with Type is here. Type on Screen is the definitive guide to using classic typographic concepts of form and structure to make dynamic compositions for screen-based applications. Covering a broad range of technologies, from electronic publications and websites to videos and mobile devices, this hands-on primer presents the latest information available to help designers make critical creative decisions, including how to choose typefaces for the screen, how to style beautiful, functional text and navigation, how to apply principles of animation to text, and how to generate new forms and experiences with code-based operations. Type on Screen is an essential design tool for anyone seeking clear and focused guidance about typography for the digital age.

User interfaces are often based on static presentations, a model ill-suited for conveying change. Consequently, events on the screen frequently startle and confuse users.

Wish you were better/smarter/stronger/faster? Sure, hard work helps, but the truth is, your self perception may be getting in the way. We all form our own realities, and those realities aren't perfect. via Pocket

В ми­ре, где нас по­всю­ду окру­жа­ют зна­ки и сим­во­лы, най­дёт­ся вре­мя, что­бы узнать о них чуть боль­ше. «Шрифт» — элек­трон­ный жур­нал о шриф­те и ти­по­гра­фи­ке, язы­ке и вре­ме­ни, лю­дях и ви­зу­аль­ных тра­ди­ци­ях. Мы стре­мим­ся объ­еди­нить на стра­ни­цах из­да­ния всё, что ка­са­ет­ся ис­кус­ства шриф­та и осо­бен­но­стей его ис­поль­зо­ва­ния. Жур­нал пуб­ли­ку­ет ста­тьи и ин­тер­вью об ис­то­рии шриф­то­во­го ди­зай­на и его раз­ви­тии в на­ши дни, рас­ска­зы­ва­ет о но­вых шриф­то­вых про­ек­тах, а так­же ис­сле­ду­ет зна­чи­мые, с точ­ки зре­ния ти­по­гра­фи­ки, про­ек­ты про­шло­го и на­сто­я­ще­го.

From April 2014, digital services from the government must meet the new Digital by Default Service Standard.

We know some devices won’t display icon fonts: but how many people are really affected? We decided to do some research to quantify things.

Understanding your fuel consumption and vehicle's actual costs can help you save big money.

Animation can be a very effective mechanism to convey information in visualization and user interface settings. However, integrating animated presentations into user interfaces has typically been a difficult task since, to date, there has been little or no explicit support for animation in window systems or user interface toolkits. This paper describes how the Artkit user interface toolkit has been extended with new animation support abstractions designed to overcome this problem.

bounce.js lets you create tasty CSS3 powered animations in no time.

A series of extraordinary and independently made short films [about] some of the amazing, true-life stories behind the stories.

We've all been there: the task you're trying to finish gets too hard and you want to quit. Weblog Pick the Brain has three questions to ask yourself that can restore your drive. As things bear down on you, the negativity creeps in. via Pocket

Nautilus is a different kind of science magazine. We deliver big-picture science by reporting on a single monthly topic from multiple perspectives. Read a new chapter in the story every Thursday.

At first glance, InDesign might not seem like a natural choice for UX design. But the interactive and animation tools that make InDesign great for designing ebooks and apps also happen to be ideal for designing wireframes and prototypes. In this installment of UX Design Tools, Justin Putney shows how to use InDesign's grid and guides to align wireframe objects, create shapes, save and reuse text and object styles, and add interactivity and motion to your designs. Plus, learn how to create alternative layouts and liquid layouts that automatically scale when displayed on different devices, and build a library of reusable artwork.

Luke Wroblewski presents how-to tutorials for user experience

A document to present your skills and qualifications effectively and clearly.

High-end restaurants construct entrees out of what used to be considered weeds. Uni has replaced foie gras as the go-to luxury. And when you ask a local food-obsessive about her favorite restaurants, she is far more likely to mention a Thai noodle shop or a renegade taquero than she is anything with a Michelin star. Welcome to the Los Angeles restaurant scene, 2014.

The biggest collection of Design Principles on the Interweb.

Мы охотно соглашаемся с теми людьми, которые охотно соглашаются с нами. via Pocket

CSS Conf May 2014

An “affordance” is a perceived signal or clue that an object may be used to perform a particular action. A chair sits at around knee height and appears to provide support. It affords sitting. A toothbrush has a handle a little longer than the human palm. It affords gripping. via Pocket

If you think it’s crowded now, just wait! The Web is heading toward its own year-end calamity unless some skillful maneuvering is applied — quickly.

Strategic use of animations and transitions can make your program easier to understand, feel smoother, more natural, and of higher quality, and be more engaging. But the gratuitous use of animations and transitions can make your program distracting and even annoying.

The Interaction Design Lab is the research laboratory of the Interface Design programme at the University of Applied Sciences in Potsdam, Germany. The lab is a space for international interaction design experts from industry and academia. It provides an interface between education, research and development, transfer of technology, design and knowledge and provides a space for multi-disciplinary projects.

This standard outlines the requirements and recommendations for making BBC websites accessible with respect to editorial content and user experience. Other technical aspects of accessibility are covered in the technical standards, e.g. Semantic Mark-up, CSS, Javascript, XHTML, etc. Other aspects of accessibility are covered in separate standards, e.g. subtitles, use of colour, flicker and movement, games, keyboard access, text equivalents, text links etc.

Today is Global Accessibility Awareness Day (GAAD). To celebrate and to help promote accessibility, here are 10 simple accessibility tips that most anyone can implement today into their web site’s HTML and CSS to make it more accessible.

People come to GOV.UK with specific needs. Anything that gets between our users and meeting those needs should be stripped away. The design of GOV.UK reflects this, existing primarily as a way of providing the right content and services to our users. Find out here how we approach this challenge.

Flexbox - это новый способ располагать блоки на странице. Это технология, созданная именно для раскладки элементов, в отличие от float-ов. С помощью Flexbox можно легко выравнивать элементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту родителя или прибивать их к нижнему краю.

Web Fundamentals is a comprehensive resource for multi-device web development.

Webtype provides high-end fonts for online typography. We offer web designers the resources they need to bring professional branding and style to their websites.

Code School teaches web technologies in the comfort of your browser with video lessons, coding challenges, and screencasts.

Stamplay let developers build web applications saving up to 90% of cost and time of backend development.

The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. This is a huge revision. I expect I have made mistakes. via Pocket

The Los Angeles Times just redesigned their site with a focus on mobile and a goal of increasing reader engagement through pre-written tweets or “sharelines,” infinite scrolling, and a handful of other design specs. via Pocket

The Neue Zürcher Zeitung is a Swiss German-language daily newspaper, published by the NZZ-Gruppe in Zurich.

Vitamins dietary intakes per day

Swift is a new programming language for iOS and OS X apps that builds on the best of C and Objective-C, without the constraints of C compatibility. Swift adopts safe programming patterns and adds modern features to make programming easier, more flexible, and more fun. Swift’s clean slate, backed by the mature and much-loved Cocoa and Cocoa Touch frameworks, is an opportunity to reimagine how software development works.

Für den Fall, dass alles schiefgeht und sich jeder Traum als Sackgasse erweist, hat Iouri Podladtchikov einen Plan im Hinterkopf: die Eröffnung eines Früchtestands. «Den ganzen…

The Polygon PlayStation 4 Review and Xbox One Review involved an unprecedented level of coordination between the editorial and product teams at Vox Media. The goal was to create a pair of extremely high touch features to highlight the talents of our writers and video team, while pushing the envelope on longform design.

There were a lot of lessons learned, but the final results speak for themselves.

If you find yourself having a hard time completing your tasks, Katie Dwyer of HackCollege recommends a few ways you can use others to force you to be accountable. When you're the only one in charge of getting something done, it can build up a lot of pressure. via Pocket