Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo webdesign

Site com tutoriais para criação FrontEnd Webdesigner

Boa Noite, Hoje quero indicar o site do meu amigo Gabriel Costa , ele contém uma série de tutoriais de qualidade oferecidos de forma gratuita para quem está começando a jornada para se tornar um Web designer de sucesso, com dicas sobre Jquery, Php, Wordpress, Bootstrap entre outros. Um tutorial que me deixou bastante satisfeito pela quantidade de informações relevantes é a série Tutoriais Wordpress com atualmente nove partes e bastante conteúdo. O nome do site é TutorialWebdesign e no site você também encontra Vagas de Ti, oportunidades de negócio e muita notícia. Então vale apena conferir. Tutorial Webdesign http://www.tutorialwebdesign.com.br

Bootstrap 3 Cursos e Tutoriais Gratis Online do Youtube

Uma nova tendência no desenvolvimento web é o desenvolvimento de sites multiplataformas, responsivo que se adapte em vários formatos de mídia, celular, tablet, mobile, smart tv e outros. Para facilitar esse desenvolvimento o Twitter lidera um projeto chamado Bootstrap que é um Guia de Interface de Usuário que permite utilizar componentes comuns utilizados em sites para agilizar esse desenvolvimento.  Por exemplo, Grid de layout, botões, ícones, formulários etc. Lista de componentes prontos em Bootstrap: Glyphicons Dropdowns Button groups Button dropdowns Input groups Navs Navbar Breadcrumbs Pagination Labels Badges Jumbotron Page header Thumbnails Default example Custom content Alerts Progress bars Media object List group Panels Wells Curos de Bootstrap 2 oferecido gratuitamente pelo JCursos (Português) Curso de Bootstrap 3 oferecido de graça pelo  Aprendiendoando  (Espanhol) Tutorial de Bootstrap 3 - Oferecido gratuitamente pelo CodersGuide

Webdesign: Teste seu site no Celular , Tablet e PC Online e esteja preparado para um mundo multi plataformas e responsivo

Você sabe de onde os usuários estão acessando o seu site? Pode ser de Smart Phone, Smart TV, Celular, Computador, e se você que possui um site ou é desenvolvedor UX e UI Design, tem que fazer testes em muitas plataformas para verificar se o Layout do seu site é Responsivo, ou seja, se adapte a essa nova tendência de sites mult-plataformas, Para facilitar essa verificação, foi criado esse emulador que testa o seu site nas principais mídias. Vou falar agora de uma ferramenta muito útil para desenvolvedores e empresas, acesse o site link http://www.agenciafalandonisso.com/responsive.html   e digite a url do seu site ou blog e pressone [ENTER], com isso você vai testar se o site da sua empresa se comporta de forma responsiva, o teste é gratúito  online e offline, uma coisa fantástica que descobri é que é possível testar endereços locais do tipo http://localhost:8080 que é geralmente o serviço web que funciona off-line. Teste seu site e veja se ele é responsivo Site ou layou

JSFiddle - Pegar a posição X e Y do mouse utilizando Jquery Java script

Olá, um dia eu precisei capturar a posição x e y do mouse e ralei bastante porque os livros não traziam essa iformação de uma forma muito didática, até que em um momento consegui, e descobri o JSFIDDLE um site que permite compartilhar códigos e editar html, css e js dinâmico e ter o resultado na hora e com versionamento onde você pode salvar sua própria versão do código, essa é a primeira vez que falo da ferramenta porém existe na web uma infinidade de usuários criando e compartilhando códigos e você pode aprender bastante e contribuir com eles . HTML <div class="mouse">         <br/>         <br/>         <br/>         Passe o mouse </div> CSS .mouse{     height:200px;     width:200px;      border:solid; } JS $(".mouse").mousemove(function (e) {     var mouseX = e.pageX;     var mouseY = e.pageY;     $(".mouse").html("Mouse: X" + mouseX + " " + "Y"+ mouseY); });