Monthly Shaarli

All links of one month in a single page.

July, 2016

Passport Index 2016 - See online all the countries which you can visit without visa

Arton Capital's Passport Index is the world’s most popular online interactive tool, which collects, displays and ranks the passports of the world.

It is the only live global ranking of passports, updated as frequently as new visa waivers and changes are announced.

Visitors can dive in the fascinating world of passports, explore their designs, sort them by country, region and even by color. For the first time ever, visitors can compare passports side by side.

The Passport Index also features PASSE/PORT, the comprehensive blog curating passport-related news, and views on global mobility, security, technology, branding, and visa policies from around the world.

Блог Яндекс Денег — 4 причины использовать виртуальную карту вместо обычной

У виртуальной карты есть очевидные плюсы: невозможно оставить на столике в кафе, банкомат не зажуёт, и подсмотреть секретные цифры через ваше плечо точно не получится. А есть неочевидные: многим до сих пор непонятно, зачем платить виртуальной картой, если у вас в кошельке уже лежит несколько пластиковых. Разбираемся, в каких случаях «виртуалка» работает лучше всех (и ждём ваших дополнений в комментариях).

Using ARIA to enhance SVG accessibility | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)

SVG1.1 accessibility support is limited in browsers and screen readers. Things are set to improve with SVG2, but ARIA can be used now to improve the accessibility of simple SVG.

Coderwall | JavaScript, jQuery and DOM Ready in Drupal 7

JavaScript code to process elements on page load on a Drupal 7 site uses behaviours.

GitHub - niceandserious/crafty-vagrant: A boilerplate dev environment for jump-starting Craft CMS projects

certainlyakey starred niceandserious/crafty-vagrant

Учебный отпуск - Tööelu.ee

Учебный отпуск урегулирован как Законом о трудовом договоре, так и Законом об обучении взрослых. Целью учебного отпуска является предоставление работнику свободного времени для обучения. Для участия в обучении работник имеет право получить в календарном году учебный отпуск продолжительностью до 30 календарных дней.

Dynamic duotone SVG images with feColorMatrix and Jade | ines.io

The redesign of my website finally gave me an opportunity to experiment with SVG filters and color manipulation. The duotone look, which was made sort of trendy again earlier this year by Spotify's new brand identity, is based around manipulating the image's color range by modifying the individual color channels.

✨Una Kravets' Blog: Musings on Front-End Development and Design✨

Accessibility is often solely discussed in terms of people with disabilities. It is also quickly dismissed by smaller companies and startups because they argue that they don't have time and resources to consider this group. via Pocket

Aaron Gustafson: Falling in Love with Forms [BDConf 2014]

Forms. Without them, the web would not be what it is today, but they are challenging from a markup and styling standpoint.

In this session, we will explore forms from top to bottom, examining how they work and how their components can be incorporated with other elements to maximize accessibility, improve semantics, and allow for more flexible styling. You’ll get to see the complete picture with forms, including

  • new HTML5 field types;
  • validation, error messages & formatting hints;
  • how to mark up and style forms for the greatest flexibility in responsive designs; and
  • best practices for enhancing forms with JavaScript.
GitHub - jonathantneal/svg4everybody: Use external SVG spritemaps today

SVG for Everybody adds external spritemaps support to otherwise SVG-capable browsers.

Practical ARIA Examples

Some practical ARIA examples to enhance your application accessibility (by @heydonworks).

Алексей Ежиков: “Если клиенту нужно показывать три варианта стилистики сайта, это значит, что ты где-то не доработал раньше. В идеале, дизай

"- А у вас есть некий набор стилистических паттернов? Например: предложить клиенту 20 вариантов обоев для сайта.

  • Нет. Мы стараемся давать один вариант дизайна."
Color Filters Can Turn Your Gray Skies Blue | CSS-Tricks

The easiest-to-use graphical effects are the shorthand filter functions. You apply them with the CSS filter property. The browser manipulates the appearance of the corresponding element before painting it to the page. Filter functions are supported prefix-free in Firefox since version 35 (stable release in January 2015). They have been supported with the -webkit- prefix in Safari, Chrome, and Blink-based Opera for a few years now.

colorfilter.css

Those colorful filters uses css blend modes and were heavily inspired by Spotify new 2015 ads.

This technic is called "DuoTone", and today, with the power of CSS we can play around with some blend-modes properties, to get some cool visual results.

Enable the expand save panel by default

Sometimes it can happen when saving a document that you have to click first on the triangle next to the Location field to open the expanded save window. This can be very confusing, with the following

Scaling Down The BEM Methodology For Small Projects

"The HTML of a modern app is mostly a div soup. CSS by itself does not offer any structured model at all. High-level JavaScript components use abstractions that are not consistently tied to styles or markup. At the UX level, interfaces are described in terms that have nothing in common with technical implementations. Enter BEM, a unified semantic model for markup, styles, code and UX. "
"Not all blocks have elements."
"One DOM node may host several blocks. A node may be an element within one block and (at the same time) a container for another block."
"Once the designer is familiar with BEM’s terms, they can iterate towards designing blocks and elements, instead of “screens.” This will also help them to identify similar UI parts and unify them."

Mirum. A global digital agency.

We are a global digital agency of makers, believers, and make-believers.

Why and How to Avoid Hamburger Menus - Louie A. - Mobile UX Design

The issues of this pattern are now widely recognized, but what’s the real solution?

SVG Style Inheritance and the ‘Flash Of Unstyled SVG’

There are too few things not to like about SVG, and I don’t mean the things that browsers cause by incomplete or lack of certain features or buggy implementations. via Pocket

Sequel Pro MySQL app

Sequel Pro is a fast, easy-to-use Mac database management application for working with MySQL databases.

Open link in current tab Firefox addon

Adds "Open Link" menu to force links to open in current tab.