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:
Samba, ordinária.
Queria avisar que terão outros como esse, e que o próximo é com Sidney Magal.
]]>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 *_*
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!
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.
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...
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!!
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.
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. :'(
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.
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.
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.
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>
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!
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á!
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á?
]]>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
Clique para ampliar!
Aumenta, 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/
]]>Aí vai um pouco do que aconteceu nas minhas temporadas de falta de tempo:
Depois que eu me formei no final de 2009 (estou chocada que já faz 1 ano), eu não conseguia encontrar um bom motivo pra continuar em Bauru (a não ser os amigos). Então resolvi tentar a sorte na cidade grande. Quer dizer, na cidade monstro que é São Paulo. Eu SEMPRE quis voltar pra cá. Sim, porque pra mim é mais um retorno do que um começo, visto que eu nasci e passei boa parte da infância aqui.
Resumindo a história, em 5 meses que estou aqui já estou no 3º emprego. Depois de muitos (MUITOS) altos e baixos, salários não pagos, vagas mal-interpretadas e afins, acho que agora as coisas se acertam. Enquanto isso não acontece, sigo falida e morando de favor em casa de parente (pelo menos até terça, quando me mudo pra uma pequena filial da minha antiga república). ^^
Mas o sonho continua. Em 2011 quero botar em prática alguns planos empreendedores. Vou levando paralelamente à minha vida de proletariado. Se vingar, ótimo. Se não, eu penso em outra coisa. A única coisa que posso adiantar é que envolve pixel-art. :D
Tudo bem que eu não tava falando de nada ruim, mas mesmo assim eu vou chamar a Aracy, porque quando envolve Webdesign, portfolio atualizado, amigos e dinheiro, é melhor ainda, né? Hehehe!
Recentemente, fui incumbida com a responsabilidade de redesenhar o blog do Caio Caprioli, o Sem Paletó! Caio é um amigo de muitos anos que, ao contrário de mim, não perdeu o tesão por postar, e hoje é um dos blogueiros mais amados desse Brasil varonil.
O layout ainda está com uns bugs. Confesso que ainda não testei nos IEs da vida. Só dei uma olhada por cima e, como não encontrei nada absurdo, não me desesperei. Mas vou arrumar tudinho em breve! Mas se você é uma pessoa moderna que usa Firefox/Chrome/Safari/Opera, já pode usufruir 100% do layout :P
Bom, é isso. Que venha 2011!
p.s. 1: O Sem Paletó agora está disponível no meu Portfolio.
p.s. 2: Não estou disponível para freelas até a segunda ordem, ok? Sorry :)
Não é iPad, não é iPhone 4. Eu quero é um 3DS! Mentira, eu quero um iPhone 4 também, mas já tá tão manjado que não vale um post.
Se você é nintendista/gamista como eu, já deve ter se cansado de falar do novo portátil que a Nintendo lançará em março do ano que vem. Mas é que eu o achei tão incrível, e eu estou super na vibe dos portáteis atualmente. Acabei de me dar de presente de aniversário um DS Lite, e estou adorando. Depois eu faço um post dos jogos que estão marcando a minha vida atualmente, porque, olha, são muitas emoções. Enfim, vamos falar do que vem por aí.
Quando a Nintendo anunciou o 3DS na última E3 (conferência sobre videogame que acontece todo ano em Los Angeles), todo mundo ficou boquiaberto com o fato do aparelho possibilitar a experiência 3D sem precisar de óculos. Você simplesmente abre o 3DS, joga, e as coisas pulam na sua frente. É isso, Brasil. Eles não foram capazes de mostrar como funciona ao vivo pra galera, pelo menos em vídeo. Aí naturalmente a gente fica com o pé atrás, né. Como assim não dá pra mostrar? Mas alguns felizardos tiveram a oportunidade de testar o aparelho durante a conferência, e reafirmaram que é mesmo espetacular.
Aqui vai um comercial do 3DS bem... hã... assistam:
Vááááárias empresas já confirmaram títulos para o 3DS. Alguns já finalizados, outros em desenvolvimento e tantos outros ainda no papel. Esses são alguns dos jogos anunciados que mais me chamaram a atenção/me deixaram animada/louca/maluca/shaking and crying:
Lembrando que nem todos estão como nome definitivo, alguns só com o título da franquia. Mas IMAGINA?
O 3DS será lançado no Japão no final de fevereiro de 2011, e no começo de março nos EUA e Europa, na faixa de US$298 (AI MEU BOLSO). Virá nas cores Aqua Blue e Cosmo Black e será compatível com jogos do DS, DS Lite e DSi. Já vai separando um rim.
]]>
DIE, 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?
Não dava pra tunar o carro nem pra fugir da polícia, but who cares?
Se Doom foi o primeiro jogo que joguei no computador, Need for Speed II foi nada menos que o SEGUNDO! Hehe. Na verdade eu já o tinha jogado no Playstation do meu primo, e tinha amado. Então tratei de providenciar um pro meu PC, também! O que mais me chamou a atenção no jogo foi a trilha sonora. Gente, é muito foda. Se eu tivesse Last.fm na época, só ia dar as musiquinhas do jogo, hahaha! E tinha um esqueminha da hora chamado Interactive Music (uhu, super revolucionário! -q), a música ia mudando de acordo com o trecho da pista. Animal.
Essa moça aí do cabelo verde ainda vai aprontar muitas confusões nesse jogo do barulho!
Não sei ao certo quando comecei a me interessar por RPGs de videogame (nunca curti e nunca curtirei RPG de carta, sorry). O que eu sei é que comecei com Final Fantasy V para Super Nintendo. Joguei um pouco, achei muito legal mas eu queria mais, sabe? Então baixei a rom do Final Fantasy VI. Foi amor à primeira jogada. O enredo é sensacional, os personagens super cativantes, a trilha sonora (perceberam que a trilha conta MUITO, pra mim?) magnífica, os cenários super bem elaborados e detalhados. Demais, pago um pau tremendo pra esse jogo, já perdi a conta de quantas vezes já zerei. Final Fantasy VI é de tocar o coração. De longe, o melhor jogo que já joguei nessa minha vidinha.
Helloooo, tem uma parede aí, meu filho!
Apesar de ser filha única, quando criança falhei miseravelmente na chantagem emocional, e acabei ganhando um Master System, ao invés de um Mega Drive ou Super Nintendo. Mas nem por isso me abati, consegui me divertir com o que tinha e ainda digo que o Master me proporcionou muitos bons momentos videogamísticos! A começar pelo jogo que veio na memória: Sonic the Hedgehog! Esse jogo é uma obra-prima do Master. Muita gente reverencia Alex Kidd mas Sonic é que é o puro creme do 8-bit. Falei! Nem preciso dizer que a trilha sonora é viciante, os gráficos muito bons pro nível do console e que perdi a conta de quantas vezes zerei, com ou sem as esmeraldas.
MEDO.
Conhecido também por Jogos de Verão, foi o game que me motivou a fazer este post. Mais precisamente, foi ouvindo o Mega Drive 4 Life com a Bárbara na Rádio Gamer Station, no qual pedi uma música do jogo e ela lindamente me atendeu, tocando alguns temas, entre eles o da fase da Bicicleta, que eu considero sinistra desde criança pois, se você errar na acrobacia, cai de cabeça e quebra o pescoço! Mas acho que minha modalidade preferida mesmo é a do Patins, onde você tem que ir andando enquanto desvia de pessoas, buracos e lixo na rua! Só depois de velha fui aprender a jogar a fase do Surf e a do Disquinho (sinceramente, não sei o nome correto desse esporte).
P-A-S-S-A-D-A.
Talvez seja o Zelda favorito de muita gente. Pois é, o meu também. E ainda foi o primeiro Zelda que joguei, o primeiro que zerei, minha estreia no Nintendo 64. A primeira vez marca, sabe? E a primeira impressão é a que fica. Até morrer, prometi pra mim mesma jogar todos os títulos da franquia, mesmo que seja por 5 minutos. Tá, assim fica muito fácil. Ok, 10 minutos. Eu tenho consciência que se eu tentar zerar todos, morrerei de velhice no meio do caminho. :D
Berenice, segura! Nós vamos voar!
Irararirairair dorgas, manolo! Com certeza quem fez esse jogo tava sob o efeito de alguma coisa. É muita cor, muita alegria, musiquinhas frenéticas, uma bola rosa voadora e simpática que absorve os poderes dos inimigos através da antropofagia. Olha, se não for um dos melhores jogos de plataforma de NES, quiçá do mundo, não te digo nada. É a coisa mais divertida e fofa de se jogar. E viciante. Iarariarai!
Acelera, sente a brisa, aumenta o som e pé na tábua! -Q
A trilha sonora (sim, sempre ela) desse jogo te faz esquecer que é de corrida e tosco. Tipo, quem liga pra jogabilidade e gráficos, o foco aqui é a rádio em que você pode sintonizar na sua estação preferida pra dar uma voltinha na rodovia. Posso dizer que agora, por causa desse jogo, sempre meço a qualidade de qualquer música considerando o fator se eu tocar isso alto enquanto dirijo, dá barato? Eu não tenho carta.
A boa e velha fase da água que todos nós AMAMOS.
Que Super Mario World o que, Super Mario Bros 3 sim, que é uma perigosa aventura onde Mario e Luigi aprontam muitas confusões! Inclusive acho que virou uma referência muito mais evidente para o New Super Mario Bros Wii do que os outros títulos (gente, se eu tiver falando merda me corrijam). Eu joguei todos os Marios, mas nenhum me prendeu tanta a atenção (e a respiração) como SMB3.
EU SOU RYCAAAA!!!
Claude, CJ, Nico? Tudo bundão. Quem manda na bagaça mesmo é o Tommy Vercetti, ele é O cara! Ah, e GTA Vice City parece um filme do Super Cine: Miami (de mentirinha), drogas, armas, camisas floridas, gangues e strippers. Já me divertiu muito em férias entediantes. Hoje em dia nem sei mais o que é férias ou tédio, mas dá uma sniper na minha mão! BRIIIINKS!
Tem algum jogo que marcou sua vida? Compartilha aí com as amiga! :D
]]>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.
Para os usuários de Mac, recomendo como programas de FTP o Transmit ou Cyberduck (gratuito). Pra galera do Windows, a extensão de Firefox FireFTP ou o FileZilla, ambos gratuitos.
No manual do Movable Type eles dizem pra você subir os arquivos na pasta cgi-bin. Comigo isso nunca funcionou, por isso eu disse pra criar a pasta mt e subir os arquivos nela. Aí é certeza que funciona. AH, mais uma coisa importante: no manual falam pra colocar a pasta mt-static na public_html, mas não precisa. Pode colocar na pasta mt, mesmo.
Vamos lá, se você tem, acesse o Cpanel do seu site (normalmente ele fica em www.seusite.com/cpanel).
Agora você vai criar um banco de dados, depois um usuário e senha e, por fim, associar o usuário ao banco. Como nas imagens abaixo:
Recapitulando: criamos um banco de dados chamado playstop_novoblog, o usuário playstop_newuser, com a senha abc123, e associamos esse usuário ao banco criado (com todas as permissões).
Para isso, basta abrir o arquivo no seu editor HTML de preferência. Ok, agora escreva isso em REQUIRED SETTINGS. Note que em SEUSITE, você deverá colocar o nome do seu site sem o .com ou .net, etc. Ex.: playstop.
CGIPath /mt/ StaticWebPath /mt/mt-static/ StaticFilePath /home/SEUSITE/public_html/mt/mt-static/ AltTemplatePath /mt/alt-tmpl/
Em Database Settings, deixe só as infos referentes a MySQL (pode apagar Postgres, SQLite, etc.). As informações que eu usei aqui são baseadas no banco que eu criei anteriormente:
##### MYSQL ##### ObjectDriver DBI::mysql Database playstop_novoblog DBUser playstop_newuser DBPassword abc123 DBHost localhost
Configurações adicionais, a fim de não dar nenhum pau e fazer tudo funcionar nos conformes. Coloque abaixo das Database Settings:
DBUmask 022 HTMLUmask 022 UploadUmask 022 DirUmask 022 HTMLPerms 0644 UploadPerms 0644 SQLSetNames 1 PublishCharset UTF-8 DefaultLanguage en_US
Feitas essas modificações, salve o arquivo, renomeando-o para mt-config.cgi. Travou nessa parte? Então baixe o mt-confi.cgi que eu criei de exemplo.
Primeiro, os da pasta mt. Como eu estou no Transmit, vou mostrar aqui como se faz nesse programa. Selecione todos esses arquivos, clique em Get Info e mude as permissões para 755:
Agora abra a pasta mt-static. Mude as permissões do diretório support para 777.
Eba, tamo quase lá! Só falta o mais importante, consolidar a instalação do Movable Type. Acesse o endereço do MT no seu site (ex.: www.seusite.com/mt/mt.cgi). Vai abrir a janela do Configuration Wizard, que te guiará pelo resto da instalação. Escolha o idioma de sua preferência (eu escolhi inglês). Agora, se você ainda não tiver criado o arquivo de configuração (mt-config.cgi), ele criará um pra você, mas eu recomendo que você o crie manualmente, seguindo os passos que eu ensinei antes, ainda mais porque tem configurações adicionais e necessárias. Caso já tenha criado o arquivo de configuração, é só seguir o passo-a-passo completando com as informações necessárias, como eu coloquei aqui nos screenshots:
ZÁZ!!! Instalação concluída! Agora a próxima tela já é a do login! Só entrar com seu usuário e senha, e aí você é direcionado pela primeira vez à Dashboard do Movable Type. Clique na imagem abaixo pra ampliar:
TA-DAAA!!! Tá vendo, nem foi tão difícil assim, vai (diz que não)! E eu estou totalmente disponível pra esclarecer qualquer dúvida não só sobre a instalação mas do Movable Type como um todo, visto que eu carrego a bandeira da causa. :)
Não sei quando, mas espero que em breve, farei um post sobre o maravilhoso mundo dos Temas e Templates do MT. Vai dar muito pano pra manga! :D
]]>
Tô feliz? Tô sonhando? TÔ LOKA?
]]>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!
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.
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...
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.
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!
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?
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
]]>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:
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)!
]]>
Tô bunita?
]]>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!
]]>
...mas:
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.
]]> Liste TUDOAntes mesmo de começar a desenhar, eu gosto de listar tudo que eu quero que o novo design tenha. Mas tudo, mesmo... Desde, sei lá, “linhas pontilhadas azul-da-prússia” até “aquele lancezinho de deixar png transparente no IE6”, passando por “código limpo”, “ícones de redes sociais” e “captcha no formulário de contato para evitar spam”.
As ideias, muitas vezes (pra não dizer sempre), surgem em momentos inoportunos, em lugares improváveis. Por isso eu digo: ande sempre com um bloquinho de anotações e um lápis, pois na hora que o insight acontece, tudo é lindo. Mas depois, você VAI esquecer. FATO. Já perdi a conta de tantas ideias legais que tive e que se perderam para sempre no infinito, porque não tive onde anotá-las. Não deixe isso acontecer!
Inspiração você não encontra só nos posts-listas da Smashing Magazine. Nem na internet inteira. Já experimentou sair por aí e curtir a paisagem? Eu sei, parece piegas isso, mas funciona. Prestar atenção no mundo à sua volta pode render boas ideias (não esqueça o bloquinho). Outras formas de mídia (livros, revistas, jornais, TV) também são boas fontes de referência.
Afinal de contas, é o real motivo que nos leva a pensar num redesign para nosso site. Aprimoramento, aperfeiçoamento, adequação, modernização, etc, etc e tal. é fundamental estudar o que anda acontecendo atualmente, seja em termos de código (CSS3 despontando, Webstandards nunca são demais) ou mesmo tendências em webdesign, mesmo que você não vá segui-las.
Depois de quebrar a cabeça, ter aquele insight genial, anotar, rascunhar, estudar mil possibilidades, listar, listar e listar. Chegou a parte... hm.. leeee...gal?: Fazer a coisa acontecer! Boa sorte pra você e pra mim. :)
Mais um da série Isso Foi Pra Mim :D
]]>Ah, e não encare isso como uma enquete, de fato. Receba mais como uma pergunta de uma amiga. Uma especulaçãozinha saudável, uma pesquisa de opinião particular. Enfim, responda à minha enquete.
Para você, o ano começa:
Hm... Senti que isso foi pra mim.
]]>