PlayStop.net

Blog

Coisas Legais

A Juliana Não Quer Sambar - Making Of

Tudo começou com uma maldita música, ou melhor, maldito verso de determinada música, que não saía da minha cabeça mas nem por decreto judicial.

A Juliana não quer sambar. Samba Juliana, samba Juliana, samba Juliana, samba!

Resolvi canalizar essa porra em forma de ~~ arte ~~

Eis o passo-a-passo seguido do resultado final:

a_juliana_nao_quer_sambar_1.jpg

a_juliana_nao_quer_sambar_2.jpg

a_juliana_nao_quer_sambar_3.jpg

a_juliana_nao_quer_sambar_4.jpg

a_juliana_nao_quer_sambar_final.jpgSamba, ordinária.

Queria avisar que terão outros como esse, e que o próximo é com Sidney Magal.

9 bandas que marcaram a minha vida

13.10.2011 |  5 Comentários

Todo mundo tem cantores(as), bandas e, principalmente, músicas que marcaram a vida de uma certa forma. No meu caso, não teve nenhum evento marcante ou coração partido - tá, teve, mas tratei de desassociar rapidinho. Vamos relembrar (ou conhecer) algumas dessas bandas - que já vou adiantando, são incríveis.

O que todas elas têm em comum?
  • Vocais femininos (alô, girl power)
  • A maioria foi descoberta através da MTV (quem iria imaginar)
  • Músicas maravilhosas
  • De certa forma, são meus guilty pleasures
  • ALERTA ANOS 90! A maioria é, ou foi descoberta por mim nessa época
  • Grande parte não existe mais ou está numa "pausa indeterminada" ¬¬
1. Garbage

O jeito como conheci essa banda foi tão surreal quanto o fanatismo que desenvolvi por ela posteriormente (e que deixa sequelas até hoje). Era 1998, 6ª série, eu já achava que era gente. Estava na casa da minha amiga, pra festinha de aniversário dela. Na TV, o Disk MTV. De repente, começa a passar um dos clipes mais dorgas que eu já vi: Push It - SIM, GARBAGE NO DISK MTV.

Fiquei hipnotizada. Nunca tinha visto um clipe tão WTF. Mas esqueci rápido :D
Uns dias depois, pra ser mais precisa, num sábado de manhã, estava assistindo à MTV (e pensar que esse canal já foi bom e me proporcionou bons momentos musicais). Aí me começa a passar Only Happy When it Rains, que é somente a melhor fucking música de todos os fucking tempos!!!

Pronto, aquilo foi o suficiente. O que era aquela música? E os vestidos da Shirley Manson, o cabelo? O CABELO!!! Quem nunca quis ter aquele cabelo e vestir aqueles vestidos? ALOKA.

Ultimamente, ninguém tinha mais notícias do Garbage, e muitos achavam que a banda tinha acabado (NÃOOOOO D:). Mas, recentemente, eles anunciaram que estão gravando um álbum novo (AEEEEEEEEE :D). E estão bastante ativos no Twitter (eles me seguem *______*) e Facebook, sempre postando novidades sobre o andar da carruagem, com direito a fotos e vídeos, para o meu, o seu, o nosso deleite *_*

2. Luscious Jackson

Mais uma do tempo que a MTV era boa. Também num dia e horário aleatórios, passou o clipe de Naked Eye e, pra minha sorte, já existia Internet. E o Napster. Mas elas eram tão alternativas que eu tive que recorrer ao Audiogalaxy (saudades dolorosas) pra baixar a discografia completa, que é SENSACIONAL.

Essa música não é Ó-T-I-M-A? Naked is a state of mind!

3. Roxette

Era 1996, meu pai havia acabado de comprar nosso primeiro aparelho de som que tocava CD. E um dos primeiros CDs que ele adquiriu foi o Greatest Hits do Roxette. VICIEI na hora e roubei o CD pra mim. Escutei tanto aquilo (e bem alto) que ninguém aguentava mais, nem minha própria família, quem dirá os vizinhos. Such a classic.

4. Spice Girls

Não lembro direito, mas acho que conheci as Spice como todo mundo - sendo bombardeada de repente com notícias e músicas delas, já que foram um belo de um fenômeno, na época. E, como toda pré-adolescente dos anos 90, virei fã, dancei as músicas, imitei (eu era a Geri), pendurei pôsteres em todos os espaços que meu humilde quarto oferecia. Achava elas lindas e fashion, hoje olho as fotos daquele tempo e...

5. No Doubt

