Monthly Shaarli

All links of one month in a single page.

August, 2016

Tenon.io - simplify your accessibility

We believe... in a web accessible to everyone. Tenon.io exists because universal design is hard. We create software to help you reach beyond compliance and build superior experiences for everyone.

Building Themes with CSS4 Color Features - Cloud Four

I’ve been experimenting lately with a new way to apply color values in my CSS. Instead of setting explicit values for each color, I calculate the entire palette from a small set of base colors. It’s not an applicable solution for every project, but it might be an interesting alternative method to consider.

Pure css popup box/modal window with :target
Typography is impossible – Medium Engineering

The practical guide to why laying out type never quite does what you want

Easier SVG handling for Mac

Svgsus cleans the svg and writes the code for you. Drag, paste or import an entire set for a rapid workflow.

Scrollable Overlay

Pure CSS; The content page won't skid to top with overlay on; Works on Mobile Safari

GitHub - thebitguru/play-button-itunes-patch: Play Button iTunes Patch

This is a patch for removing the default OS X behavior of always starting iTunes when the play button on the keyboard is pressed. This feature can be useful for a lot of users, but it can also be annoying if you are using VLC, Nightingale or other similar programs that support the media keys.

The application will patch the Remote Control Daemon to prevent it from starting iTunes whenever you press the play button on the keyboard or an external remote control. This will only prevent iTunes from starting, all other functions (like play/pause while iTunes is running) will continue to work as before. The original file is backed up in case you would like to restore the original functionality.

Flexible typography with CSS locks
GitHub - adobe-accessibility/Accessible-Mega-Menu: A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin.

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

GitHub - steverowling/nullnumber: An extension of the built-in Craft CMS number field type, but with a default value of null.

Extension of the built-in Number field with a default value of null.

GitHub - lewisjenkins/craft-lj-dynamicfields: Simple plugin for populating Craft fields with dynamic data

This plugin adds the following fieldtypes:

Checkboxes (dynamic)
Dropdown (dynamic)
Multi-select (dynamic)
Radio Buttons (dynamic)

You can populate the options for each fieldtype using JSON.

SleepWatcher 2.2

SleepWatcher 2.2 (running with Mac OS X 10.5 to OS X 10.10, source code included) is a command line tool (daemon) for OS X that monitors sleep, wakeup and idleness of a Mac. It can be used to execute a Unix command when the Mac or the display of the Mac goes to sleep mode or wakes up, after a given time without user interaction or when the user resumes activity after a break or when the power supply of a Mac notebook is attached or detached. It also can send the Mac to sleep mode or retrieve the time since last user activity. A little bit knowledge of the Unix command line is required to benefit from this software. For Mac OS X 10.3 and 10.4, use SleepWatcher 2.0.5 (and sources). For Mac OS X 10.1 and 10.2, download SleepWatcher 1.0.1. Some years ago, it was a Pick of the Week at Mac OS X Hints.

GitHub - timkelty/craft-elementoptions: Craft CMS Plugin: Checkbox Selection + Elements

certainlyakey starred timkelty/craft-elementoptions

GitHub - benjamminf/craft-relabel: Override field labels and instructions in the field layout designer

certainlyakey starred benjamminf/craft-relabel

GitHub - thomasthesecond/EntryInstructions

certainlyakey starred thomasthesecond/EntryInstructions

FWeinb/cssattr.js: CSS attr() Polyfill

This polyfill makes it possible to use attr() like it is defined in the spec.

Accessible UI Components For The Web – Medium

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.

What is the Accessibility Tree? - html5 Video Tutorial #free @eggheadio

Favorited tweet: What is the accessibility tree? If you're a dev & you're not sure, check out this from @marcysutton https://t.co/hPU61BQf2W

Smooth as Butter: Achieving 60 FPS Animations with CSS3 — OutSystems Experts

Animating elements in your mobile applications is easy. Animating elements in your mobile applications properly may be easy, too… if you follow our tips here.

Execute command before shutdown/reboot - Ask Ubuntu

I have a machine running a couple of vagrant VM. The problem I have is that sometimes I forget to shutdown those VM before I shutdown or reboot my machine.

Play Button iTunes Patch | The Bit Guru

This is a patch for removing the default OS X behavior of always starting iTunes when the play button on the keyboard is pressed. This feature can be useful for a lot of users, but it can also be annoying if you are using VLC, Nightingale or other similar programs that support the media keys.

GitHub - xdissent/ievms: Automated installation of the Microsoft IE App Compat virtual machines

Microsoft provides virtual machine disk images to facilitate website testing in multiple versions of IE, regardless of the host operating system. With a single command, you can have IE6, IE7, IE8, IE9, IE10, IE11 and MSEdge running in separate virtual machines.

SurviveJS - Getting Started

React, despite being a young library, has had a significant impact on the front-end development community. It introduced concepts, such as the virtual DOM, and made the community understand the power of components. Its component oriented design approach works well for the web. But React isn't limited to the web. You can use it to develop mobile and even terminal user interfaces.

Zeplin.io

