Mudanças entre as edições de "Categoria:Desenvolvimento web"

De MochilaWiki
Ir para navegaçãoIr para pesquisar
 
(38 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
Exemplo de css + div - css Zen Garden: A Beleza em Design CSS
+
=== target com jquery ==
* http://www.csszengarden.com/tr/portuguese/
+
<source lang="jquery">
 +
$('a.externo').click(function(){
 +
$(this).attr('target','_blank');
 +
});
 +
</source>
  
 +
ai basta colocar a classe externo onde é link externo em a
  
 +
* [http://youtubebrblog.blogspot.com.br/2010/03/novo-tamanho-padrao-para-videos.html medidas de vídeos para blog]
 +
* [http://arquiteturadeinformacao.com/usabilidade/entregaveis-de-arquitetura-de-informacao/ Os entregáveis da Arquitetura de Informação]
 +
* [https://4ed.cc/br/revista/projetos/uma-fonte-em-blocos-para-mockups-e-wireframes  Uma fonte em blocos para mockups e wireframes]
 +
 +
resize menu
 +
* http://callmenick.com/post/animated-resizing-header-on-scroll
 +
* http://www.webdesignerdepot.com/2013/03/how-to-create-a-resizing-menu-bar/
 +
* https://forum.pagelines.com/topic/37633-tutorial-resize-the-fixed-header-and-logo-on-scroll/
 +
 +
Owl Carousel
 +
* https://www.drupal.org/project/owlcarousel
 +
* http://owlgraphic.com/owlcarousel/
 +
* http://legomenon.io/article/drupal-7-configuration-owl-carousel
 +
* https://github.com/OwlFonk/OwlCarousel
 +
* https://www.drupal.org/project/owlcarousel
 +
* http://www.slidesjs.com/
 +
* http://pedroduarte.me/wallop/
 +
* http://kenwheeler.github.io/slick/
 +
 +
 +
jcarousel
 +
* http://sorgalla.com/jcarousel/
 +
* http://www.rio2016.com/ usando drupal com jcarousel
 +
 +
Outros carrosseis
 +
* http://kenwheeler.github.io/slick/
 +
* http://flickity.metafizzy.co/
 +
 +
modal
 +
* http://sorgalla.com/lity/
 +
* http://izimodal.marcelodolce.com/
 +
 +
== customizando select / dropdown ==
 +
* http://jsfiddle.net/danield770/YvCHW/4229/
 +
* http://www.scribbletribe.com/how-to-style-the-select-dropdown/
 +
* http://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/
 +
* https://coderwall.com/p/w7npmq/fully-custom-select-box-simple-css-only
 +
 +
== rascunho ==
 +
* http://flipgallery.net/
 +
* http://www.codigosnaweb.com/forum/Banner-expansivel-em-JavaScript-efeito_3_5991.html
 +
* http://www.web3mantra.com/tag/facybox/
 +
* http://www.aerowebstudio.net/codecanyon/jquery.lightbox/
 +
* http://jonraasch.com/blog/quickflip-2-jquery-plugin
 +
* http://visionwidget.com/latest-jquery-plugins.html
 +
* http://visionwidget.com/jquery-accordion-slider-menu.html
 +
* http://nicolahibbert.com/demo/liteAccordion/
 +
* [http://www.spip-contrib.net/JQuery-Masonry api em jquery que re-arranja conteúdo da página por tamanhos]
 +
* [http://www.pinceladasdaweb.com.br/blog/2011/10/03/slideshow-com-jcarousel/#more-5181 Slideshow com jCarousel]
 +
* [http://workshop.rs/projects/coin-slider/ COIN SLIDER - jQuery Image Slider with Unique Effects]
 +
* [http://workshop.rs/projects/jqfancytransitions/ jqFancyTransitions - slideshow with strip effects]
 +
* [http://www.mycssmenu.com/visual_interface/template9/template.html auxilia na criação de menu dropdown]
 +
* [http://clip-bucket.com/ ClipBucket]
 +
* [http://www.cleancss.com/CSS Formatter and Optimiser]
 +
* [http://border-radius.com/ border radius generator]
 +
* [http://dev.opera.com/articles/view/css3-border-background-boxshadow/ CSS3 borders, backgrounds and boxes]
 +
* [http://css3pie.com/ CSS PIE]
 +
* [http://phpfmg.sourceforge.net/ auxilia na criação de formulario web]
 +
* [http://craigmod.com/bibliotype/ solução para sites com textos longos e com recursos para customizar visualização da página]
 +
* http://www.alsacreations.fr/dewplayer
 +
* [http://codecs.ofmlabs.org/ ofmlabs codecs - A suite of JavaScript audio codecs (mp3/alac)]
 +
* [http://www.criarsites.com/button-maker-crie-mini-botoes-para-o-seu-site/ Button Maker – Crie Mini Botões para o seu site]
 +
 +
form
 +
* http://phpfmg.sourceforge.net/
 +
* http://dform.codigolivre.org.br/
 +
* http://sourceforge.net/projects/phpformgen/
 +
 +
captcha
 +
* http://www.mariosam.com/internet/dicas-de-programador/captcha-inverso-seguranca-em-formularios
 +
* http://ribafs.org/demo/text_captcha/
 +
 +
The PNG problem in Windows Internet Explorer
 +
* http://homepage.ntlworld.com/bobosola/
 +
 +
tocador de mp3 - flash
 +
* http://www.webminster.org/WebPlayer/HomePage
 +
* http://xspf.org/applications/
 +
* http://www.colewebs.org/spip.php?article24&esqueleto=minigrispip
 +
 +
 +
* [http://jimmac.musichall.cz/style/fonts.css recurso para fonts no css3]
 +
* [http://www.csszengarden.com/tr/portuguese/ Exemplo de css + div - css Zen Garden: A Beleza em Design CSS]
 
* [http://www.bengalalegal.com/acesso.php Como Fazer Acessibilidade nas páginas da WEB]
 
* [http://www.bengalalegal.com/acesso.php Como Fazer Acessibilidade nas páginas da WEB]
 
* [http://www.vivaolinux.com.br/artigo/Controle-de-banda-de-dominios-virtuais-no-Debian-Etch/ Controle de banda de domínios virtuais no Debian Etch]
 
* [http://www.vivaolinux.com.br/artigo/Controle-de-banda-de-dominios-virtuais-no-Debian-Etch/ Controle de banda de domínios virtuais no Debian Etch]
 
* [http://www.dkcell.com.br/design/2007/icones-rss/ Ícones RSS para usar nos seus sites]
 
* [http://www.dkcell.com.br/design/2007/icones-rss/ Ícones RSS para usar nos seus sites]
 
* [http://www.cssreboot.com/ Web Design Gallery]
 
* [http://www.cssreboot.com/ Web Design Gallery]
 
  
 
* [http://www.phpbb.com/ serviço de fórum]
 
* [http://www.phpbb.com/ serviço de fórum]
Linha 13: Linha 100:
 
* [http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html formulário com css]
 
* [http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html formulário com css]
 
* [http://www.scriptol.com/scripts/thumbnail-maker.php cria thumb imagem]
 
* [http://www.scriptol.com/scripts/thumbnail-maker.php cria thumb imagem]
 
efeito fader com js e css
 
* http://slayeroffice.com/code/imageCrossFade/xfade2.html
 
* http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm
 
* http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
 
 
phpslideshow
 
* http://sneak.co.nz/projects/img-resizing/
 
* http://interface.eyecon.ro/demos/slideshow.html
 
* [[Smoothgallery]]
 
* http://www.maani.us/slideshow/index.php
 
 
  
 
* [http://www.mateussouza.com/javascript/criando-um-slideshow-usando-mootools-tutorial-mootools Criando um Slideshow usando Mootools – Tutorial Mootools]
 
* [http://www.mateussouza.com/javascript/criando-um-slideshow-usando-mootools-tutorial-mootools Criando um Slideshow usando Mootools – Tutorial Mootools]

Edição atual tal como às 19h40min de 21 de agosto de 2017

= target com jquery

$('a.externo').click(function(){
$(this).attr('target','_blank');
});

ai basta colocar a classe externo onde é link externo em a

resize menu

Owl Carousel


jcarousel

Outros carrosseis

modal

customizando select / dropdown

rascunho

form

captcha

The PNG problem in Windows Internet Explorer

tocador de mp3 - flash


tocador de mp3 do yahoo

tocador de flv

simples captchas

Páginas na categoria “Desenvolvimento web”

As seguintes 14 páginas pertencem a esta categoria, de um total de 14.