Matérias e Links +

  • Geradores de CSS3:
  1. Border radius(Gera bordas com cantos arredondados)/a>
  2. Button Maker(Gerador de botões)
  3. CSS3 Generator
  • Reconhecimento facial com JQuery:


<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>Reconhecimento Facial - jQuery</title>
    <link rel="stylesheet" type="text/css" href="css/styles.css"/>
    <script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
    <script src="js/facedetection/ccv.js"></script>
    <script src="js/facedetection/face.js"></script>
    <script src="js/jquery.facedetection.js"></script>
    <script>
    $(function() {
        $('#try').click(function() {
            var $this = $(this);
            var coords = $('img').faceDetection({
                complete:function() {
                    $this.text('FEITO!');
                },
                error:function(img, code, message) {
                    $this.text('error!');
                    alert('Error: '+message);
                }
            });
            for (var i = 0; i < coords.length; i++) {
                $('<div>', {
                    'class':'face',
                    'css': {
                        'position': 'absolute',
                        'left':     coords[i].positionX +'px',
                        'top':      coords[i].positionY +'px',
                        'width':    coords[i].width     +'px',
                        'height':   coords[i].height    +'px'
                    }
                })
                .appendTo('#content');
            }
        });
        return false;
    });
    </script>
    <style>
        .face {
            border:2px solid #FFF;
        }
    </style>
</head>
<body>
<div id="container">
    <div id="content">
        <a href="#" id="try">CLIQUE PARA RECONHECER FACE</a>
        <img src="img/faces.jpg" id="myPicture"/>
    </div>
</div>
</body>
</html>

 

Mais informações, você encontra aqui.
Anúncios

Obrigado pelo comentário.

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s