AlyenStudio, designer de outro mundo ! » demo http://www.alyenstudio.com Portifólios, temas de SMF, temas para wordpress, notícias, downloads e as ultimas novidades... Thu, 01 Jul 2010 13:01:30 +0000 en hourly 1 http://wordpress.org/?v=3.0 CSS Hover Effect http://www.alyenstudio.com/css-hover-effect http://www.alyenstudio.com/css-hover-effect#comments Sun, 26 Jul 2009 10:19:17 +0000 Alyen http://www.alyenstudio.com/?p=324 CSS Hover Effect, podemos colocar informação adicional para qualquer tipo de imagem. Primero temos uma miniatura que é apresentada por omissão (em condições normais). Deipois temos um texto ea descrição da image.

csshover CSS Hover Effect

Ver Demo – Baixar – Mas Info CSS Hover Effect

]]> http://www.alyenstudio.com/css-hover-effect/feed 2 News Ticker com jQuery http://www.alyenstudio.com/news-ticker-com-jquery http://www.alyenstudio.com/news-ticker-com-jquery#comments Tue, 09 Jun 2009 17:20:16 +0000 Alyen http://www.alyenstudio.com/?p=291 newsticker News Ticker com jQueryNews ticker, outro pratico exemplo de  jQuery que nos permitirá criar caixas animadas que contenham breves notícias. Além de possuir um efeito interior “Slide” ao mudar de notícia em notícia, se lhe adicionou efeitos de desvanecimentos out / in, para que não passem despercebidas. Este efeito permitirá poupar muito espaço se possuis muitos anunciantes.

Ver Demo – Baixar – Mas Info News ticker with jQuery and ten lines of code

]]> http://www.alyenstudio.com/news-ticker-com-jquery/feed 2 Gallery – Theme WordPress http://www.alyenstudio.com/gallery-theme-wordpress http://www.alyenstudio.com/gallery-theme-wordpress#comments Fri, 08 May 2009 08:36:18 +0000 Alyen http://www.alyenstudio.com/?p=267 screenshot 1 homepage Gallery Theme WordPressGallery um exelente Theme WordPress com o qual podemos montar galerias ou Porfolios. Possui uma estrutura realmente muito bonita tanto em Home como em paginas individuais. Gallery theme foi desenhado por Christopher Wallace especialmente para Smashing Magazine e é totalmente gratuito.

Ver Demo -  Baixar Theme Gallery – Fonte: xyberneticos.com.

]]> http://www.alyenstudio.com/gallery-theme-wordpress/feed 4 Javascript Image Combobox, dar vida nas suas select http://www.alyenstudio.com/javascript-image-combobox-dar-vida-nas-suas-select http://www.alyenstudio.com/javascript-image-combobox-dar-vida-nas-suas-select#comments Thu, 16 Apr 2009 14:46:19 +0000 Alyen http://www.alyenstudio.com/?p=252 Javascript Image Combobox é um plugin jQuery que permite que nossos elementos <select/> tenha uma vida que até agora não podiam ter.

preview Javascript Image Combobox, dar vida nas suas selectSe trata de uma extensão que permite que os items dos <select/> tenham uma imagem para facilitar a seleção de items dentro de uma listagem de opções. Para isso fazem usamos um atributo (não estandar) do elemento <option /> chamado icon, que indicará de onde pegar a imagem que mostraremos junto ao <option />.

Despues com uma linha de Javascript este atributo se converterá numa imagem alojada dentro do <select />.

MSDropDown.init();

Se você quer ver uma demo de como ficaria, podes dar uma olhada clicando aqui – Via anieto2k.com.

]]> http://www.alyenstudio.com/javascript-image-combobox-dar-vida-nas-suas-select/feed 0 Sliding Boxes and Captions – Caixas com legendas deslizantes http://www.alyenstudio.com/sliding-boxes-and-captions-caixas-com-legendas-deslizantes http://www.alyenstudio.com/sliding-boxes-and-captions-caixas-com-legendas-deslizantes#comments Mon, 06 Apr 2009 14:38:05 +0000 Alyen http://www.alyenstudio.com/?p=231 Sliding Boxes and Captions with jQuery, uma prática jquery que lhes permitirá montar caixas com lendas deslizantes; uma idéia que poderia chegar a ser bastante útil, à hora que desenvolvam suas porfolios ou galerias fotográficas. Possui uma variedade de efeitos escolher e podem manipulá-los como agradem.

