AlyenStudio, designer de outro mundo ! » html 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 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 Dss-Card.com http://www.alyenstudio.com/dss-cardcom http://www.alyenstudio.com/dss-cardcom#comments Wed, 18 Feb 2009 16:26:09 +0000 Alyen http://www.alyenstudio.com/?p=184 Cliente: DSS-CARD.com
Idioma: Espanhol
Compania: DSS-CARD
Programação: Prototype, XHTML y CSS.
dss card layout 590x469 Dss Card.com

O cartão “DSS-CARD” foi criado com a intenção de facilitar aos nossos sócios um importante descontos em seus orçamentos em viagens ao estrangeiro…

Visitar, http://www.dss-card.com/

]]> http://www.alyenstudio.com/dss-cardcom/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 Sexy Page Curls – Dobrar as esquinas com jQuery http://www.alyenstudio.com/sexy-page-curls-dobrar-as-esquinas-com-jquery http://www.alyenstudio.com/sexy-page-curls-dobrar-as-esquinas-com-jquery#comments Mon, 26 Jan 2009 09:20:38 +0000 Alyen http://www.alyenstudio.com/?p=148 sexy curl pluginEstes efeitos normalmete era gerado mediante javascript + imagens + .sfw (flash). Sexy Page Curls, mostra outra alternativa, esta vez baseada em Jquery, com um efeito tão atraente como os demais e com o mesmo fim.

Link Sexy Page Curls

Via webmasterlibre

]]> http://www.alyenstudio.com/sexy-page-curls-dobrar-as-esquinas-com-jquery/feed 2 $fx() – JavaScript animation library http://www.alyenstudio.com/fx-javascript-animation-library http://www.alyenstudio.com/fx-javascript-animation-library#comments Mon, 26 Jan 2009 09:13:13 +0000 Alyen http://www.alyenstudio.com/?p=145 $fx()

$fx()

$fx() ver 0.1 é um pequeno e realmente muito flexível Javascript para animar elementos HTML. Permite alterar qualquer propriedade CSS, combinar efeitos em corrente ou em paralelo, também tem capacidade para estabelecer diferentes chamadas que lhe dá ainda mais flexibilidade.

Os exemplos e as idéias de como implementar me deixou fascinado, asim que dediquem um pouco de tempo para ver de que se trata.

Link  $fx() ver 0.1 -Exemplos e Manual de uso – Baixar

]]> http://www.alyenstudio.com/fx-javascript-animation-library/feed 0