Conheci do mesmo jeito que a maioria das pessoas (Don't Speak :D). Mas a banda despertou meu interesse mesmo quando, numa das minhas assistidas aleatórias à MTV, passou o clipe de Just a Girl.

Um tempo depois, num dia de muita sorte, achei o Tragic Kingdom numa loja de CDs usados. Eta dinheiro bem gasto! A partir daí foi só amor por essa banda, que, como o Garbage, está no estúdio e não sei se meu coração vai aguentar as minhas bandas favoritas lançando álbuns em breve. É MUITA EMOÇÃO!!

6. The Cranberries

Eu só sei que ODIAVA com todas as minhas forças Linger, e toda vez que ela tocava no rádio, eu desligava, mudava de estação, sei lá. Criança é um bicho besta! Aí eu cresci, virei mulher, encarei com muita fé e baixei a discografia dos Cranberries, e Linger se tornou uma das minhas músicas favoritas de todos os tempos, com direito a ser tocada no violão.

7. Curve

Ah, o Curve. Talvez a banda mais diferente, alternativa (falam que o gênero é "Shoegaze" -q), obscura dessa lista. Não consigo descrever o que é, só sei que me arrepia. Conheci essa banda no Orkut (risos), na comunidade do Garbage, num daquelas tópicos "que outras bandas você curte?". Alguém falou do Curve, e sua vocalista Toni Halliday que tem a voz muito parecida com a da Shirley Manson. E tem mesmo, mas não sei, a pegada era diferente. Só ouvindo pra entender. Uma pena que acabou. :'(

8. Girls Aloud

Ai, gente, Girls Aloud é TÃO LEGAL! Muito triste que elas estão nessa pausa ridícula! Nem sei se voltam, mas o material que elas produziram já é lendário! Conheci as GA já velha, na faculdade. Uma amiga me emprestou um CD desses que a gente grava com várias músicas de vários artistas (uma espécie de mixtape das antigas, só que com as músicas separadas. RISOS). Tive que ouvir umas 15 faixas até chegar em Sound of the Underground. É possível ficar completamente viciada numa música ouvindo-a somente uma vez? É.

Hahaha, como elas eram mal-produzidas, meu Deus!!! Acho que esse clipe me traumatizou, e eu fiquei um tempo sem ouvir. Aí sei lá, meu deu a louca um dia e resolvi baixar uns CDs delas. Nem precisa dizer o estrago que elas fizeram no meu Last.fm. Acho que nunca nenhum outro artista irá ultrapassá-las.

9. The Cardigans

Algumas bandas deveriam ser proibidas de acabar. Uma delas é o The Cardigans. O motivo, é que só me apaixonei por eles depois que tocaram no Brasil. MUITO TRISTE :((((((

Bom, como todo mundo, também os conheci por causa de Lovefool. E um tempo depois, achei bem legal o clipe de My Favourite Game, que tinha 4 finais (amo que descobri isso pelo Vídeo Show).

Mas naquela época era só uma banda legal, nada mais. Aí que no meu último ano de facul, decidi que eu ia baixar a discografia deles. Pra que... Só para eles pularem pro 2º lugar de banda mais executada do meu Last.fm em menos de 3 meses. O melhor dos Cardigans é que eles têm ao mesmo tempo músicas alegres e fofinhas (Lovefool), e músicas deprê-corta-pulso (todo o álbum Long Gone Before Daylight). Tinha uma música pra cada oscilação de humor minha, afinal, eu estava em ano de TCC. E isso é mais um motivo da banda ter marcado tanto, pois foi nessa época tão louca da minha vida que eu mais ouvi The Cardigans.

Menções honrosas
  • Destiny's Child (I'm a Surviiivooor)
  • Cowboy Junkies (descobri na mesma época que o Roxette)
  • The Donnas (ouvi MUITO, mas enjoei, rs)
  • Goldfrapp (muito triste de perdê-los no Planeta Terra)
  • Sugababes (no tempo que elas eram legais)
  • Eisley (descobri esse ano e já mora no meu coração)

Efeito Acordeon com CSS3

13.06.2011 |  12 Comentários

Vamos aproveitar o mês de junho, e falar de algo sempre presente nas festas juninas e, ultimamente, também no webdesign? Gente, ignorem esse parágrafo, foi péssimo.

Sabe aqueeeele efeito acordeon, acordeão, accordion, sanfona, whatever, que todo mundo usa ou um dia já quis usar? Dá pra ser reproduzido apenas com CSS3! E eu vou lhes mostrar como.

Você vai precisar de:
  • 1 página simples em .html
  • 1 arquivo .css para o estilo
  • 1 div com a id "accordion"
  • 4 sub-divs com o conteúdo
  • 1 tesoura sem ponta
Modo de preparo

Crie a página base, dispondo os elementos de forma a criar um código harmonioso:

<!DOCTYPE html>
<html lang="pt_BR">
    <head>
        <meta charset="utf-8"/>
        <title>Efeito Acordeon com CSS3</title>
    </head>

    <body>
    </body>
</html>

Este é o código do menu, que deverá se acrescentado ao <body> da mistura:

<div id="accordion">

    <div class="content" id="item1">
        <h4><a href="#">Item 1</a></h4>
        <p>Texto contido no item 1.</p>
    </div>

    <div class="content" id="item2">
        <h4><a href="#">Item 2</a></h4>
        <p>Texto contido no item 2.</p>
    </div>

    <div class="content" id="item3">
        <h4><a href="#">Item 3</a></h4>
        <p>Texto contido no item 3.</p>
    </div>

    <div class="content" id="item4">
        <h4><a href="#">Item 4</a></h4>
        <p>Texto contido no item 4.</p>
    </div>

</div>

Senti que estava faltando sustância, então incrementei com o Bacon Ipsum:

<div id="accordion">

    <div class="content" id="bacon">
        <h4><a href="#">Bacon ipsum</a></h4>
        <p>Bacon ipsum dolor sit amet eiusmod tail ut pig, in veniam shoulder pork belly short loin cupidatat drumstick rump meatball. Non flank pancetta, tempor shankle tail rump jowl pork loin. Tail nisi cow, short loin ut biltong pig beef ribs fatback aliqua. Ham proident salami, minim aliqua nisi tenderloin ex pastrami incididunt. Strip steak consequat enim fugiat drumstick ullamco ut incididunt laboris flank, hamburger pork meatball. Culpa hamburger tenderloin, jerky turkey corned beef mollit pork chop aliqua ex. Officia duis culpa, pork chop ea meatloaf proident.</p>
    </div>

    <div class="content" id="ribs">
        <h4><a href="#">Spare ribs</a></h4>
        <p>Est sint incididunt venison corned beef irure. Spare ribs shoulder do, elit meatball sint dolore sed. Sirloin pig biltong cillum, meatball labore meatloaf. Ex est chicken, minim ut pancetta nostrud pork belly magna shankle. Drumstick pancetta jerky aliqua dolor, in ad. Culpa shank in t-bone swine aliqua, excepteur jowl meatball dolore reprehenderit. Proident ham flank pariatur venison, pig in bresaola est ut eu officia ham hock pancetta.</p>
    </div>

    <div class="content" id="hamburger">
        <h4><a href="#">Culpa hamburger</a></h4>
        <p>Consectetur pork loin nulla strip steak ut, ex id venison adipisicing irure beef shank fatback dolore. Turkey dolore sed deserunt, pork consectetur jowl pork chop dolore elit dolor do flank. Hamburger sirloin velit, tempor flank ribeye meatball reprehenderit short ribs fatback fugiat tail. Enim chicken t-bone drumstick dolore, do eiusmod pig laborum consectetur irure sint spare ribs strip steak sausage. Reprehenderit bacon id, dolor aliqua t-bone pork belly ham hock irure sed laborum chuck minim voluptate. Sed qui spare ribs, shoulder sirloin nostrud exercitation officia enim flank venison in beef ribs magna. Jerky elit turkey adipisicing, pork belly officia pariatur occaecat.</p>
    </div>

    <div class="content" id="pork">
        <h4><a href="#">Consectetur pork</a></h4>
        <p>Exercitation turkey ex, shoulder veniam chuck proident dolore pork chop nisi. Tongue cillum meatloaf, pork laboris dolore qui aute cupidatat nulla. Minim aliquip hamburger, veniam nulla fugiat laborum dolore esse cupidatat commodo sunt. Tongue veniam ground round, minim bresaola ullamco exercitation. Hamburger do sunt, t-bone ut pig laboris drumstick. Ea drumstick tri-tip short ribs, eu salami dolore shank shankle meatloaf tail aliqua meatball sint. Ullamco exercitation labore pork.</p>
    </div>

</div>
Fazendo funcionar

Agora vamos dar liga a essa massa. Insira o código abaixo na <head>, que chama a folha de estilo:

<link rel="stylesheet" type="text/css" href="style.css" />

Crie o dito cujo do style.css e cole este código:

/* reset */
* {
    list-style: none;
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    text-decoration: none;
    font: 14px/16px tahoma, sans-serif;
}

#accordion {margin: 50px auto; width: 400px;} /* margin auto centraliza o menu */

#accordion .content {
    border: 1px solid #bbb;
    padding: 10px;
    cursor: pointer;
    
    /* altura fixa e overflow hidden para que o conteúdo que deve ser ocultado, seja ocultado */
    height: 17px;
    overflow: hidden;

   /* transition */
    transition: height ease-in-out 300ms;
    -o-transition: height ease-in-out 300ms;
    -moz-transition: height ease-in-out 300ms;
    -webkit-transition: height ease-in-out 300ms;
}

/* uma altura para cada conteúdo, que será exibido ao passar o mouse */
#accordion #bacon:hover {height: 195px;}
#accordion #ribs:hover {height: 165px;}
#accordion #hamburger:hover {height: 230px;}
#accordion #pork:hover {height: 180px;}

#accordion .content h4 {padding-bottom: 15px;}

É com o seletor transition que conseguimos o efeito do acordeon. Com ele, podemos criar efeitos diversos para a ação que for realizada com o elemento em questão (no caso, :hover na div .content). O efeito usado foi o ease-in-out, que nada mais é que o vai-e-vem, e o tempo em que ele é realizado é de 300ms (milissegundos). Não é feitiçaria, é tecnologia!

Bônus! Tapinha no visual

Mas tá tão feinho assim, né? Vamos decorar esse bolo com algumas firulas de CSS. Na <head>, acrescente o código abaixo. Vamos usar uma fonte diferente!

<link href="http://fonts.googleapis.com/css?family=Amaranth:regular,regularitalic,bold,bolditalic" rel="stylesheet" type="text/css" />

Agora, no CSS, vamos colocar a fonte nova lá no Reset:

font: 14px/16px Amaranth, tahoma, sans-serif;

A cereja do bolo vem aí. Já que estamos brincando com CSS3, vamos logo estrapolar e colocar gradiente, sombra e bordas arredondadas!

#accordion .content {
    color: #666;
    margin-bottom: -1px;
    
    /* gradiente */
    background-image: -moz-linear-gradient(#f0f0f0, #ddd);
    background-image: -webkit-linear-gradient(#f0f0f0, #ddd);
    background-image: -o-linear-gradient(#f0f0f0, #ddd);

    /* sombra */
    box-shadow: inset 1px 1px 0 #fff;
    -moz-box-shadow: inset 1px 1px 0 #fff;
    -webkit-box-shadow: inset 1px 1px 0 #fff;
    
   /* bordas arredondadas */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

Mais uma estilizadinha no <h4>:

#accordion .content h4 a {
    font-size: 16px;
    font-style: italic;
    color: #444;
    text-shadow: 1px 1px 0 #fff;
}

Eeeee... Voilá!

Veja como ficou nosso menu!

Baixe aqui o código-fonte completo.

Espero que vocês tenham entendido, porque sei lá né, eu não sou a melhor professora, mas eu fiz com carinho, tá?

Blog do Tanlup com novo visual!

30.05.2011 |  8 Comentários

Feliz ano-novoooo! Uhuuuul! \o/
Como notaram, esse é o primeiro post de 2011 aqui no PlayStop. Sou bonita?

Estou aqui para falar de mais um trabalho bacana que surgiu nesse meio-tempo, o de reformular o blog do Tanlup. Pra quem não conhece, Tanlup é um serviço onde você pode criar a sua própria loja virtual para vender a sua muamba linda e com uma cara profissional! Eles te oferecem tudo já bonitinho, inclusive módulos de pagamento. E você pode personalizar o layout da loja pra ficar com a cara da sua marca. Muuuuito bonito!

E abaixo vocês conferem como ficou! :D

tanlup_1024.jpgClique para ampliar!

tanlup_iphone.jpg

tanlup_ipad.jpgAumenta, que eu não tô enxergando.

HTML5, CSS3? Versão pra iPhone e iPad? Trabalhamos.

Quer ver ao vivo? Visite o Blog do Tanlup.

Ah, e experimente aumentar e diminuir a janela pra ver o layout se encaixando conforme a resolução. Agradeça ao Less Framework 4, meu novo framework preferido. :)

Obrigada pela atenção e até qualquer dia (qualquer, mesmo)! o/

10 games que marcaram a minha vida

03.08.2010 |  18 Comentários
Doom

doom.jpgDIE, BITCH!

Ganhei meu primeiro computador em 1997. Junto com ele, veio um CD e, entre os milhões de aplicativos inúteis contidos na mídia tinha um tal de Doom II - Hell on Earth. Pensei "olha só, acho que já li algo a respeito desse jogo em alguma Ação Games da vida, vamos ver como é a coisa". Acho que joguei o treco umas 4 horas seguidas desde a instalação e só parei quando morri - aliás, fiquei tão amendrontada com o rosto do personagem ficando ensanguentado e deformado conforme eu ia perdendo vida, que decidi só jogar em modo invencível. Porém, quanto mais medo eu sentia, mais fascinada ficava. Acabei por baixar o Ultimate Doom, que é o primeiro Doom mais um capítulo extra e Final Doom, depois. Numa determinada época, passei a colocar o CD Version 2.0, do Garbage, pra tocar enquanto matava os monstros (com minha arma preferida, a Rocket Launcher ^^). Bons tempos! Doom foi o primeiro FPS (First Person Shooter) que joguei - e acho que o de muita gente - por isso marcou tanto. Jogo (e tenho pesadelos com os monstros) até hoje. Ah, e que trilha sonora foda, hein?

Need for Speed II

Continue lendo “10 games que marcaram a minha vida” →

Guia de Instalação do Movable Type 5 (versão indolor)

26.07.2010 |  4 Comentários

Um dos principais motivos pelo qual muita gente (aka todo mundo) opta pelo Wordpress, é a sua famosa Instalação-de-5-Minutos. Bom, a instalação do Movable Type definitivamente não dura 5 minutos, mas estou aqui pra provar a vocês que o MT não é nenhum bicho de sete cabeças. Pelo contrário: uma vez instalado e configurado certinho e bonitinho, ele se transforma em um lindo, poderoso e RYCO gerenciador de conteúdo. Preparados? VAI, PLANETA!

Escolhendo a versão certa pra você

Até o presente momento, o Movable Type encontra-se na versão 5.02. Mas isso não é tudo. Ele é subdividido em pacotes:

Movable Type 5 Developer - É o pacote Open Source do MT (é tão open source que tem um domínio .org só pra ele). Ideal para quem é programador, se aventura na linguagem Perl e ri na cara do perigo.

Movable Type Pro Blogger - A versão que eu uso aqui. Gratuita e para uso pessoal/não-comercial, ela é a ideal pra blogueiros, freelancers, comunidades, etc. Vem com 2 módulos: o Professional Pack, para construção de websites institucionais e blogs, e o Community Pack, que possibilita a criação e gerenciamento de fóruns.

Movable Type Pro Business - Versão comercial da Blogger - ou seja, paga. Para pequenas e médias empresas, estúdios de design, jornais e revistas online, etc.

Movable Type 4 Enterprise - Pra gente rica e poderosa, que adora uma coisa personalizada. E pra quem não se importa se ainda está na versão 4.

Como se não fosse mais chocante, tomarei a versão 5.02 Pro Blogger como exemplo para nossa instalação.

Instalando a Bagaça

Continue lendo “Guia de Instalação do Movable Type 5 (versão indolor)” →

Até que enfim, o novo PlayStop!

Cabeças rolaram. Noites não foram dormidas. Fez frio, fez calor, choveu. Engordei, meu cabelo cresceu, meu relógio biológico despirocou, mudei de emprego e de cidade. Mas depois de muito sangue, suor e pixels... Eis que, finalmente, ESSA BIROSCA FICOU PRONTAAAAAA!!! VAMO PRO BAR NEGADS!!!!!1!!!!1111!!

O que há de novo na versão 2010 do PlayStop
Goodbye, IE6!

Você não tem ideia da minha satisfação em NÃO DAR SUPORTE AO INTERNET EXPLORER 6. Se quiserem conferir o que aparece quando se tenta acessar o PlayStop.net pelo IE6, go ahead!

Os pixels estão de volta

Para delírio de uns e desespero de outros (eu), resolvi fazer uma loucura bem cabulosa e parti pro caminho tortuoso e sem volta da pixel-art. Resultado? Bom, contentem-se com isso, porque é o que tem e agora vai demorar eras pra eu me arriscar a pensar em pixels, novamente.

Novo portfolio, muito mais legal e divertido

Gente, eu morri e ressuscitei várias vezes construindo esse portfolio, com essa nova navegação toda cheia de firulas, só pra tentar proporcionar uma experiência legal pra você, visitante. Então eu ficaria muito agradecida se você o acessasse aqui. Infelizmente ele não funciona 100% no IE7 e 8 (bom, a culpa não é minha, ok?) e no Opera também dá uns paus, mas nem ligo. Funciona certinho nos browsers mais modernos e é isso que importa. Ou deveria importar...

Nova página de contato, agora com calendário de disponibilidade

Porque isso sempre foi um problema pra mim. Vira e mexe eu ficava até o talo de coisas pra fazer e tinha que ficar dizendo não às pessoas e isso é chato e indelicado. Não que eu vá parar de dizer não ou sim, mas com o calendário vai ficar mais fácil pra quem for me contatar, ver se estou disponível ou não pra freelas.

Ícones pra que te quero!

Eu AMO ícones. Percebeu, né? Agora tem ícone de rede social, nos comentários, no rodapé, no menu, em tudo quanto é lugar, de todos os tamanhos e pra todos os gostos! Uma verdadeira festa iconográfica!

Página de erro 404

Esse tipo de página acabou virando modinha e hoje é muito cultuada no mundo webdesignístico. Aderi. Que tal tentar digitar uma URL nada a ver dentro do PlayStop (ou simplesmente clicar aqui) só pra conferir as maravilhas que só uma página de erro 404 pode lhe oferecer?

Otras cositas más

HTML5 e CSS3, versão mobile, Busca powered by Google, nova página Sobre Mim, com currículo e informações atualizados e uma fotona minha pra aterrorizar sua tela, Movable Type também atualizado (pra versão 5) e muito tempo pela frente até eu resolver enjoar desse layout e trocar essa joça de novo.

E então, o que achou? Eu gosto, eu aprecio, eu adooooro um feedback! :D

Desenterrando Pixels, Pt. 1

Atenção, alerta de velharia!! (e não, não sei se vai ter Parte 2!)

Eu tava fuçando nos meus arquivos, a fim de achar alguma coisa interessante pra atualizar meu portfolio de ilustrações, e me deparei com isso:

pix_share.png

pix_banners.png

pix_links.png

pix_pixel.png

pix_bars.png

Pixel Baaaaaaaars!!!

Mas WTF!!! Fanlists?! Yep, eu avisei, isso é MUITO velho, tipo, de 2002 pra trás. Era um experimento de botões pro meu blog antigo, o Mi Blog es Su Blog (na época hospedado no Blogger Brasil). Eu tinha acabado de descobrir o que era pixel art (e blogs!). Tava maravilhada, olhinhos brilhando, vontade de fazer tudo em pixel, etc.

Ainda bem que eu guardei (e não rançou)!

Vídeos do YouTube sem invalidar seu código

26.02.2010 |  5 Comentários

Vendo a Bárbara chorando no Twitter, porque os vídeos do YouTube estavam invalidando o código-fonte do blog dela me causou uma comoção, então eu resolvi fazer esta boa ação para ela, para quem mais interessar e para meu blog que já já vai estar inválido também, de tanta teia de aranha que tem aqui :D

Basta usar este código abaixo, e substituir onde está escrito “CÓDIGO DO VÍDEO” pelo... código do vídeo! Por exemplo, nesta URL padrão do YouTube - http://www.youtube.com/watch?v=-4LcbW7Fl2s - o código do vídeo é tudo que vem depois de “v=”, ou seja, -4LcbW7Fl2s.

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/CÓDIGO DO VÍDEO" width="540" height="430"><param name="movie" value="http://www.youtube.com/v/CÓDIGO DO VÍDEO" /><param name="allowScriptAcess" value="sameDomain" /><param name="quality" value="best" /><param name="scale" value="noScale" /><param name="salign" value="TL" /><param name="FlashVars" value="playerMode=embedded" /></object>

Olha como fica (e jabá nunca é demais, não é mesmo, minha gente?):

Agora confira no Markup Validation Service, o PlayStop valida como XHTML 1.0 Strict :D

Muito bonito!

Tudo que você queria saber sobre Redesign...

18.01.2010 |  11 Comentários

redesign_post.jpg

...mas:

  1. não teve coragem de perguntar
  2. teve preguiça de procurar
  3. tô nem aí pra essa bagaça
  4. esse negócio de enquete faz sucesso, viu?
Começando do zero

Se você acha que fazer o redesign do seu site é trocar o layout... Hum... é claro que envolve uma mudança no visual, mesmo que seja mínima. Mas é bem mais que isso. Bom, primeiro vamos nos ater à palavra design e ao seu mais puro e primitivo significado: projeto. Pois bem, agora você já deve saber que tem uma tarefa pela frente: reprojetar seu site.

Continue lendo “Tudo que você queria saber sobre Redesign...” →

Ê!

Primeiramente, obrigada pelos comentários do último post. Fiquei feliz com as mensagens de apoio e compreensão, mesmo. :)

Bom, pessoal. Este é mais um daqueles posts gigantes onde eu conto as novidades... Isso vem se tornado constante aqui, né? O que o difere dos outros é que ele não é tão gigante assim e conterá uma imagem, coisa que é muito inconstante, mas isso vai mudar, prometo!!!

Novidade no TCC

Aí eu fui lá e criei um Blog pro meu TCC. Acessem, favoritem, assinem, divulguem, batam no liquidificador... :D

A loca, né. Não dá conta nem de um blog, quanto mais de dois!!

Coloquei um tema padrão mesmo, e o título é totalmente provisório. Quando eu decidir um nome (e muitas outras coisas que preciso decidir ainda) pro meu jogo, eu faço um layout que corresponda ao tema (e às espectativas) e compro um domínio bem bonito e legal pra ele. E tá em inglês por motivos óbvios. Ah sim, eu nem dei muitos detalhes do meu jogo, vai ser assim: de plataforma. Em flash. E pixel art. A loca, né (2). E eu vou fazer tudo nele, menos a programação. Tudo significa ahn... Tudo. Sim, isso inclui a trilha sonora.

Enfim, o jogo terá uma temática mexicana, com vários elementos do folclore e cultura do México. De astecas a lucha libre, passando por mariachis! Inclusive o herói, ou a coisa mais parecida com um herói... Ou seja, o bichinho que você supostamente irá controlar, é um luchador. E o nome dele é El Luchador. Minha imaginação não tem limites!!!

Acessem o blog pra ver mais detalhes, entre eles imagens :)

Novidade no Portfolio

Yes! Temos trampo novo lá, uma ilustração vetorial.

cheryl.jpg

Êêêêê! \o/

Webstandards, Usabilidade, SEO

05.02.2009 |  3 Comentários

Agora eu vou falar sério!

Se você é um dedicado/assíduo/apaixonado webdesigner, já deve ter ouvido falar desses termos. Se você é um bom webdesigner, você se utiliza desses termos. Pois é, eles estão bem na moda, mas bem na moda mesmo. Pra quem ainda não se deu conta disso, nunca é tarde pra acordar pra vida! Um bom começo é ler o que eu vou postar agora (prometo ser bem sucinta):

Webstandards

Estão aí há um bom tempo lutando por um lugar ao Sol. Os Padrões Web são regras estabelecidas pela World Wide Web Consortium (W3C). Na prática, elas possibilitam a criação de sites bem mais acessíveis a todos. Exemplo: um site que tem seu código válido vai ser igualmente visualizado na maioria dos browsers (inclusive o IE). A propósito, o PlayStop segue os padrões. :)

Usabilidade

É como o nome diz, quando uma coisa é “usável”. é a eficiência da página em fazer com que o usuário a entenda. é você passar exatamente a mensagem que você queria! A usabilidade está nos mais insignificantes (você que pensa) detalhes: desde um negrito numa palavra que você queira destacar, o posicionamento da barra de busca, uso dos ícones certos representando as funções do seu site... Tudo para que o maior número possível de pessoas entenda. Estou fazendo uma intensa pesquisa sobre usabilidade pra tornar a próxima versão do PlayStop a mais acessível e óbvia possível! :D

SEO

Search Engine Optimization é uma série de medidas que você toma para que seu site apareça bem colocado nas buscas (de preferência, que seja o primeiro resultado da primeira página). Uso das palavras-chaves corretas, estrutura do site bem organizada, páginas internas todas funcionando. Uma coisa que eu não sabia e descobri essa semana, o uso de um mapa do site é bem útil também. Também estou trabalhando ferrenhamente nisso para o próximo PlayStop.

Deu pra perceber que com essas três ferramentas juntas você tem o poder, né? Mas o que eu disse aqui foi bem resumido, por isso aconselho você a dar uma pesquisada melhor, visitar uns sites, ler uns artigos e comprar uns livros! Bom estudo. o/

2009: Blond Ambition

15.01.2009 |  6 Comentários

(Só pra constar, eu não vou sair em turnê vestindo um sutiã em forma de cone.)

Eu atooooron listar coisas, qualquer coisa! Mas eu não sou do tipo que lista conquistas. Eu só listo pendências. é assim mesmo, eu boto tudo na mesma categoria. Não são sonhos, desejos nem projetos: são pendências. Assim me sinto na obrigação de cumpri-las. Coisas que eu preciso comprar no supermercado, trabalhos da faculdade, coisas que faltam pra eu terminar um projeto, pesquisa pro meu TCC (Trabalho de Conclusão de Curso), pesquisa pro PlayStop. Aham, eu tenho um imeeeenso documento sobre o PlayStop salvo nos meus rascunhos do Gmail - mas isso eu vou deixar pra um hipotético futuro post.

Todo começo de ano eu gosto de fazer uma lista de pendências ambiciosas. Você pode conferir aqui (naquela época ainda eram desejos...)

A lista desse ano é especial porque é bem mais pé no chão do que um Audi A3 tunado ou abdução por ETs... Também é bem menor, só tem duas pendências. Não por isso... Vai ser tão desafiadora quanto providenciar um bosque com piscina no meu quarto.

Pendência número um

A pendência número um tem três letras: TCC. Estou no último ano da facul, não tenho mais aulas (GRAÇAS A DEUS!!!!). Só uma matéria jás em minha grade este ano: Trabalho de Conclusão de Curso. Acho que até vou criar uma categoria dedicada só a ele, porque... HAH!! Posts sobre isso não vão faltar esse ano!! Vou encher o saco de vocêê-ês! Mwahahahahah!!!

Pendência número dois

Acho que também vou criar uma categoria só pra essa, pois é uma senhora pendência. BEEM complexa, pois envolve VÁRIAS subpendências: ir pra Inglaterra com visto de trabalho. Ou de estudo. Pra ambos vou precisar de dinheiro (muito, by the way, ou melhor... buááá the way!); o próprio visto em si; passaporte, é claro; muuuuuita roupa de frio, porque eu vou no inverno; TOEFL ou IELTS. E muito mais. Pelo menos já tenho onde ficar, na casa da minha amiga em Reading. Ela vem me buscar no Natal. Só de me imaginar morando na terra da rainha me dá um negócio bão... :D

2009 promete, eu prometo!!

PlayStop Music Awards 2008 - Parte 1

29.12.2008 |  6 Comentários

Sim, meus amigo e minhas amiga!!! </palmirinha> Dou por inaugurada esta maravilhosa premiação enaltecedora do meu gosto musical. O que foi destaque da minha playlist em 2008? Eis os artistas, músicas e álbums mais ouvidos e que quase me deixaram surda esse ano, porque eu gosto mesmo é de ouvir música bem alta e grave. E que se danem os vizinhos! \o/

Em tempo: eu tinha preparado um post IMENSO, mas o Movable Type encrencou, então diminuí drasticamente (acredite se quiser) os caracteres. E tomei o cuidado de linkar tudo que foi possível - se você topar com algum álbum que não esteja linkado, a culpa é do Last.fm que não tem o link!

Chega de lenga-lenga!! Vamos à premiação!!

Continue lendo “PlayStop Music Awards 2008 - Parte 1” →

Newvidades

01.11.2008 |  10 Comentários

Aqui estou quebrando os paradigmas de mim mesma e postando em começo de mês! Isso é bom sinal, significa que novembro terá no mínimo 1 post. ê! (comemoração sucinta e tímida, porém phyna). Constatação: posts com o assunto Mac fazem sucesso. Vou fazer mais desses, hoho.

Mas não é disso que vim falar. Também não é sobre falta de tempo - isso já rendeu posts demais e meique fica contraditório, néam? Como a simples falta de tempo pode gerar tantos posts? Suspeito.

Enfim, tem dois assuntos pra lá de pendentes, mas agora está mais do que na hora de falar deles! O primeiro é...

...Site da Coffee Trip!

Uma banda de rock de Bauru muito bacana, que começou fazendo shows em festas de república e hoje está ganhando concursos, gravando DVDs e fazendo shows em grandes casas por aí. E eu e minhas amigas tivemos o prazer/oportunidade de fazer o site deles - elas fizeram o desenho e eu codifiquei. Coisa phyna viu, visitem - www.coffeetrip.com.br.

A outra coisa é...

...O SHOW DA KYLIE MINOGUE!!!!

EU VOU!!! E estou extasiaaadaaa!!! Eu sei, pra mim isso pode ser uma grande piada, mas tem gente que não conhece a nega! é aquela moça que nos embalou ao som de Can't Get You Out Of My Head (Lá lá lá... Lá lá lálá lá...). Tipo, ela é uma diva. Madonna, me desculpe. Eu ia no seu show, mas seu novo CD é tão brochante. E aí veio a Kylie e fez um CD melhor, sorry. Só que não apenas o CD novo dela é muito bom, mas as músicas de álbuns anteriores são as me-lho-res (vide a Lálálá) e ela sempre canta elas (super afinadamente) no show. Por isso estou mega empolgada. Hoje oficialmente falta uma semana pro show e eu já estou sem ar... Uuuuh!! é a primeira vez que ela vem pra América Latina e ela vai levar um baita susto com o calor da platéia brasileira. Todos eles levam (eles = artistas internacionais).

E pra comemorar (e acabar de estraçalhar de vez meus próprios paradigmas), vou fazer uma coisa que nunca fiz... Postar um vídeo!!! :O Este é o clipe de Come Into My World, da Kylie. Ele é do álbum Fever, o mesmo que contém a Lálálá. Foi dirigido por Michel Gondry. E é FODA. Tomara que ela cante no show *_*

Mortinha da Silva. Porém...

22.08.2008 |  5 Comentários

Gente, sério.

Sabe o que é um ser humano estar cansado, acabado, dolorido, destruído, estressado, adoentado, ocupado, ado, a-ado cada um no seu quadrado?

Estou sabendo exatamente agora o que é isso! E olha que legal, não estou apenas cansada, acabada, destruída, estressada, adoentada, ocupada, ada ada ada não dá pra fazer trocadilho com nada! Também estou sofrendo as consequências de estar cansada, acabada, ada ada ada... Meu olho direito, por exemplo, está literalmente saltitante desde segunda-feira. Eu nunca me simpatizei com movimentos involuntários do meu corpo. Agora, menos ainda.

E nada melhor para desabafar sobre minhas chagas pessoais do que no meu próprio blog, não é mesmo, minha gente? Mas olha só que “bença”. Eu, Juliana Moreira, reclamando da minha condição física e mental, estou ciente de que apesar de todo esse sofrimento e dor, encontro-me numa boa fase da minha vida. Na verdade, arrisco dizer que estou na melhor fase da minha vida. é verdade, é só comparar o que sou agora com o que eu era há pelo menos 2 meses atrás. Estou num bom momento de realizações materiais e morais. Não tenho mesmo do que reclamar - a não ser do cansaço.

Que é um cansaço bom. é um cansaço ótimo! Porque sempre tento me imaginar como uma pessoa ociosa... O que eu estaria sentindo agora? Provavelmente tédio. No que eu estaria pensando? Provavelmente em coisas ruins, porque é nesse tipo de coisa que costumo pensar quando estou ociosa. O que eu estaria fazendo? Provavelmente dormindo, comendo ou outra coisa que não acrescentaria nada pra mim, a não ser massa corporal.

é por isso que me encho de orgulho próprio quando digo que estou cansada, acabada, dolorida, destruída, estressada, adoentada, ocupada e... realizada-ada-ada!

Grudadinhas

08.01.2007 |  11 Comentários

Não sei você, mas eu a-d-o-r-o CD's onde as músicas estão interligadas. É o caso de Confessions on a Dance Floor, da Madonna, e The Politics Of Dancing 2, do Paul van Dyk. Esse foram muito provavelmente os CD's que mais ouvi em 2006.

paul      madonna

Whatta hell r u talkin' about???

Bom... Nesses CD's, não há aquele silêncio de 2 segundos entre uma faixa e outra... O que há é uma linda transição, onde as músicas se misturam... é como se o CD todo fosse uma música só!

Soooooo???

E daí que é lindo, ué. Já fiz 2 álbuns assim. Sim, eu já gravei CD's. Sim, as músicas são de minha autoria. Siiiiim, siiiim e siiim. Tudo sim. Que positivismo barato. Uma pena eu não poder usar a palavra “positivismo” nesse sentido, porque ela sequer significa dizer sim a torto e a direito. Ledo engano, meus caros! Mas, nem queiram saber o que é positivismo... Se quiserem terão que estudar Sociologia e eu já estou traumatizada o bastante com isso.

Droga, fugi do tema no final do post... Será que tirei zero?

Enquanto isso...

19.12.2006 |  5 Comentários

Enquanto não dá a hora de ir embora do estágio, eu fico fuçando E fuçando na net, na medida do possível (uma lástima o YouTube e streaming serem proibidos aqui!). Mesmo assim eu acho umas coisas bem interessantes! Olha só o que eu achei hoje:

Blogging Pro - News, plugins and themes for blogging aplications

Esse eu achei no Webcreme, alías, não passo um dia sequer da minha vida sem visitar o Webcreme... Lá sempre tem coisas muito inspirativas! (haha, nem falei do Blogging Pro... mas o nome já diz tudo, visita lá!)

covers

Simplesmente “covers”. Um site completamente desprovido de formatação (só tem uma borda verde, aliás, mesmo tom do meu próximo layout - sim, terá verde :P), simplesmente “jogaram” lá as capas dos CD's que eu mais ouço! Tem também as capas dos meus amigos e vizinhos no Last.FM. Se você tem Last, é só digitar http://tools.waglo.com/covers/SEULOGIN. Bingo! Ah... E não se assuste com certas capas... (RBD, Lindsay Lohan??? Jujuqui, você ouve isso?? Não acredito, você caiu no meu conceito agora...) HAHAHAHAHAH!!! SIM, EU OUÇO!!

Continue lendo “Enquanto isso...” →

RSS temperado com Wasabi

21.11.2006 |  2 Comentários

Primeiro eu vou explicar sobre o RSS, depois eu falo sobre o Wasabi... Mas o assunto principal é o Wasabi! =D

RSS

Você já deve ter ouvido falar nos RSS Feeds da vida... Você não vive sem eles! Você não sabe bulhufas sobre o assunto!!

“A tecnologia do RSS permite aos usuários da internet se inscrever em sites que fornecem "feeds" (fontes) RSS. Estes são tipicamente sites que mudam ou atualizam o seu conteúdo regularmente. Para isso, são utilizados Feeds RSS que recebem estas atualizações, desta maneira o usuário pode permanecer informado de diversas atualizações em diversos sites sem precisar visitá-los um a um.” (Wikipédia)

RSS é legal. é basicamente um agregador de conteúdo. Pode ser um RSS de posts, como o do seu Blog. Pode ser um de fotos, como o do seu Flickr. Pode ser um de música, como o do seu Last.Fm. Pode ser um de links, como o do seu del.icio.us, e por aí vai!

Continue lendo “RSS temperado com Wasabi” →