Monthly Shaarli

All links of one month in a single page.

February, 2017

GitHub - facelessuser/FavoriteFiles: Sublime Text plugin to save favorite files

This is a simple plugin that was created to save favorite files that are not part of a project. It can also be used to save and load groups of files which may be useful even for files part of a project.

NOWNESS

NOWNESS is a movement for creative excellence in storytelling celebrating the extraordinary of every day. Launched in 2010, NOWNESS’ unique programming strategy has established it as the go to source of inspiration and influence across art, design, fashion, beauty, music, food, and travel. Our curatorial expertise and award-winning approach to storytelling is unparalleled. We work with exceptional talent, and both established and emerging filmmakers which connect our audience to emotional and sensorial stories designed to provoke inspiration and debate.

Accessibility tools audit results - Overview - GDS accessibility team

We ran an audit to see what issues the different accessibility testing tools pick up. We deliberately introduced 143 accessibility barriers to a page of content, and ran them through 10 automated tools. We also had a look at features like usability and cost.

GitHub - jonsuh/hamburgers: Tasty CSS-animated Hamburgers

certainlyakey starred jonsuh/hamburgers

WordPress Premium

Premium WordPress plugins and themes synchronized to GitHub.

GitHub - kaelig/hidpi: Serve high resolution graphics to high density (Retina-like) displays with Sass.

certainlyakey starred kaelig/hidpi

How to extend Timberpost class i.e. redefine existing Timber object properties (such as thumbnail) · Issue #766 · timber/timber

I have read the docs at https://github.com/jarednova/timber/wiki/Extending-Timber but it doesn't say where to add the file and then how to reference the file.

How to set up an accessible form using Contact Form 7 in WordPress – Rian Rietveld

Recently I discovered Contact Form 7 (CF7) by Takayuki Miyoshi. A plugin to create forms on a WordPress website. I was looking for an accessible alternative for Gravity Forms, and discovered that Contact Form 7 does an excellent job!

Up to now I used Gravity Forms, which is a great plugin. But it has some accessibility issues and has W3C validation errors for the HTML and CSS. Gravity Forms also doesn’t have an accessible backend.

Contact Form 7 recently (version 3.6) added accessible WAI-ARIA to the forms, e.g. for error messages and required fields. Also the plugin gives you complete controle over the HTML output of the form.

A second advantage of Contact Form 7 is that the backend is fully accessible, so a visually impaired content manager can build her own forms.

The only drawback is that the default form, provided by the plugin needs to be changed to make the form fully accessible, but that’s easily done, unlike with Gravity Forms.

Adrian Roselli | Consultant, Writer, Speaker

I have been developing accessible, effective user interfaces for the Web since 1993, as well as interfaces for multimedia and software applications. With a focus on standards and accessibility, I ensure software and web-based applications can be utilized by users with varying levels of ability on a wide array of platforms.

Secure Your WordPress Config with DotEnv

The twelve-factor app is a methodology for building and deploying software on the cloud that is based on research by employees of the Heroku hosting platform. It’s designed to help developers keep their code isolated and setup in a way that minimizes risk. Number three on this list is to store the config in the environment because configuration varies substantially across deploys, code does not.

Bulk Re-Scrape Tool. Force Facebook to Re-Scrape Your URLs | Re-Scrape.com

When you post/share a URL on Facebook, it automatically scrapes the site to determine what picture or video, page title and page description to show. It does this by looking at the Open Graph (OG meta tag) data on the site and then caches that information for further use. However, if you change information on the site such as images, titles and descriptions, this will not be reflected when you post the URL on Facebook, as they will use the old, incorrect cached information.

Using JavaScript to trap focus in an element | hiddedevries.nl

For information on how to accessibly implement the components I’m working on, I often refer to WAI-ARIA Authoring Practices specification. One thing this spec sometimes recommends, is to trap focus in an element, for example in a modal dialog while it is open. In this post I will show how to implement this.

Как воспитывать ребенка, чтобы он не вырос жестоким. Инструкция — Meduza
GitHub - MINDKomm/timmy: Advanced image manipulation for Timber

certainlyakey starred MINDKomm/timmy

GitHub - fahrenheit-marketing/gravityforms: Gravity Forms, Git-ified. Synced manual! This repository is just a mirror of the Gravity Forms plugin. Please do not send pull requests and issues.

certainlyakey starred fahrenheit-marketing/gravityforms

GitHub - nystudio107/richvariables: Allows you to easily use Craft Globals as variables in Rich Text fields

certainlyakey starred nystudio107/richvariables

Accessibility at Penn State | Problematic Combinations for Color Deficient Vision

The human eye contains rods which detects levels of light (dark versus bright) and three kinds of cones which distinguish among the different colors. If none of the cones are functioning (very rare), then a person has grayscale vision. If the cones are semi-functional (also rare), then the person sees colors, but they are muted.

Gravity Forms Hook Reference - Gravity Wiz

A reference guide for which Gravity Forms hooks are called and in what order for several typical scenarios. Provides additional information for those seeking a deeper understanding into how Gravity Forms actually works.

GitHub - motdotla/dotenv: Loads environment variables from .env for nodejs projects.

certainlyakey starred motdotla/dotenv

GitHub - lindseydiloreto/craft-businesslogic: Business Logic plugin template for Craft CMS

It's a very simple template, designed to give you the basic tools you need to create a quick PHP-based interaction with the rest of your website. What you write inside this module is entirely up to you, and we expect that every website will have its own unique implementation. Go nuts!

GitHub - leewillis77/say-what: An easy-to-use plugin that allows you to alter strings on your site without editing WordPress core, or plugin code

certainlyakey starred leewillis77/say-what

Home | Aurelia

Aurelia is a JavaScript client framework for mobile, desktop and web leveraging simple conventions and empowering creativity.

Try It Online

TIO Nexus is the current stable version of Try It Online, a family of online interpreters for over 200 programming languages. Like all Try It Online web services, TIO Nexus is free of charge, open source, and ad-free.

GitHub - davidtheclark/focus-trap: Trap focus within a DOM node.

certainlyakey starred davidtheclark/focus-trap

GitHub - tonsky/FiraCode: Monospaced font with programming ligatures

certainlyakey starred tonsky/FiraCode

GitHub - gielcobben/Caption: Caption — Find the right subtitles. Easy.

certainlyakey starred gielcobben/Caption

Caption — Find the right subtitles. Easy.

Find the right subtitles. Easy.

WCAG 2.0 form fields for Gravity Forms — WordPress Plugins

Modifies Gravity Forms form fields and improves validation so that forms meet WCAG 2.0 accessibility requirements.

Tips on Making Your Gravity Forms as Accessible as Possible – Learning LibTech

I’m currently using gravity forms and struggling with the accessibility of it. It sounds like there are no plans to make it accessible, but I know a lot of people use this plugin, so let’s make the best of it.

Пособие для самостоятельных путешественников: как я исследую города – Варламов.ру
Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy!

As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the different colors they may be over.

Living SC5 Styleguide, the next level

When it comes to the large web applications, we often operate with complex components. Such components are not just CSS styles for the pieces of an interface but also their JavaScript interactions and templates. As documentation, the style guide should reflect them all. In other words, the components on the style guide's pages should be the same living as in production.

At my recent project, we have been using SC5 Style Guide in its simplest way - documenting the view of the components. For that, we provided the needed HTML in the KSS code and so has received the rendered component library.