Monthly Shaarli

All links of one month in a single page.

November, 2016

Train and Railroad Noise Machine | Free & Online

The steady sound present in the passengers' car is often felt as soothing and can help mute distracting or sudden noises. The hypnotic clickety-clack of railcars over a stretch of track is perfect for falling asleep too!

CSS Reference - A free visual guide to the most popular CSS properties.

Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

4. Custom Websites with Timber | Tackle Box

Create responsive, mobile first WordPress websites using the Timber library and Advanced Custom Fields.

GitHub - ryanwelcher/limit-widgets: A plugin for WordPress that limits the number of widgets in a sidebar.

certainlyakey starred ryanwelcher/limit-widgets

The WordPress developer's introduction to Docker

In order to follow this tutorial, make sure you have Docker installed and working on your development computer (verify it by running $ docker -v in your command line). You don't need to have any prior Docker experience as I will try to explain things from the ground up. via Pocket

GitHub - roikles/Wordpress-Bem-Menu: Better menu implementation for Wordpress using BEM syntax

certainlyakey starred roikles/Wordpress-Bem-Menu

GitHub - am-impact/amcommand: Command palette in Craft; Because you can

certainlyakey starred am-impact/amcommand

GitHub - Smile4ever/firefoxaddons: Extend the functionality of Firefox with cool addons

certainlyakey starred Smile4ever/firefoxaddons

Bobby - The best Anti Theft Backpack

Every day 400.000 pick pocket incidents occur worldwide. Never worry about this happening to you with the Bobby Anti-Theft backpack. Key features as cut-proof material, hidden zipper closures and secret pockets will keep your belongings safe during your commutes.

Besides being the safest backpack it is also the the most convenient backpack with features such as: an integrated USB charging port, weight balance, water repellent fabric, illuminating safety strips and luggage strap.
В России - http://madrobots.ru/p/ryukzaki/filter/availability-is-1/apply/?sort=popular

GitHub - wp-sync-db/wp-sync-db: A WordPress plugin that lets you push, pull, and sync database tables between WordPress installations.

certainlyakey starred wp-sync-db/wp-sync-db

GitHub - aelvan/Imager-Craft: Image transforms gone wild

certainlyakey starred aelvan/Imager-Craft

GitHub - boboldehampsink/translate: Translate plugin for Craft CMS

Plugin that allows you to translate your website from Craft CMS UI.

GitHub - victor-in/Craft-TwigTypeTest: Twig Variable Type Tests for Craft-CMS

certainlyakey starred victor-in/Craft-TwigTypeTest

Setka — Modern tools to empower people in media

Modern tools to empower people in media

Thngs — a place for every thing.

Thngs is a simple tool for the preservation and structuring of data
about physical things, a Noah's ark for the tangible world.

GitHub - boboldehampsink/import: Import plugin for Craft CMS

certainlyakey starred boboldehampsink/import

Bucky — Performance Measurement of Your App's Actual Users

Open-source tool to measure the performance of your web app directly from your users' browsers.

Fontie — webfont converter, @font-face generator

Fontie converts your desktop fonts into web fonts that work everywhere and puts them along with the CSS in one fine @font-face package. Various options give you the possibilty to fix and optimize your webfonts.

Beware smushed off-screen accessible text – Medium

My colleague, Matt King, encounters a lot of friction when using web UIs. Matt uses a screen reader to access the web. A screen reader expresses through speech and sound the text and controls of an interface. He and I work together on the accessibility team at Facebook. Whenever we are collaborating together, we inevitably find little gotchas. Over a few sessions, Matt mentioned that the string of text “Show more reactions” was being smushed together and read as “Showmorereactions”. 

City and Town Name Generator for RPGs and Writers (use as component names generator)

The city and town name generator uses a database of over five million names across more than 100 countries. If you are looking for a random city or town name to spark a location for a book, game, or a script, millions of possibilities are at your finger tips. How you use the city or town name is up to you. All results may be freely used in any work.

Learn languages online or with Android and iPhone app for free

50LANGUAGES offers everything you need to learn a new language.

Advanced techniques for the SC5 styleguide generator

At Alley, we frequently design sites that require any given component to appear in a variety of contexts. A visual style guide allows us to view the site not as a series of pages, but grouping of reusable components. Ultimately, this simplifies and standardizes the way our designs communicate. via Pocket

GitHub - nclud/wp-timber-cli

certainlyakey starred nclud/wp-timber-cli

Using Composer to Manage WordPress Themes and Plugins

In part 1 we looked at how to store and manage your WordPress site in Git, however we deliberately didn’t include anything in the wp-content folder in our Git repo. This means that you would need to manually migrate any themes and plugins that you have installed on your site.

One way to get around manually having to migrate your themes and plugins using our method is to use Composer (a package manager for PHP), so in this post we’ll be looking at how you can use it to manage the themes and plugins we didn’t store in our Git repository last time.

UX thesis

UX thesis is a digital curation website to establish and develop long term repositories of User Experience digital assets (thesis, papers, workshop papers, book chapters, reports) for current and future reference by researchers, scientists, historians, and scholars.

GitHub - bjerenec/craftcms-multidatefield: Fieldtype that allows entering multiple dates.

certainlyakey starred bjerenec/craftcms-multidatefield

Xefer Wikipedia Radial Graph

