Some touch devices trigger the mouseover event on the first touch when something changes visibly. This happens even with simple changes like a new color or removal of an underline. The click-event only fires the second time you touch.
This is easy to solve, if modernizr is included, by adding the class .no-touch to each :hover rule.
.no-touch a:hover { color: #06e; }
Most of my Raspberry Pis do one single thing well. Which means that there is probably quite some stuff that can be disabled. For instance, if you use your Pi without a monitor, you can disable the firewire. And if you don’t need an ethernet and don’t need a USB connection, you should disable those. It will save quite some energy.
I guess the number one tip is to shut down your Pi when you don’t need it. For some applications a simple on/off button would work. Here’s a nice, very simple explanation of how to do that.
| /** | |
| * A simple menu with a :hover action | |
| */ | |
| html { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| font: 100%/2.5 helvetica, arial; | |
| } |
Download the latest version of Raspbian Lite, which is the version without a desktop environment.
First install Raspbian onto a mini sd card using a tool like Etcher. When the burning is done, mount the drive onto your computer. If we want to access the Raspberry PI using SSH (which we want) we need to add two files to the root of the mounted drive before we can use it in the Pi:
country=NL
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
| // ==UserScript== | |
| // @name Improved art direction on ads in Ecosia | |
| // @namespace http://tampermonkey.net/ | |
| // @version 0.8 | |
| // @description This script enhances the ads on ecosia to look like coloured rectangles on coloured backgrounds. Ads do get shown, trees do get planted. | |
| // @author Vasilis | |
| // @match https://www.ecosia.org/* | |
| // @grant none | |
| // ==/UserScript== |
| <!doctype html> | |
| <!-- | |
| WARNING! | |
| You probably shouldn't use this technique since images never show up | |
| if the script isn't loaded for one reason or another. Some reasons: | |
| - The content is viewed using a RSS reader | |
| - The content is viewed with a read-it-later service | |
| - The user has a flaky connection (hotel wifi, Dutch train, etc) | |
| --> |
As found in the book Inclusive Design: Design for the Whole Population These principles seem to be focused on physical products mostly. These principles are described in chapter 19: Universal products in the US. So, to be more accurate, these should probably be called the seven principles of universal design. Even though I’m not sure every life form in the universe will find them equally useful.
The design is useful and marketable to people with diverse abilities. Guidelines:
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| a, | |
| a:visited, | |
| a:hover, | |
| a:focus { | |
| text-decoration: none; | |
| text-shadow: .05em 0 0 #fff,-.05em 0 0 #fff,0 .05em 0 #fff,0 -.05em 0 #fff; | |
| background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); |
| // This script shows a badge with the number of new messages in the dock of your Fluid instance of Google+ | |
| // The count is reset when you click somewhere in the body | |
| // This version of the script is written by Mathias Bynens | |
| (function(window, document) { | |
| var nodeList = document.getElementsByClassName('a-b-f-i a-f-i'), // live NodeList | |
| fluid = window.fluid, | |
| length; |