Skip to content

Instantly share code, notes, and snippets.

View Ferie's full-sized avatar
🙃
A colacccioneee

Riccardo Andreatta Ferie

🙃
A colacccioneee
View GitHub Profile
@Ferie
Ferie / license-badges.md
Created July 23, 2020 01:01 — forked from lukas-h/license-badges.md
Markdown License Badges for your Project

Markdown License badges

Collection of License badges for your Project's README file.
This list includes the most common open source and open data licenses.
Easily copy and paste the code under the badges into your Markdown files.

Notes

  • The badges do not fully replace the license informations for your projects, they are only emblems for the README, that the user can see the License at first glance.  

Translations: (No guarantee that the translations are up-to-date)

@Ferie
Ferie / detect-a-touch-device-with-javascript.markdown
Created July 22, 2020 22:48
Detect a touch device with JavaScript

Detect a touch device with JavaScript

Detect a touch device using JavaScript (2018). Open this pen with a mobile device or a tablet or any other touch device, to see the different result or use the emulator provided by the inspector (Chrome).

A Pen by Riccardo on CodePen.

License.

Playing at a Distance

First of all, there are some great digital options for playing games. Some work well remotely, some support local play on one device. Some are free, some cost money. Rather than list/compare all the options, here are some to check out on your own:

  • [Tabletop Simulator][]
  • [Tabletopia][]
  • [Board Game Arena][]
  • [Yucata][]

No Printer Required

@Ferie
Ferie / CSS-hack.md
Last active February 13, 2020 10:43
CSS hack

You may remember the functionality that Firefox were using lots of versions ago, where you were able to see the page you were working on in 3D and see the z-index of the elements and understand which one was covering the other. It was a good utility that a certain point was removed maybe because it was not used too much and it was given the browser some sort of slow interaction.

With the following code, you cannot see the 3D of the page, of course, but you can have an idea of the sizes of each element in the page you are working on.

The following code is meant to be used when you are working with layouts: it is a way of highlighting the elements in your page and understand the sizes and the deep level of each one.

I suggest to apply it at root level of your CSS code to see different colours along each element.

* {
<!doctype html>
<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ -->
<html>
<head>
<title>iOS 8 web app</title>
<!-- CONFIGURATION -->