There was an idea floating around that continuously following the first link of any Wikipedia article will eventually lead to “Philosophy.” 1 This sounded like a reasonable assertion, one that makes a certain amount of sense in retrospect: any description of something will typically use more general terms. Following that idea will eventually lead… somewhere.

Markup patterns for responsive images — Picturefill picture element polyfill

There are a number of different use cases addressed by some combination of features from the responsive images specification—here are some of the most common ones.

How To Use Ajax In WordPress - DesignOrbital

We have already shared a code to help you about passing PHP variables to JavaScript function. Now we are going to share a more practical example by using that code snippet i.e Using Ajax in WordPress.

The Ultimate Workflow Guide for Teams Building WordPress Sites with ACF, Timber, Foundation, and Local Machines with Remote Servers Through Vagrant and Git. | Roket Log

As Partner and Technical Lead, I encourage my employees to always be learning with an eye on improving the quality and efficiency of what we deliver to our clients. As an agency, it can be difficult to lock down a workflow. Each project can be vastly different. Yet, we still need to align our workflows and development environments as much as possible to ensure productivity is at its peak. sd

This guide was created to manage varying client work. I’ve spent most of my days recently inside of Vagrant machines banging on Python (Django) and Ruby (Rails). While utilizing MVC patterns and Foundation. Working in these true development environments opened my eyes to where our WordPress workflow failed. This post details how we built an efficient and repeatable workflow for teams developing on WordPress.

GitHub - fromtheoutfit/navee: Navigation module for Craft CMS

certainlyakey starred fromtheoutfit/navee

xip.io: wildcard DNS for everyone - test vagrant site on local network (mobile devices)

xip.io is a magic domain name that provides wildcard DNS for any IP address. Say your LAN IP address is 10.0.0.1.

An Overview of SVG Sprite Creation Techniques ◆ 24 ways

SVG can be used as an icon system to replace icon fonts. The reasons why SVG makes for a superior icon system are numerous, but we won’t be going over them in this article. via Pocket

Using thematic analysis by Braun, Clarke, 2012

Thematic analysis is an accessible, flexible, and increasingly popular method of qualitative data analysis.
See also the same paper in Mendeley with highlights

Design Kit

Human-centered design is a practical, repeatable approach to arriving at innovative solutions. Think of these Methods as a step-by-step guide to unleashing your creativity, putting the people you serve at the center of your design process to come up with new answers to difficult problems.

GitHub - engram-design/FieldManager: Field Manager is a Craft CMS plugin to make it easy to manage your fields and field groups.

certainlyakey starred engram-design/FieldManager

Eesti keel. Konspekt (свод правил и упражнений профессора МГУ М. Пентуса)
Tips for Creating and Exporting Better SVGs for the Web

Working with SVG in a RWD workflow usually involves a design phase and a development phase. The design phase is usually handled by designers who may or may not know how to code. via Pocket

Installing ACF5 via Composer - ACF Support

ACF PRO should be updated when you run composer update now.
Please let me know if you have any problems when you use this procedure. Please provide the content of your composer.json file to make debugging easier.

WordPress Ideas — Extend 'attachment' type with custom post type 'capabilities' field

Currently if i register a custom post type, i have not been able to set 'capabilities' to 'attachment' and get an interface in the Admin area. i would like to do this so i can "extend" the type of attachment and make it a specific item that a client can work with. I like the builtin functionality of having attachments with parent posts and all that and i do not want to have to duplicate it on my own.

Static Map Maker | a static map API helper

Which static map API do you want to use?

GitHub - smcyr/Craft-FocusPoint: A plugin for Craft CMS based on jQuery FocusPoint

certainlyakey starred smcyr/Craft-FocusPoint

GitHub - mildlygeeky/craft_kint: Adds Kint, an in-app PHP debugger, to Craft CMS for use in Twig and PHP.

certainlyakey starred mildlygeeky/craft_kint

Ручка для компьютера или компьютер для ручки? / Блог компании Даджет / Geektimes

Точность такой ручки невысока и она вряд ли заменит даже простой планшет для дизайнеров-художников. Зато она позволит сохранить все записи, произведенные в пути или в офисе, а затем получить их цифровые копии без сканирования. Ну и самое главное — это возможно рисовать и чертить онлайн привычно и комфортно, без задействования мышки.

ACF | Register fields via PHP

This article will discuss how to register fields and field groups via the functions.php file. There are many benefits to using PHP to register fields, the main of which is customization and distribution. The ability to define fields within the theme’s files allows developers to avoid any data loss when working across multiple environments (dev/staging/live). It also reduces calls to the database and can speed up your website.

If you only require a solution for distribution across multiple environments, please familiarize yourself with the local json feature as this solves the issue with minimal effort.

GitHub - engram-design/FeedMe: Feed Me is a Craft CMS plugin which makes it easy to import entries and entry data from XML, RSS or ATOM feeds. Feeds can be setup as a task in Craft's CP, or called on-demand for use in your twig templates.

certainlyakey starred engram-design/FeedMe

GitHub - boboldehampsink/export: Export plugin for Craft CMS

certainlyakey starred boboldehampsink/export

GTmetrix | Website Speed and Performance Optimization

GTmetrix gives you insight on how well your site loads and provides actionable recommendations on how to optimize it.

Симулятор графического напряжения Шапиро—Штанга · Исследование графического напряжения на основе модели электромагнитного поля

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

jQuery More

A jQuery plugin that truncates extended text and allows it to be shown dynamically.