Three years ago, my colleagues and I in O’Reilly Media’s Production department made the decision to rearchitect our print-publishing software toolchain to support typesetting print books in HTML and CSS. Doing print layout with web technology was a fairly radical notion at the time (and still is today!), especially in traditional publishing-industry circles where commercial desktop-publishing software continues to hold sway. But we were convinced that aligning our publishing tech with the web stack would pay dividends. Short-term, we knew it would enable us to simultaneously produce print and digital media more efficiently. And long-term, we felt that placing our bets on HTML+CSS was the best way to future-proof our workflows as electronic publishing, both online and offline, continued to evolve.
Transitioning to HTML as our canonical content source format immediately allowed us to realize many benefits, including Web-based authoring and a digital-first approach to next-gen ebook development. Building print templates in CSS also proved to be surprisingly straightforward, once we got up to speed on Paged Media, and the particular dialect of it spoken by our PDF formatter software.

When I’m done staring with fear-induced catalepsy at the vast array of complex and overlapping app building, testing, integration and deployment tools that are quickly amassing around me, I like to take a little break and try to solve a simple problem. The “current page” link is just such a problem.

This is the sixth post in a series on accessibility from Shopify’s UX team, published biweekly. Check out the introduction here. The need for accessibility is substantial: according to surveys, 22% of the population in USA, 13. via Pocket

Despite web pages reaching 2MB performance remains a hot topic. The slicker your application, the better the user experience and the higher the conversion rate!

Right now, I have a near frictionless CSS workflow. I write in Sass, compile with Libsass and get vendor prefixes added with PostCSS/Autoprefixer via Gulp/Grunt. Why would I want to upset that?

Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

Keeping the web silky smooth

It provides visual feedback for links that have "focus" when navigating a web document using the TAB key (or equivalent). This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people.

certainlyakey starred engram-design/Comments

Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is notoriously difficult. With different stacking orders and contexts, keeping track of them as their numbers increase can be hard — and once they start to spread across CSS files, forget about it! Because z-index can make or break a UI element’s visibility and usability, keeping your website’s UI in working order can be a delicate balance.

Lightbox, modal window, dialog, overlay… There are many names used to describe a component with the same (or very similar) functionality. For the purpose of this article, I will use these terms interchangeably to refer to a window which is triggered by the user, appears on top of the viewed page overlaying other content, and which must be acknowledged by the user before they can come back to the main page area. When the window is open, the rest of the page is dimmed and the user is only able to interact with that window's content.

These four vehicles let agile programs gracefully manage scope and schedule–and changes thereto.

In this article I’ll be taking a look at how to build a simple yet robust workflow for developing sites that require PHP and MySQL. I’ll show you how to use Vagrant to create and run a web server on your own computer, with the version of PHP your live site runs. I also demonstrate a process for using a hosted service to deploy files in a robust way to your live server.

Generate Craft CMS plugin code scaffolding that conforms to P&T’s Coding Standards, creating the bits you need to get your plugins started.

To be accessible, UI components need to work across multiple devices with varying screen-sizes and different kinds of input. Moreover, components should be usable by the broadest group of users, including those with disabilities. via Pocket

Yvonne Rogers on embodiment

Create, play and share fun learning games for any subject, for all ages, for free!

Guerrilla usability testing on the Mac made easy

Tele2 предлагает своим частным и бизнес-клиентам, а также пользователям разговорных карт Smart возможность возвратить в наше представительство старый или неисправный телефон или планшет, или обменять работающий телефон, к примеру, на новую модель.

За выкупленное устройство выдается действующий в течение 3 месяцев скидочный купон, номинал которого преобразуется в скидку при покупке нового телефона или планшета. После окончания срока действия скидочный купон становится недействительным. При покупке нового телефона или планшета можно воспользоваться сразу несколькими купонами.

Change the way you design with the most powerful prototyping platform on the planet.

CSS3 Text provides the ability to apply hyphenation to text, via the hyphens property. While this is all well and good, it doesn’t provide the fine grain control you may require to get professional results. For this, let me introduce to you CSS4 Text.

certainlyakey starred r-stein/JumpTo

Learn Spanish with SpanishPod101! No more dry, out of date textbook story lines! Here at SpanishPod101, you'll learn Spanish with fun, interesting and culturally relevant lessons that are easy to listen to. But not only are they fun - they're effective too! Join the hundreds of thousands of people already learning Spanish through the power of our mobile apps, desktop software and website with free Spanish lessons released every week!

One question that came up more and more in recent months is how to create an accessible modal dialog with WAI-ARIA. So without further ado, here’s my take on the subject!

Displays tabs in tiled layouts in Firefox. Arrange tiles horizontally, vertically or in a grid. Resize tiles by dragging splitter bars. Tabs and links can be dragged to open in other tiles. Supports multiple tiled layouts. Works with tab groups.

According to the World Health Organization, 285 million people have vision impairments. As web applications have grown rich and creative, they have become less accessible to these users.

Introduction to Web Accessibility is an online course that introduces tools and techniques for web developers to easily ensure that websites are more accessible to users who are blind or have low vision.

In September of last year, I decided I wanted to hear stories and comments about how screen reader users access The Web. I suspected, as a sighted web user, I made a lot of incorrect assumptions. Accordingly, I composed seven questions to find out about strategies for reading and operation. via Pocket

JavaScript library to help modern web applications with accessibility concerns by making accessibility simpler

Embark on a journey that takes you all over the world.
From the most desolate roads in Australia to the busy, bustling streets of New York City.

Between simple tweaks such as placing the findbar in the top corner, to the powerful "Find in All Tabs" tool, it has everything to make the Find Toolbar a powerful and accessible research tool!

UnCSS is a tool that removes unused CSS from your stylesheets. It works across multiple files and supports Javascript-injected CSS.

Save time and automate your workflow with our new @MicrosoftFlow integration ✅ https://t.co/oyjQyEzsiW #todoist https://t.co/UlIJTtP8nH

A guide to writing style sheets for large scale, rapidly changing, long-lived web projects

What do you think of when you hear the phrase, “ambient computing”? It doesn’t conjure up a sleek device you can hold or wear, nor an ingenious app you can download. Ambient computing—or ambient intelligence, a term used synonymously—is more abstract: it’s a condition, a state of the art. It describes a computing era that is unfolding around us, as technology continues its staggeringly rapid evolution. To understand it, focus not on the word “computing” but on “ambient.” Think of ambient lighting. Ambient music. An ambient element is tuned to your immediate environment, adapted to enhance a particular mood or activity.

The AccDC Technical Style Guide is designed to provide reliable and consistent interaction designs that are accessible to the highest percentage of people possible, and to establish a baseline for Functional Accessibility that can be utilized, built upon, studied, and tested against.

Я продолжаю делиться опытом ошибок и находок в анкетных исследованиях. В первой статье я рассказала, как можно привлечь релевантных респондентов и увеличить возврат заполненных анкет.