Monthly Shaarli

All links of one month in a single page.

March, 2016

Spanish Grammar Lessons - Lecciones En La Gramática Española

Welcome to my Spanish grammar page. I took all these notes during Spanish classes at ISLA. It's a fantastic school - I recommend it highly - great atmosphere and great people, too. Do what you like with the notes. They're here to help everyone learn a little more Spanish, but please credit me with having done the original work. They are bound to contain typos and for this I'm sorry, but remember they're only my personal notes.

Material icons - Google Design

Material icons are beautifully crafted, delightful, and easy to use in your web, Android, and iOS projects. Learn more about material design and our process for making these icons in the system icons section of the material design guidelines.

GitHub - Alamofire/Alamofire: Elegant HTTP Networking in Swift

Alamofire is an HTTP networking library written in Swift.

Easy scheduling | Doodle

The scheduling tool you'll actually use. Find a date for a meeting 2x faster!

Switch to MRU tab with shortcut or gesture | Apple Support Communities

you may want to try this extension - mru-tabs-switch. I wrote it for myself (since could not find anything similar) and it works pretty well for me. Switch by Control+1.

Как указывать диапазоны дат в интерфейсах? / Хабрахабр

Однозначного и исчерпывающего ответа на вопрос поверхностный поиск не дал, справочники академического характера чаще всего выдают результаты для изданий (в т.ч. с вариантами использования римских цифр, что не очень подходит для интерфейсов), поэтому хочется понять, как лучше указывать именно диапазоны именно дат и именно в интерфейсах и попробовать сформулировать правило или выявить закономерности. Для этого я вспомнил все, какие мог, кейсы, и упорядочил их в таблице — кейс, числовой пример, формат полный и сокращенный, для дней, недель, месяцев, кварталов, полугодий и лет (внутри поста).

Structured Content First — Stephen Hay (06.2011)

Presented at Mirabeau Mobile Event, Amsterdam.

11 Characteristics of Persuasive Call-to-Action Buttons | UserTesting Blog

Whether you’re using them on pricing pages, product pages, landing pages, or your blog, well-designed CTA buttons are going to help you get more people to do what you want them to do.

GitHub - marcj/css-element-queries: CSS-Element-Queries Polyfill. proof-of-concept for high-speed element dimension/media queries in valid css.

A proof-of-concept event-based CSS element dimension query with valid CSS selector syntax.

Modify TinyMCE editor to remove the H1 style - Jo Waltham

It is not strictly true that this removes the Heading 1. What it does is add all the styles except the heading 1. And for good measure I move the mostly unused Address and Pre formats to the end of the list.

GitHub - samshadwell/TrumpScript: Make Python great again

TrumpScript is language based upon the illustrious Donald Trump. As the undeniably best presidential candidate in the 2016 language, we found that the current field of programming languages does not include any that Trump's glorious golden combover would approve of.

TrumpScript is our solution to this. It's the programming language Trump would approve of. Just like he is making America great again, we hope our efforts will make programming great again.

The Elements Of Navigation – Smashing Magazine

When users look for information, they have a goal and are on a mission. Even before you started to read this article, chances are you did because you either had the implicit goal of checking what’s new on Smashing Magazine, or had the explicit goal of finding information about “Navigation Design”.

GitHub - ttscoff/popclipextensions: Brett's PopClip Extensions

My (hopefully) growing collection of PopClip extensions.

ES5, ES6, ES2016, ES.Next: What's going on with JavaScript versioning?

JavaScript has a strange naming history.

Home - Pencil Project

Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.

Подробный обзор Affinity Designer (Mac OS). Часть 2 / Хабрахабр

Уже некоторое время дизайнеры пользуются новой программой для векторной графики и иллюстраций — Affinity Designer. Это подробный обзор для любителей попробовать новое в работе.

Chris Thoburn — The Chrome Distortion: how Chrome negatively alters our expectations

Chrome has taught us to idealize features for so long that we've become blind to its many glaring faults.

Textured Gradients in Pure CSS

We’re going to create a background like this in pure CSS:

Using Vagrant to Set up a WordPress Test Environment - WPMU DEV

Setting up a local environment for WordPress is a common need for developers. Since everything runs on your computer, loading times are significantly lower and you can safely test things before you try them out in a live production environment.
Local WordPress installations aren’t just for coders, though. As a user, local environments let you try out themes and plugins much more quickly, create as many installations as you need, and play around with WordPress without fear of wreaking havoc on your live website.
Many people use XAMPP or MAMP instead of the somewhat newer Vagrant. These are great choices but Vagrant is a lot more flexible and just as easy.
In this guide I’ll give you easy to follow, instructions on how to set up Vagrant you can copy and paste. We’ll go from zero to a fully functioning WordPress installation, so let’s dig in!

Горные лыжи на Кузбассе и правила женских тюрем: Пять примеров невероятно крутой нативной рекламы — Meduza

Перед вами уникальный пример рекламы — мы заказали ее сами себе. 21 мая в Москве состоится конференция «Медузы» про нативную рекламу: мы делаем ее постоянно и считаем, что за ней будущее. Мы уверены, что хорошая реклама полезна всем — и изданиям, и рекламодателям, и, главное, читателям. В качестве доказательства мы решили рассказать о пяти невероятных примерах нативной рекламы. Если вы хотите научиться такое делать или так рекламировать ваш бренд — приходите на конференцию, обсудим.

