css, programmazione web, Responsive Design, sito web, Web Design

Web Design: l’importanza di chiamarsi… Responsive!

Il web è in costante evoluzione e i dispositivi con i quali oggi vi si accede sono molteplici: dal computer wide screen al notebook, dal tablet allo smartphone.

Le risoluzioni sono differenti, non pensiamo più a siti con larghezze statiche come i vecchi design 800 pixel per 600 pixel o con una larghezza che non superi i 1024 pixel.

Per questo motivo realizzare siti con un design statico non è più possibile ed è nato il bisogno di progettare siti web con un design fluido, che si adatti al dispositivo come l’acqua in un contenitore.

Content is like Water Responsive Design
“Content is like Water” Responsive Design – Fonte: Pinterest

Questo principio è alla base del responsive design.

Continua a leggere “Web Design: l’importanza di chiamarsi… Responsive!”

browser, css, css 3, html, html 5, internet explorer, internet explorer 10, Pillole di Web, w3c, web

Internet Explorer 10, API, HTML5 e l’adesione agli standard

Mentre girovagavo su Facebook mi è capitato di leggere un articolo pubblicato su html.it relativo a Intenet Explorer 10, API, HTML5 e l’adesione agli standard.

Tecnologie come HTML5 e CSS3 si offrono agli sviluppatori possibilità incredibili per lo sviluppo di siti Web ed applicazioni moderne, veloci e sempre più simili alle loro controparti Desktop. Come rovescio della medaglia abbiamo la necessità di gestire la compatibilità cross-broser: alcune funzionalità di ultima generazione offerte da HTML5 e CSS3 non sono ancora standard completamente stabili, o non sono supportate alla stessa maniera da tutti i client. Continua a leggere “Internet Explorer 10, API, HTML5 e l’adesione agli standard”

css, programmazione web, w3c, web

Cos’è il CSS? seconda parte

css logo w3cIl codice CSS

Inserire il codice

L’inserimento di codice CSS nelle pagine web può essere effettuato in tre modi:

  • Inserendo nel tag <head> della pagina in codice HTML un collegamento ad un foglio di stile esterno, cioè un file contrassegnato dall’estensione .css come negli esempi seguenti, tramite il tag link o tramite la direttiva import, che può essere utilizzata anche negli stessi file .css per collegare più file tra loro:
<html>
<head>
<title>Esempio</title>
<link rel="stylesheet" type="text/css" href="foglio_di_stile.css"/>
</head>

Continua a leggere “Cos’è il CSS? seconda parte”