CSS, HTML, JavaScript, Web development, ...
_ cssguidacompleta.com
_ twitter.com/giatro
_ github.com/giatro

Loading tweet...

Loader
answer mask

Ok, il problema sono le API di Google: le sta dismettendo per creare un servizio a pagamento e sta riducendo il numero di richieste che possono essere inviate all’API.

Soluzione: usarò altre API.

31 CSS Code Snippets To Make You A Better Coder

31 CSS Code Snippets To Make You A Better Coder | Design your way - http://goo.gl/1dQnE - via @HTML5aldente

My first Google Chrome extension: https://chrome.google.com/webstore/detail/goanabmlmgfinmjohhepcpffcnkeobjm

quote mask
quote mask

Tip JavaScript: `apply` method

invoke foo.apply(w,[x,y,z]); it’s equivalent to invoke foo(x,y,z); with this equal to w.

Example:

foo = function(a,b,c) {
    return (a+b+c)*this.x;
}

foo.apply({x:4},[1,2,3]);
// returns 24 (1+2+3)*4 = 6*4 = 24
quote mask
HTML vs CSS by eelke dekker, from Flickr

HTML vs CSS by eelke dekker, from Flickr

Tip CSS3, 2D transforms: rotate

Rotate foo 90 deg clock wise:

div.rot90{
  -webkit-transform : rotate(90deg);
  -moz-transform : rotate(90deg);
  -o-transform : rotate(90deg);
}

Full example:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"> 
    <title>Tip CSS3, 2D transforms: rotate</title>
    <style>
      body{
        font:24px 'museo 300';
      }
      div{
        width:100px;
        height:100px;
        background:#668EB1;
        color:#FFF;
        margin:20px;
        padding:10px;
        border-radius:0 40px 0 0;
      }
      div.rot90{
        background:#F79300;
        color:#000;
        -webkit-transform : rotate(90deg);
        -moz-transform : rotate(90deg);
        -o-transform : rotate(90deg);
      }
    </style>
  </head>
  <body>
    <div>Hello, world.</div>
    <div class="rot90">Hello, world.</div>
  </body>
</html>

jQTouch Cheat Sheet

jQTouch Cheat Sheet: use it with phonegap to create iPhone and Android apps based on HTML5, CSS and JavaScript).

Vito Sans on the Behance Network

A typeface born in a little town called San Vito lo Capo in Sicily (Italy).

My Opinion: a beautiful font!

Developing iPhone and Android apps using HTML5, CSS3 & JavaScript: suggested tools

To convert HTML5 + CSS3 + JavaScript web applications into native apps for iPhone or Android you can successfully use Phonegap.

To develop HTML5 + CSS3 + JavaScript mobile web apps that look native on iPhone and Android you can use:

  • Sencha Touch: HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel native on iPhone and Android touchscreen devices;
  • jQTouch: A jQuery plugin for mobile web development on the iPhone, iPod Touch, and other forward-thinking devices;
  • jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets.

Tip JavaScript: differences between ‘=’ & ‘==’ & ‘===’

JavaScript supports two differents “equal” operators “==” and “===”.

A == B it’s true if A and B are equivalent. By example:

0 == "" // returns true
0 == false // returns true
"" == false // returns true
1 == true // returns true

A === B it’s true if A and B are identical. By example:

0 === "" // returns false
0 === false // returns false
"" === false // returns false
1 === true // returns false
0 === 0 // returns true

Attention please! A = B assigns to A the value of B and returns the value of B.