38 private links
Презентация о flexbox
The Pomodoro Technique can help you power through distractions, hyper-focus, and get things done in short bursts, while taking frequent breaks to come up for air and relax. Best of all, it's easy. If you have a busy job where you're expected to produce, it's a great way to get through your tasks. via Pocket
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.
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.
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.
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.
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.
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.
From April 2014, digital services from the government must meet the new Digital by Default Service Standard.
Flexbox - это новый способ располагать блоки на странице. Это технология, созданная именно для раскладки элементов, в отличие от float-ов. С помощью Flexbox можно легко выравнивать элементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту родителя или прибивать их к нижнему краю.
Web Fundamentals is a comprehensive resource for multi-device web development.
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.
Vitamins dietary intakes per day
Хочу рассказать о том, как я сдавала экзамен Certified Usability Analyst от Human Factors International.
I’m a huge fan and proponent of working agile and, the various schools of thought around it: scrum; Kanban; MVP; product-led, iterative development; releasing little, early, and often; you name it.
I recently shared a public demo of the Trello board that I use for development work—just one small aspect of running an agile project. This post won’t teach you anything about running an agile project or team—you can hire me for that—but it might help you set up a decent Kanban board if you already know how to work agile.
Включая руководство по типографскому оформлению текста РИА
Show more resolution choices for external monitors on the new MacBook Pro with Retina Display by holding the Option key and clicking on the Scaled option in the Displays preference pane.
SVG profiles
SVG 1.0: all modern desktop and mobile browsers support SVG 1.1, so never choose this option.
SVG 1.1: You will almost always want this.
SVG Tiny/Basic: this is a subset of SVG intended for mobile devices. Only a handful of devices support SVG Tiny and not the full spec, so go for SVG 1.1.
Note: SVG Tiny does not reduce the file size, it's just a subset of SVG that is adequate for low processing power devices. It will discard gradients, opacity, embedded fonts and filters. Erik Dahlström says: All SVG 1.1 full viewers should be able to display all of the SVG 1.1 Tiny/Basic content (according to spec), and probably all of the SVG 1.2 Tiny content that Illustrator produces too.
Fonts note: if you don't have any text in your image this setting doesn't matter.
Adobe CEF: never use this option of you intend to display it in browsers. It's Adobe's way of embedding fonts in SVG files, as far as I know this is only supported by Adobe's SVG viewer plugin.
SVG: this embeds the font as SVG, which is not supported by Firefox, but is a good option if you intend to support only mobile devices (which usually run webkit).
Create outlines: you will want to do this most of the time, unless you have a large amount of text. If you have a large amount of text you will want to embed the font with WOFF but you will have to do this by hand.
Subsetting:
None: this will negate the previous setting and will not embed any font, if you don't care that the font falls back to some other font in the user's computer choose this.
Only Glyphs used: you will want this most of the time if you choose to embed the font. It only embeds the characters used so it doesn't inflate your file size.
[rest of subsetting]: this is fairly clear, you can choose to include the entire font or subsets of it. It is only useful if your SVG is dynamic and the text might change based on user input.
Images: this only matters if you are including bitmap images
Embed: this is usually what you want, it encodes the image as a data uri so that you just upload one file instead of the svg file with it's companion bitmap images.
Link: use this only if you have several svg files that reference one bitmap file (so it's not downloaded every time it renders the svg file).
Note that linked bitmap images won't display if the SVG is displayed through the <img> tag, because img doesn't allow loading external resources. Furthermore: webkit has a bug that does not display bitmap images within svg files even if you embed them. In short: use a plain <svg> tag if you intend to embed or link bitmap images, don't use <img>.
Ольга Шакина подробно описывает свой путь к виду на жительство в ЕС — в жанре пошаговой инструкции
A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running idea list, which we try on projects. Try A One Column Layout instead of multicolumns. via Pocket