Design hand-off has never been easier. Generate styleguides and resources, automatically.

GitHub - xodigital/Formerly: Plugin to allow users to create custom forms within Craft CMS

Plugin to allow users to create custom forms within Craft CMS.

GitHub - mmikkel/CpFieldLinks-Craft: Inspect field handles and edit fields from element edit forms

CP Field Links is a tiny utility plugin making content modelling a little bit easier in Craft.

Did you forget a field handle? Mouse over the cogwheel next to the field title, and CP Field Links will tell you.

Need to adjust some field settings? Click the cogwheel; CP Field Links will redirect you to the relevant field's settings page – and back to the content when you're done.

Additionally, CP Field Links will add a link in your element edit forms to manage source settings (e.g. entry type, category group) in the same manner.

Aeon | ideas and culture

Aeon is a digital magazine of ideas and culture. Since September 2012 we have been publishing some of the most profound and provocative thinking on the web. We ask the big questions and find the freshest, most original answers, provided by leading thinkers on science, philosophy, society and the arts.

Koa - next generation web framework for node.js

Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs. Through leveraging generators Koa allows you to ditch callbacks and greatly increase error-handling. Koa does not bundle any middleware within core, and provides an elegant suite of methods that make writing servers fast and enjoyable.

GitHub - mmikkel/CpSortableCustomColumns-Craft: Adds custom fields to sortable attributes in element indexes

certainlyakey starred mmikkel/CpSortableCustomColumns-Craft

GitHub - Pennebaker/craftcms-thearchitect: CraftCMS plugin to generate content models from JSON data.

certainlyakey starred Pennebaker/craftcms-thearchitect

GitHub - w3c/svgwg: SVG Working Group specifications

This list tries to describe new features and new behaviours in SVG2.

GitHub - GoogleChrome/accessibility-developer-tools

This is a library of accessibility-related testing and utility code. Also you can find here a documentation regarding various testable accessibility problems.

Exposure X | Creative photo editor and organizer — a Lightroom alternative

Exposure X is the creative photo editor that handles every step of your workflow. From card transfer to organization to editing, Exposure simplifies routine tasks and delivers a rich set of tools for developing beautiful photos.

Using Windows Narrator dev mode

Narrator is the integrated screen reader for Windows 10. The August 2nd Windows 10 Anniversary update introduces several new Narrator features, including a Narrator mode designed specifically for web developers.

Aligning type to baseline the right way using SASS – Written In Code – Medium

Typography is an important part of web design nowadays and free services like Google Web Fonts or Adobe’s Typekit make custom fonts on the web a commodity.

Let’s take it slow and start with a core principle of typography, vertical rhythm. Vertical rhythm is about spacing body text or, more generally, vertical stacked elements, in a consistent manner to give structure and hierarchy to your content.

Some use the body text’s line-height as the measuring unit for the vertical rhythm. But using half of this value is a better choice because it can give you more reliability on automatic calculation of line-height for different font sizes using mixins.

GitHub - ehousestudio/craft_hacksaw: A migrated version of Hacksaw (for ExpressionEngine) made especially for Craft CMS.

A simple text truncation plugin for Craft CMS. This plugin adds a Twig filter to take your entry's content and hack it down to a more manageable size. It strips the HTML and limits the excerpts by character count, word count, or cutoff marker.

Flexbox Froggy - A game for learning CSS flexbox

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!

Porting Kit | Install Windows apps in Mac

Using Wineskin technology, Porting Kit can install games and apps compiled for Microsoft Windows® in Mac OS X. It's free, it's simple, it's the Porting Kit.

GitHub - mmikkel/RetconHTML-Craft: A collection of Twig filters for rewriting HTML content in Craft CMS

Ever have a client put 4 MB PNG files in their Redactor fields, failing to apply any of your meticulously crafted image transforms? Writers consistently using the <strong> tag for headers? Have you ever needed to implement lazy loading of images embedded in WYSIWYG content, responsive images or wanted to remove pesky inline styles without breaking a sweat? This is for you.

Retcon is a small Craft CMS plugin offering a series of easy-to-use Twig filters for manipulating HTML content.

GitHub - aelvan/Preparse-Field-Craft: Field type that parses twig when an element is saved.

Field type that parses twig when an element is saved.

Paw – The most advanced API tool for Mac

Paw is a full-featured HTTP client that lets you test the APIs you build or consume. It has a beautiful native OS X interface to compose requests, inspect server responses and generate client code out-of-the-box.

8000+ arsti. Otsi, hinda ning jaga oma kogemusi. TerviseTrend

Отзывы о семейных врачах в Таллине

Old Skool Jungle, Hardcore & Drum and Bass - Drumtrip

Drumtrip is designed to be your complete destination for all things hardcore and jungle.

GitHub - miranj/craft-router: A Craft CMS plugin to route requests to pages with filtered, pre-loaded lists of entries.

certainlyakey starred miranj/craft-router

GitHub - elivz/VzUrl-Craft: URL fieldtype for the Craft content management system

certainlyakey starred elivz/VzUrl-Craft