KeyStroke - solusHex

KeyStroke is a Safari extension that provides customizable keyboard shorcuts for common tasks and enhancements.

GitHub - int3h/SublimeFixMacPath: A Sublime Text 2/3 plugin to set the PATH correctly on OS X

On OS X, Sublime Text has its PATH set by launchctl, not by your shell. Commands like make run by Sublime Text are then unable to find non-system binaries, including those installed by homebrew and MacPorts.

Fix Mac Path is a simple plugin for Sublime Text 2 and 3 which sets Sublime Text's PATH to that reported by your shell. Now, if you add homebrew's /usr/local/bin directory to your PATH in .bash_profile (or whatever other way you set your shell's PATH,) Sublime Text will inherit that PATH.

An Example Interactive watchOS 2 App - Techotopia

Having covered actions and outlets in the previous chapter, it is now time to make practical use of these concepts. With this goal in mind, this chapter will work through the creation of a WatchKit app intended to demonstrate the way in which the Interface Builder and Assistant Editor features of Xcode work together to simplify the creation of actions and outlets to implement interactive behavior within a WatchKit app.

BC Open Textbook Accessibility Toolkit | Open Textbook

The Accessibility Toolkit is a collaboration between BCcampus and CAPER-BC. The goal of the Accessibility Toolkit is to provide the resources needed so that each content creator, instructional designer, educational technologist, librarian, administrator, teaching assistant, etc. has the opportunity to create a truly open and accessible textbook. An open textbook that is free and accessible for all students.

Taking AMP for a Spin | CSS-Tricks

One big new method for making your website fast is called
Accelerated Mobile Pages (AMP), a project spearheaded by Google. Mobile data is unlike our home WiFi connections. It’s slow. AMP aims to help fix that, in a rigidly prescribed way, by ridding sites of their most inefficient parts.
AMP has very rigid rules for the source in order to get the big speed gains it’s going for.

UI-Patterns.com

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

Ember — Take Screenshots, Capture Full Webpages, Draw on Images and much more · Realmac Software

Take screenshots, snap webpages, draw on images, and much more. Ember makes it incredibly easy to capture and organize the images that inspire you. (recommended by Hans Põldoja)

Microcopy – Why is it so important? | Unmatched Style

What is “microcopy” and why is it so important? Let’s start off with a really quick definition: The small bits of text/copy that help instruct and alleviate the concerns of your users. Pretty straight forward I think. It’s really more about detail work, it can make or break your website’s experience, it can also make bank or break the bank. I’ll have examples of that later.

GitHub - geerlingguy/drupal-vm: A VM for local Drupal development

Drupal VM is A VM for local Drupal development, built with Vagrant + Ansible.
This project aims to make spinning up a simple local Drupal test/development environment incredibly quick and easy, and to introduce new developers to the wonderful world of Drupal development on local virtual machines (instead of crufty old MAMP/WAMP-based development).

Кризис ожирения сайтов / Хабрахабр

Перед началом тирады я хотел бы обратить внимание на то, что прекрасные сайты бывают любых форм и размеров. И я здесь не собираюсь кого-то стыдить за количество использованных бит, объём использованных ресурсов и так далее. Я люблю большие сочные галереи изображений, мне нравятся огромные эксперименты на JavaScript, я смотрю онлайн-видео в высоком разрешении, как и все вы. Я считаю, что подобное замечательно.

WebAIM: Web Accessibility for Designers

The focus of web accessibility is often on web development – the things that happen in HTML, CSS, or JavaScript after a site has been designed visually. Optimal accessibility should start much earlier, as part of the visual design process. We have created an infographic that highlights a few important principles of accessible design.

Heuristic Evaluation: Scotiabank Toronto Waterfront Marathon website
How Failed A/B Tests Can Increase Conversion Rates - Case Studies

How changing one word in the call-to-action reduced conversions on a payment page by 26.55%

Call-to-Action Best Practices

In this guide, you will learn about Calls-to-Action (CTAs) and how you can use them to optimize your website, blog, and email.

GitHub - Wevah/SafariKeywordSearch: A simple Safari extension to enable keyword search from the address bar

Safari Keyword Search is a simple extension for Safari 5.1 and above that can change the default Safari search engine and enables keyword searching from the address bar. This is a simple but powerful feature that gives you access to several search engines using simple keywords. For example, you can search Wikipedia for information on monkeys by typing w monkeys in the address bar.

Introduction to tvOS: Building Your First tvOS App in Swift

With the new Apple TV, the Cupertino based giant has introduced a new operating system, based off iOS, called tvOS.  tvOS is essentially iOS but modified.  Using common frameworks and the your favorite programming language (Swift, of course!) we will explore tvOS by writing a few simple apps.

Good Call-To-Action Buttons | UX Booth

The call-to-action button is an important tool in the user experience designer’s box of tricks. In this article I’ll give you a few pointers on providing effective ones.

Web Accessibility Evaluation Tools List

Web accessibility evaluation tools are software programs or online services that help you determine if web content meets accessibility guidelines. This page provides a list of evaluation tools that you can filter to find ones that match your particular needs. To determine what kind of tool you need and how they are able to assist you, see Selecting Web Accessibility Evaluation Tools.

Swiper - Most Modern Mobile Touch Slider

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. Designed mostly for iOS, but also works great on latest Android, Windows Phone 8 and modern desktop browsers.