Category Archives: CSS3

CSS3: Efectes útils: Paper, cantonades, etc…

USA Flag German Flag Spain Flag
CSS3 logo
http://www.w3.org/Style/CSS/

CSS3: Efectes útils

Al crear un article per a Internet, per una publicació, per a una reunió, o simplement per quedar amb una possible parella, a més del contingut es important tenir una bona presencia.

En el món d’Internet, una de les millores més importants es el CSS3, així que he fet un recull de efectes que es poden aconseguir i que, ben utilitzats poden ser molt útils.

Efecte Exemple Info. Add.
Paper

paper

paper 3…

paulund.co.uk
Paper-Example
css3: Pàgina sencera
CSS curls example
Fulls paper

fulls apilats
Layered Paper
Paper ratllat de “cole”

paper Cole
Ruled Paper
Mùltiples imatges CSS3: Mùltiples imatges
Codi informàtic
code informàtic
Cantonades arrodonides CSS3 cantonades
Text inclinat CSS3: Text inclinat
Paper doblegat Mozilla Paperfold (CSS, JS)
CSS3: Doblegat suau
Anuncis

HTML5 i CSS3: Fonts d’informació i generadors

CSS3 logo
http://www.w3.org/Style/CSS/

Fonts d’informació

Al començar a programar en HTML5 i CSS3 cal obtenir una font d’informació fiable i que aporti exemples, i els apartats més interessants.

Faig aquí un recull de llocs on tractar aquests temes.

Tema On?
HTML General HTML (ENG)
Un excel·lent resum de HTML5 de 1 pàgina (Gràcies a Smashingmagazine.com)
CSS General CSS(ENG)
DIV (ENG)

Exemple display:inline
nav (ENG)
Exemples menu horitzontal (Spanish)

Grafics
Canvas (ENG)
canvas i SVG (ENG)
SVG (ENG)
Un  generador gratuït i força interessant: canva.com
CSS selectors:
# . *
CSS Selectors (ENG)
Herència i cascada
Fonts W3.org-fonts
Font, @Font-face
CSS3 Fontface
Generadors CSS CSS3generator.com
Gradients Generator
CSSPortal.com Rounded-corner, menus i 1000 trucs
CSS3maker.com – menus i més
CSS3.com
media

Utilitzat per a disseny adaptable (“responsive“) a diferents dispositiusScreen resolution
alistapart.com – Responsive

CSS Selectors

 

::after

W3schools-Selectors

p::after
{content:"- Remember this";}

per exemple, afegeix el text a tots els paràgrafs.

Enllaços relacionats:

 

%d bloggers like this: