Open source design

I’m updating owncloud.. waiting to move data directory..

that I thought to change a bit the CSS to coustomize for our brand..

SO I discovered the authors (http://jancborchardt.net/) and, with pleasure, the page of opensource design project.

http://opensourcedesign.net/

Manifest:

http://opensourcedesign.net/about/

http://jancborchardt.net/usability-in-free-software

I think that I want see if I can meet someone of these idea in  FOSDEM..

https://fosdem.org/2016/schedule/track/open_source_design/

… And I discovered also these festival: https://internetfreedomfestival.org/

:D

 

Centrare testo o immagini in viewport con CSS3

l’8 gennaio 2016 è Bert Bos in persona ad aggiornarci su come centrare immagini e testo nelle nostre app in html5.

fonte: https://www.w3.org/Style/Examples/007/center.en.html

Centrare è una azione che si fa spessissimo e che purtroppo non è mai stata banale, da quando hanno deprecato il meraviglioso tag CENTER.

Poi centrare orizzontalmente o verticalmente sono due paia di maniche ben differenti.

Quindo l’uso suggerito dal w3c per centrare in entrambi gli assi è:

<code>

<html>
  <style>
    body {
        background: white }
    section {
        background: black;
        color: white;
        border-radius: 1em;
        padding: 1em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) }
  </style>
  <section>
    <h1>Nicely centered</h1>
    <p>This text block is vertically centered.
    <p>Horizontally, too, if the window is wide enough.
  </section>

</code>

e funziona!