slidinboxes Sliding Boxes and Captions Caixas com legendas deslizantesVer Demo – Baixar - Mas Info Buildinternet

]]> http://www.alyenstudio.com/sliding-boxes-and-captions-caixas-com-legendas-deslizantes/feed 0 TinyTable – Script de tão só 2.5KB para criar Tabelas personalizadas http://www.alyenstudio.com/tinytable-script-de-tao-so-25kb-para-criar-tabelas-personalizadas http://www.alyenstudio.com/tinytable-script-de-tao-so-25kb-para-criar-tabelas-personalizadas#comments Mon, 30 Mar 2009 18:27:10 +0000 Alyen http://www.alyenstudio.com/?p=224 tinytable TinyTable Script de tão só 2.5KB para criar Tabelas personalizadasTinyTable, outro script de só 2.5KB com o qual poderemos criar tabelas personalizadas. Inclui características muito interessantes como a opção de destacar colunas, opção de paginação, adicionar enlaces e datas, Ordenamento, reconhecimento automático de dados, e demais. Testeado em Firefox 2/3, IE 6/7/8, Opera, Safari e Chrome.

Ver Demo – Baixar - Mas Info TinyTable

]]> http://www.alyenstudio.com/tinytable-script-de-tao-so-25kb-para-criar-tabelas-personalizadas/feed 0 AJAX Newsletter Module http://www.alyenstudio.com/ajax-newsletter-module http://www.alyenstudio.com/ajax-newsletter-module#comments Fri, 20 Mar 2009 09:48:05 +0000 Alyen http://www.alyenstudio.com/?p=206 newslettermodulo AJAX Newsletter ModuleFantastic AJAX Newsletter Module, é uma prática e singela aplicação para gerar boletins Informativos ou Newsletter. Tão simples de utilizar, que só é necessário alojá-la em nosso servidor para começar a utilizá-la. Permite arquivar todos os boletins enviados, gerir direções de correio eletrônico, gerir categorias e configurar planilhas para correios eletrônicos. É uma opção prática para aqueles que faz tempo procuravam algo realmente simples. É de código livre, asique podem ajudar a melhorá-la.

Ver demo – Baixar – Via Xyberneticos – Mas Info NET.tutsplus.com

]]> http://www.alyenstudio.com/ajax-newsletter-module/feed 0 4 Ferramentas para otimizar CSS http://www.alyenstudio.com/4-ferramentas-para-otimizar-css http://www.alyenstudio.com/4-ferramentas-para-otimizar-css#comments Fri, 27 Feb 2009 09:55:26 +0000 Alyen http://www.alyenstudio.com/?p=188 Sempre se pode otimizar os códigos, aqui vou dar uma pequena lista de ferramentas singelas e muito úteis para melhorar e reduzir o tamanho das folhas de estilos.

Para realizar nosso teste, vamos utilizar a folha de estilo de Kabytes que atualmente tem um peso de 8.256KBtrans 4 Ferramentas para otimizar CSS

  • Clean CSS : Muito fácil de utilizar simplesmente colamos o código ou lhe damos a url do mesmo.
  • CSS Teak : Similar ao anterior, com uma utilidade de que podemos baixar um widgets para OSX. É muito prático já que uma vez que subimos o arquivo para otimizar o site  nos devolve o css otimizado pronto para baixar.
  • flumpCakes : Mesma metodologia, não é tão pratico, quando gera o código otimizado temos que o copiar e colar no novo css de forma manual.
  • Icey CSS Compressor : Extremamente rápido, tem o mesmo “problema” do anterior que não gera o arquivo, você tem que o copiar diretamente do html que o site gera.

Resultados:

compresion css 4 Ferramentas para otimizar CSS

]]> http://www.alyenstudio.com/4-ferramentas-para-otimizar-css/feed 6 LogoZu – Logos Vectorizados http://www.alyenstudio.com/logozu-logos-vectorizados http://www.alyenstudio.com/logozu-logos-vectorizados#comments Tue, 03 Feb 2009 11:04:02 +0000 Alyen http://www.alyenstudio.com/?p=161 logozu LogoZu Logos VectorizadosSe estas procurando logos populares, para finalizar um trabalho, criar publicidade, bandeiras ou o que seja, LogoZu é outro lugar onde podemos encontrar uma ampla variedade de logos vectorizados pronto para ser baixados. Só temos registrar de forma gratuita, logar e começar a baixar.

Link LogoZu – Fonte xyberneticos.com.

]]> http://www.alyenstudio.com/logozu-logos-vectorizados/feed 0 jQuery – Fade in/out http://www.alyenstudio.com/jquery-fade-inout http://www.alyenstudio.com/jquery-fade-inout#comments Mon, 02 Feb 2009 17:31:11 +0000 Alyen http://www.alyenstudio.com/?p=158 jqueryfade jQuery Fade in/outJquery Fade In.Fade Out – É uma libéria jquery que nos permitirá agregar efeitos de desvanecimento a qualquer elemento de nossa web, seja Texto, imagens ou todos os elementos dentro de uma DIV. Os desvanecimentos se apresentam num 30% e ao situar o nosso mouse sobre o mesmo o leva ao 100%, fazendo um efeito visual bem atraente.

Ver Demos -  Baixar o Script – Uso e Info Jquery Fade In.Fade Out

Fonte visual-blast

]]> http://www.alyenstudio.com/jquery-fade-inout/feed 0