Artigos de web design por Carlos Gomes

O poder das “Social Networks”

2010-03-30T14:19:00.012+08:00

Twitter e facebook, dois colosos no mundo do blog, avançam a uma velocidade excitante que visa atingir uma e so meta – fazer do blog o mais “micro” possível. Não me refiro ao micro do significado de “pequeno” no que concerne ao conteúdo/informação, mas sim na relação com o conteúdo/utilizador. No Redimensionar do espaço existente entre o conteúdo disponibilizado pelos utilizadores e os utilizadores entre si.

Para aqueles que ainda não estão familiarizados , twitter é o mais popular dos “microblogs” entre os quais figura, o jaiku, ou a kwippy.
As microblogs se relacionam pela a simples ideia de permitir ao utilizador de escrever/publicar a sua mensagem utilizando no máximo 140 palavras. Nada inovativo ne. Pois o secredo das microblogs é o constante “update” de mensagens/topicos entre grupos de utilizadores e entre utilizadores. Creio que é a melhor maneira de estar ligado a seja la o topico que queiras seguir.

Dalai Lama disse que a simplicidade e o caminho para a felicidade. K.I.S.S - Keep it simple stupid, é claro e grosso. Google K.I.S.S, twitter K.I.S.S, flickr K.I.S.S, youtube K.I.S.S, facebook K.I.S.S, a verdade é que K.I.S.S é o principio das “Social networks” que esclarece não só a questao da simplicidade mas também a relação entre o utilizador e applicacao, da maneira mais cru que existe.

Recentemente google lancau, Google Buzz. Um servico incluido no gmail que permite ao usuario partilhar links, fotos, mensagens e comentarios organizados num “dialogo” visivel apartir do caixa de entrada do utilizador. A quem diz que e o “novo twitter”. Creio que Buzz e muito mais completo de que twitter quer na organizacao da informacao quer na estrutura.

Google Buzz, twitter, facebook são exemplos de sucesso que confirmam que atinjimos, ou pelo menos estamos a caminho de, uma era aonde as “web applications” poderao ser uma alternativa viavel as “desktop applications”.

Googlewave, um producto gigante da google, utiliza as mais avancadas tecnologias, como o html5, Ajax, para atinjir os utilizadores de forma inteligente e inovativa. Levando blogs, emails, wikis, mensagem instantaneas a um nivel nunca antes visto. Contudo a applicacao ainda continua a sua versao teste, e somente disponivel um a um numero delicado de developers e utilizadores. Se quiseres testar a applicacao, tenho disponivel alguns convites, e so enviar um email para kelvinwebdesigner@gmail.com.

Novas, no uso e abordagem, Ajax (nao mais de que um termo criado para substituir XmlHttpRequest), implementado em browsers modernos podera ditar a fase em que as tecnologias informação poderão ser um instrumento de elevada importância na nossa vida pessoal/profissional.
Pouco tempo atrás recebi um email do Luis, com um assunto interresante: “Fora do twitter e analfabeto”. Ora no ponto. Quem hoje usa as social networks, como o facebook, hi5, twitter por um tempo, nao imagina a web diferente.

Estar ligado ao que se passa ao seu redor profissional/academico, no mundo, é talvez a descrisao literaria mais obvia do "social network". Contudo no meu ponto de vista ela me alerta a um outro tema – A globalização do conhecimento/conteudo. A globalização, um tema delicado e sensivel, no seu todo, nao é a minha intensao o debrucar neste artigo, nao e mais do que partilhar, contribuir, inovar e criar independentemente de quaisquer “inclinios”. O conhecimento e global e partilhavel, desde que num determinado grupo o considera e determina.

Se tivessemos escolas, nao insfastruturas, “ambiente”, aonde se ensinavam o poder que web tem hoje na sua vida, cabo verde estaria hoje num nivel menos lamentavel. Falar de tecnologias/ acesso a elas em cabo verde e um artigo que prometo escrever em horas vagas num acompanhar de um morna, para aliviar a dor.

Google deixa china - Déjà vu

2010-03-23T18:37:00.023+08:00

Com facebook, youtube, twitter,blogger (da google), e provavelmente google.com, blockeados, china afunda-se na relacao com o ocidente e arrefece quase por inteiro a integracao no network mundial.

Os acontecimentos que abalaram a relacao google vs china, que deu muito que falar nos ultimos tempos, teve hoje uma final, a primeira de muitas, que todos ja previam - google deixa o mercado chines.

Google fechou os seus servicos na china e comecou a redicionar os utilizadores para a seu buscador, nao censurado, em hong kong (香港).O facto de google deixar china nao me deixou surpreendido, alias ja tinha prevido no meu artigo google vs china. O que me deixou surpreendido foi o facto de google utilizar o seu buscasdor, nao censurado, em hong kong, numa atitude, clara de desafiar Beijing, e claro a lei chinesa. A resposta nao durara, acreditem, ou google.com.hk sera blockeada ou, a menos desajada, google.com.hk e google.com

Esta decisao representa, numa comunidade de utilizadores de cerca de 30% um golpe "polar" profundo. Os preciosos recursos que a google oferecia, como a googe scholar, google music, etc deixara saudades.

A rejeicao de google as exigencias de beijing e uma atitude moral e etica exemplar, de acordo com os principios da empresa e circuntancias, mas ao mesmo tempo desrespeitador e de menino "malcriado" para com Beijing.

Com facebook, youtube, twitter,blogger (da google), e provavelmente google.com, blockeados, china afunda-se na relacao ibernatica com o ocidente e arrefece quase por inteiro a integracao no network mundial.

Felizmente, ouvi aos meus intintos quando, meses atras, capturei uma serie de images da google.cn e servicos, que aqui os partilho.

Carlosespaco blog - redesign!

2010-03-02T00:26:00.000+08:00

Periodo de Ferias

2010-02-18T22:27:00.027+08:00

Estou de ferias em Sanya 三亚
Carlosespaco coming back to you soon!

Awesome patterns giveaway

2010-02-08T14:19:00.009+08:00

Weather you want to use it for personal or commercial use, you can download these (35) “exclusive” awesome textures/patterns in my host page for free. Soon I'll be releasing another “FELIZ DIA DOS NAMORADOS” wallpaper as well as nice post card.

Download

Wallpaper - Dia dos namorados (1)

2010-02-02T23:00:00.017+08:00

Feliz dia dos namorados

Baixe 1920X1200

Baixe 1680x1050

Baixe 1600X1200

Baixe 1440x900

Baixe 1024X768

Aproveite!

Como adicionar "voltar para cima" no seu blog com CSS3/Jquery

2010-01-27T03:26:00.014+08:00

Hoje começaremos uma serie de tutoriais que irá melhorar a aparência e a acessibilidade do seu blog.

“Voltar para cima” é um pequeno mas importante detalhe que ajudará o seu blog a se destacar. Para alem disso, em blogs aonde os artigos são longos, o que faz o site seja longo, eliminará a perca de tempo e paciência na rolagem vertical com o rato.

Apesar da maioria dos utilizadores não terem ideia, o mesmo efeito pode ser alcancado através do teclado “home” na windows

O lugar mais comum para colocar o voltar para cima butão é o“footer”. Contudo neste tutorial irémos fazer algo diferente. Quando o utilizador atingir uma certa posição no blog o butão “magicamente” apareça. Para atingir este efeito utilizarémos o javascript framework Jquery e algumas propriedades do novo CSS3. É de frisar que algumas dessas propriedades não são suportadas pelo Internet explorer 6 e 7 e só teráo efeitos nos “browsers modernos”. Paciencia.

Pressuponho que ao acompanhar este tutorial já te encontras no painel ou algures no seu blog. Se não:

1. Log in no seu blog.
2. Vai na Aparencia >> Editar HTML
3. Salva o seu template primeiro. ( Nao quero estragar o seu dia caso nao funcione, nunca se sabe!)

Este é o lugar aonde irémos inserir todos os nossos códigos. O Jquery irá fazer todo o trabalho, nos só temos de criar um div com id ‘voltarparacima’. Com a propriedade position:fixed; farémos magia ao posicionar o butão fixo a partir de um certo ponto.

Codigo explicacao

HTML

Vamos criar um div com id ‘voltarparacima’.

<div id=”voltarparacima”>Voltar para cima</div>

CSS

Hora do css entrar em accao.

<style>
#voltarparacima{
width:100px;
        padding:5px 5px 5px 15px;
        position:fixed; /* determina a posicao fixa para o nosso botao*/
        bottom:5px; 
        right:5px;
        cursor:pointer;// pelo facto de nao termos usado a (anchor),e bom definir o cursor pointer para indicar link.
        color:#333333; 
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:11px;
        /* apartir deste ponto utilizaremos o poder do css3 para criar um verdadeiro “photoshop” butao */
        border: solid 1px rgb(153, 153, 153);
        -webkit-border-radius: 2px 2px; 
        border: solid 1px rgb(153, 153, 153);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221,221,221)));
        text-shadow: 0px 1px 1px rgba(255,255,255,1);
}</style>

JQUERY

Por ultimo e mais importante a hora do Jquery encerrar a festa.

<script language="javascript" src='http://code.google.jquery-1.2.6.min.js'></script> // link para a jquery library.
<script type="text/javascript">
$(function () {
var $accao=$('#voltarparacima');
var $window = $(window);
$window.scroll(function () {
if ($(this).scrollTop() != 0) {
$accao.fadeIn(500);
} else {
$accao.fadeOut(500);
}
});
$accao.click(function () { // ao clickar utilizaremos a propiedade scrollto para regresar-mos ao topo da pagina.
$('html,body').animate({
scrollTop: 0
},
1500); // anima ao voltar para o topo a uma velocidade de 1500. Ou como bem intenderes.
});
});
</script>

Codigo completo

4.Copie tudo e cola antes do fim de

</body>

Codigo final:

<style>#voltarparacima{
width:100px;
        padding:5px 5px 5px 15px;
        position:fixed; /* determina a posicao fixa para o nosso botao*/
        bottom:5px; 
        right:5px;
        cursor:pointer;
        color:#333333; 
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:11px;
        /* apartir deste ponto utilizaremos o poder do css3 para criar um verdadeiro “photoshop” butao */
        border: solid 1px rgb(153, 153, 153);
        -webkit-border-radius: 2px 2px; 
        border: solid 1px rgb(153, 153, 153);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221,221,221)));
        text-shadow: 0px 1px 1px rgba(255,255,255,1);
}</style> 
<div id=”voltarparacima”>Voltar para cima</div>

<script language="javascript" src='http://code.google.jquery-1.2.6.min.js'></script> // link para a jquery library.
<script type="text/javascript">
$(function () {
            var $accao=$('#voltarparacima');
            var $window = $(window);
    $window.scroll(function () {
        if ($(this).scrollTop() != 0) {
            $accao.fadeIn(500);
        } else {
            $accao.fadeOut(500);
        }
    });
    $accao.click(function () { // ao clickar utilizaremos a propiedade scroll to para regresar ao topo  da pagina. 
        $('html,body').animate({
            scrollTop: 0
        },
        1500); // anima ao voltar para cima a uma velocidade de 1500
    });
});
</script>

5.Salva, e teste.

Conclusao

Utilizando jquery e css3 fizemos um "voltar para cima" butão simples e moderno. Apesar das funcionalidade referidas do CSS3 não suportadas por alguns browsers, mesmo assim o efeito no IE, e Firefox 3.5 e bem elegante e funcional.

Se tiveres duvidas e só comentar abaixo.
Caso houver algum bug ou coisa parecida esteja livre em me informar

Como melhorar a accebilidade do seu blog

2010-01-26T23:20:00.002+08:00

Se tiveres um blog e gostarias de fazer o seu conteudo accecivel, entao por uma semana deves encostar-te a mim que a viagem esta prestes a comecar. Agora que entro em periodo official de ferias, o ano chines vem a caminho, trarei durante uma semana tutorias para poderes melhorar o visual, a acesibilidade, e elasticidade do seu blog. Tentarei fazer o maximo para simplificar o processo. Nao sera preciso seres web designer ou intenderes de codigo para poderes implementa-los, so tens que seguir copiar e colar. Cool ah!

Uma pequena introducao para entrarmos na linha. Porque melhor a accebilidade do seu site, principalmente quando procuras fazer uma impressao? Custumo dizer que a accebilidade de um site e proporcional ao conteudo. Pois e. Por exemplo. Escreves pilhas de artigos por semana. A maioria sao longos e interminaveis. O usuario quando entra no seu site e logo confrontado com o mais recente, contudo este, o usuario, esta a procura de um determinado tema/ artigo, que um dia ao passar viu de raspao. O site e longo, o que o torna doloroso e “adormecido”, depois de vasculhar o blog por mais de 15 minutos, se este for o mais paciente que existe, o encontra. Entao e se tivessemos, um conjunto de etiquetas dividindo os artigos em categoria? Este simplesmente escolheria a categoria que provavelmente ( na logica ), o artigo poderia estar inserido, apartir dai meio caminho andado. Ou por exemplo tenho um amigo russo, atualmente a lote de amigos que tenho sao na maioria de mais de 8 paises diferentes, entao , lhe digo, olha Hammid tenho um blog no blogger que costumo escrever artigos interresantes acerca de web design, va la de uma passadela e aprecie. Ora o Hammid chega a casa e vai directamente no meu blog, ele nao intende quase nada de internet mais gostaria de saber. Pela sua infelicidade os artigos parecem interresantes so que estao escritos em portugues. Entao que tal atinjir-mos a “wide audience” e fazer do nosso blog global com um pequeno button que diz – traduz o meu blog e enviar o hammid ao google translater que fara a translacao do site/conteudo?

Exempos/problemas sao inumeros, mais melhor sao as solucoes e estrategicas para as poder encurtar, por isso nao perca na semana que vem o primeiro de uma serie de tutoriais.

1. Como adicionar “voltar para cima” no seu blog com CSS/Jquery.

Esteja ligado! E deixe a sua sujestao o que gostarias de aprender.

Georgia - Design & Love

2010-01-22T11:07:00.006+08:00

Rogor xar?
I have to admit that weather I'm designing web pages, applications, i have a “thing” for Georgia - typeface. Not because my (亲爱的) girlfriend, the love of my life, is Georgian, not state of Georgia, but country, i feel like it is already part of me!
This is one those things that doesn't happens everyday, so here i am loving design love.

So i came up with this poster (version 1).It reflects what i just said!

Google Vs china

2010-01-19T17:14:00.009+08:00

A notícia de que Google, 谷歌, em chinês, lê-se (guge) poderá deixar de operar no mercado chines abriu varias interrogações e mal-estares. Na causa estão os recentes ataques oriundas do território chines a propriedades intelectuais do google através do acesso ilegal a conta gmail de activistas do direito humano chinês. Segundo o comunicado não official da empresa, houve ataques a diversas contas gmail de activistas de E.U.A e europa residentes no território chines. Tudo indica os ataques foram oriundas do terroritorio chines, por hackers suportados ou pelo menos financiados por oficiais de Beijing.

Esta foi a primeira vez que uma empresa desafia para não dizer “ameaça” Beijing. Google, hoje, desmentiu a possibilidade de deixar o mercado chines. Contudo deixa claro que este acontecimento merece uma abordagem seria das duas partes.

Apesar do querem aliviar o erro – no meu entender a abordagem da empresa foi precipitada e de “ cabeça quente “ – a relação com Beijing complicou-se e poderá conhecer consequências graduais que poderá levar a empresa a desistir do mercado chinês.

Google talvez encontre neste recente ataque, uma razoável desculpa para deixar o mercado chinês como “herói magoado”, ou pelo menos não envergonhado por não ter conseguido o sucesso – opiniao de alguns bloggers chineses . A companhia e sombra da sua competidora, a baidu que detém 70% do utilizadores “patrióticos”. A comunidade de utilizadores de google na china ainda prevalece no meio restrito, classe universitária na maioria, e principalmente focada em centros mais importantes na china como beijing, shanghai, shenzhen, ou guangzhou. Contudo, conforme recentes dados, nos ultimos 6 meses a companhia ganhou algum espaco a baidu, tendo neste momento 43% conta 68% da baidu.

Devido o recente desempenho da empresa, duvido que o mercado seja a "real" razao que levou google a ameaçar em deixar o mercado chinês.

Quando o google entrou no mercado chinês há quatro ano atrás concordou em censurar parte das pesquisas, mesmo sabendo que este comprometia a sua missão.

No comunicado, não oficial, a empresa coloca a possibilidade de por fim ao tratado de censura nos resultados do seu buscador e colocar a “nu” diversos episódios da História chinesa, como o massacre e tiananmen, ou as “verdades” não oficiais de Dalai Lama aos utilizadores chineses.

Durante este 4 anos a empresa lançou uma versão chinesa do seu buscador, google.cn , introduzindo modificações e inovações no serviço local, como um buscador de musica, ou método de digitacao de pinyin.

Se google deixar de operar na china, os top 3 sites, facebook, youtube, estes bloqueados na china, a ideia de e que google quem esta a deixar china passara a a ser a de china deixando o network mundial.

A ideia de operar livremente na web, na era de que muitos consideram a da informação, e de extrema relevância, ainda mais quando o web 2.0 comessa a ganhar forca e globalidade. A minha duvida e sera que se aviza a fase em que nem a nossa liberdade intectual e livre e protegida na web?

Wallpaper

2010-01-08T21:29:00.004+08:00

Partilho convosco este meu wallpaper cheio de cores vivas para o seu PC.

Concurso Lenovo's new phone cover design

2009-09-12T20:26:00.013+08:00

O "deal" entre china mobile e apple para vender iphone na china insistia em nao sair. Contudo todos nos sabiamos que mais cedo ou mais tarde, iria. Bom, passado pasado, apple e china unicom, a principal competidora da china mobile, a maior companhia de servicos telemoveis no mundo consiguiram assinar o papel, e para muito breve iphone sera vendida officialmente nas lojas apple no territorio chines. Nao neste artigo, talvez no futuro, farei uma abordagem sobre as complexidades desse "deal".

Antes do "deal" sair, Lenovo, a terceira maior companhia, fabricadora de "notebooks" em todo mundo, brilhantou-nos com o seu novo produto. Ophone, o telemovel da terceira geracao, com 3d interface integrado, bla bla bla, foi a solucao que a empresa apresentou para uma possivel competicao com o iphone. Quando vi a noticia "twitada"(no twitter) algures nao hesitei em clicar no link. Ja no site da lenovo encontrei um anuncio de um concurso de "cover design" para o novo Lenovo o1. Bom o meu dia ja estava ganho.

Bom, chega de conversa aqui vos apresento os meus designs submetidos. O total de 4 feitos num periodo de vinte dias. Da uma passadinha e deixe o seu comentario, caso goste ou nao.

1
The drop
Explicacao:The blue symbolize the men, and the pink the women, together will born \"the drop\".Water is life, and \"The drop of life\".
2
On the road to become the best
Explicacao:The railway design symbolize a long, prosperous, continuous road to success. The purpose is to reach all of us that is constantly looking to succeed as well as lenovo's new phone.
3
O1 - The power of life" - redesign do "the drop"
Explicacao:The blue and the pink are used to symbolize the alliance between Lenovo and partners. It also have a meaning of a man and woman. The result is a water, which represents the power of life, with O1 characteristics. Its strong and safe, and brings the spirit and sensation of being the "only one".
4
High tech
Explicacao:Inspiration, creativity, technology, progress and the most important quality, that's what 01 is all about.

Verde em web design

2009-09-12T16:09:00.005+08:00

"A bland smile is like a green light at an intersection, it feels good when you get one, but you forget it the moment you're past it." Doug Coupland

Verde e a cor que nos carrega no tempo, que nos faz sorrir, que nos da esperanca.No design ela nos carrega a vivacidade e momentos de gloria. Mais uma lista de sites com "design layout" em verde. Mergulhe na vivacidade, alegria, e no tempo aqui e agora.

5 dicas para os estudantes de design

2009-09-10T10:58:00.011+08:00

Se es estudante de web/graphic design, como eu, ou simplesmente queres aperfeicoar as suas qualidades como "creative",entao este artigo e para si. Um artigo publicado por um prestigioso "web/graphic designer" - Lee Gustin, que decidiu partilhar com os iniciantes na area, a sua experiencia.
Diverta-te aqui.

Nao perca brevemente a sessao "freebies" aonde partilharei alguns graficos, fonts,css templates, e.t.c que colhi ao longo do ano.
E nao te esquecas dos direitos dos autores "copyright", a maioria pode ser usada como bem intender, para fins comerciais ou pessoais, contudo de uma forma responsavel e claro, se poder, faca uma doacao aos seus criadores, afinal merecem.

O salvavida do network na china

2009-09-08T19:17:00.011+08:00

A freegate tem sido um balao de salva vida para os estrangeiros, quer utilizadores vulgares quer web developers como eu, na china. Enquanto o governo chines luta para travar as "social networks" como facebook, twitter, blogger, a freegate vem fazendo com que os estrageiros estudantes, na sua maioria, tenham acesso a estes de uma forma mais controlada e dinamica. Talvez este seja um dos topicos, e softwares proxies mais bem-amados pela comunidade.

"Qual o software para desbloquear o proxy que tens usado?" "Freegate, claro". "Sabes na china quase tudo tem estado bloqueado, mas nao te preocupas tenho um software bom que te vai salvar, o freegate". Estas sao algumas das expressoes mas ouvidas quando se fala em "bloqueios indesejados" aqui na china.

Para alem de freegate, que tambem se encontra em paises islamicos casos como irao, etc, existe inumeros sites unblock proxies espalhados pela net. Sneak me e um exemplo de um proxy unblock site,bem como outros.

Ultimamente o cerco ao freegate tem sido cada vez mais apertando sendo agora impossivel, ou de conexao bastante lenta, o acesso aos site "normais" chineses. Nada funciona aqui na china, se estiveres a usar o freegate - controlando o seu proxy - atraves do ip 127.0.0.1 e a porta 8580. Mas como se diz: "where there's a will there's a way", por isso aqui continuo "blogging" apesar dos inumeros transtornos e mal star.

Tenha um bom dia, e passa mais tarde para topicos quentes.

Coming soon: As 5 dicas para os estudantes de design

As melhores web operating systems

2009-09-08T13:51:00.032+08:00

A interaccao entre o servidor e o usario- cliente, tem sido uma das grandes inovacoes e novidades que a world wide web tem tido e ira tem para os proximos anos. Na semana passada falei um pouco sobre Web 2.0, clique aqui caso nao teve oportunidade de ler.

Neste artigo falarei das Web Operating system, algo ainda mal conhecido para muitas pessoas.

Virtual Web operating system usa programas java-script, e XML criando um ambiente online na web atraves de um web browser independentemente do operating system que o usario esteja a usar.
Pode-se guardar,gerir, aceder, partilhar data, em qualquer parte do mundo utilizando um determinado browser.

Aqui estao presentes uma lista resumida das melhores Web OS.

eyersOS
Este web OS tem aplicacoes bem eficientes, incluindo browser, leitura RSS, satelites, e outros. Podes criar a sua conta pessoal, e ter acesso a aplicacao em qualquer lugar basta tiver um browser.
E um opensource pelo que a comunidade esta sempre disposta a te ajudar.
Recomendado

Icloud
Este e o meu favorito.Encontraras no icloud tudo o que se pode em encontrar num ambiente de trabalho. O design me agrada muito, oferece 50 gigabytes de espaco, bem como aplicacoes como o email, browser, chat, calendario, bloco de notas, browser, relogio etc.
Altamente recomendado, E o que tenho usado ultimamente.
Love it.

JoliCloud
Ideial para notebooks - portateis. A instalacao e rapida e ainda suporta a conectividade do hardware para wi-fi ,bluetth, 3g modems. Ja vem com quase tudo incluido. Facebook, skype, twitter ...etc, deixando a sua vida muito mais facil. O que mais o teu laptop precisa. Excelente.
Altamente recomendado para laptops.

Freespire 2.0
Para linux. Este web OS foi baseado no Linspira -formal Lindows) - O linux "parecido" com windows, com enfase a compabilidade para diferentes e diversos plataformas.

Cloudo
Com um design atraente e funcional. Cloudo ja vem equipado com as suas favoritas aplicacoes. Este web OS nao so pode ser acessada atraves de pc, mas tambem no seu movel.
Recomendado

gOS
Para Linux -Ubuntu e suportado pelas aplicacoes do google, tambem chamado Google OS.

Estas sao na minha opiniao as melhores web OS atualmente. Agora deixo o resto para si. Escolha uma e divarta-te!

40 exemplos de azul em web design

2009-09-08T01:32:00.007+08:00

O azul e calmo. E a cor da natureza que transmite um espirito passivo, atencioso, e harmonioso. Hoje como tinha prometido, trago-vos uma coleccao de sites com azul predominante no layout design. Amei, e aqui os partilho.

21 bons exemplos da cor-de-rosa em web design

2009-09-03T20:24:00.010+08:00

Estao reunidos as mais inspiradores sites em cor-de-rosa. Nao que eu gosto de cor-de-rosa mas ate que da um brilho diferente no design. Para as webdesigne(a)s - mulheres quis eu dizer com isso - vale a pena.
Aqui para ver a lista.

Se gostas de apreciar websites, designs, para semana irei publicar, todos os dias, uma lista de varios exemplos na web de websites inspiradores. Verde, azul, depois debrucarei sobre "swish typography" e outros. Uma semana cheia de "posts" frescos e bem quentes.
Nao perca.

53 CSS tecnicas que vale a pena saber

2009-09-03T20:05:00.007+08:00

Hoje trago-vos uma lista deliciosa de 53 CSS tecnicas para fazer a sua vida muito mais facilitada. A lista foi publicada pelo smashing magazine. Nao perca.
Ver a lista

Web 2.0 - O modelo do negocio do futuro

2009-09-02T09:09:00.023+08:00

A world wide web foi desenvolvida em 1989 por Bernere-lee na suica. O objectivo era ligar uma serie de computadores em rede de modo a facitar a troca de informacoes entre os membros da empresa. A partir dai a internet ganhou novas formas, novas tecnologias apareceram, tornando-se assim parte da cultura humana, num periodo muito curto de tempo. Neste artigo irei falar do web 2.0 como a nova forma do modelo de negocio na internet.

O termo web 2.0 e utilizado para descrever a segunda geracao da internet (world wide web). Literalmente, Web 2.0 e o desenvolvimento web, "web design" que facilita a interacao na troca de informacoes, tendo o usuario como o "centro de debate". E a "plataforma web",em que o propio utilizador cria, divulga, partilha o seu conteudo, criando a sua propia identidade.

O conceito do web 2.0 traz a "ribalta" uma outra technologia, o SEO (search engine optmization - optimizacao de sites). O SEO e o processo em que envolve o crescimento do volume ou qualidade do trafico para um determinado site atraves de engenhos de procura, atraves de um metodo chamado "algoritmo". Fazer o seu producto, conteudo, servico "visivel" na internet e um grande desafio e e base de todo o sucesso do seu negocio.

Segundo, pesquisas,a web 2.0, encontra-se entre as technologias que irao ter grande avanco nos proximos anos.

Sites exemplos do web 2.0: A wikipedia, a enciclopedia livre, em que os utilizadores contribuem com artigos, documentos,etc; O Digg, atraves da votacao activa dos utilizadores disponibiliza artigos interresantes e na ordem do dia ; Casos do Delicious, em que utilizadores partilham os seus bookmarks; O facebook, um exemplo da rede social, que utiliza a technologia UGC. Contudo esses sites nao claramente mostrarem o poder do web 2.0, como modelo de negocio, em que "o propio negocio e criado pelo utilizador".

Como modelo de negocios temos: Threadless um site online que vende t-shirts criados e submitidos pelos propios usuarios, e votados pela comunidade. O t-shirt posteriormente sera vendido, e o vencedor recebera uma quantia risonha, bem como o site que tera direito a uma parte dessa quantia.

Um outro site e : crowdSPRING, tambem um servico online que integra talentos na area de design de graficos com projectos relacionados. Os designers submitem os seus designs e a empreza ira escolher o vencedor. O vencedor recebe a sua respectiva quantia bem como o site.

Sao alguns exemplos de sucesso. O que e nessecario mesmo e ideias inovadoras, e frescas, levando em conta o mercado, a procura e principalmente a disponibilizacao do conteudo pelo usuario.

Estudos feitos endicam que somente 1% dos usuarios criam na verdade o conteudo. Apesar disso nao ser novidade, o exemplo e bem presente no nosso cada dia, o ouvinte e sempre em numero devastador do que o falante, colide com a propia definicao e estrategia do web 2.0 em se estabelecer como o modelo do negocio.

Imaginemos agora, em Cabo Verde, aonde o acesso a internet continua bastante caro, bem como utilizadores em massa, o negocio online ficara destinado ao fracaso pois o consumo, disponibilizacao de conteudo por parte do usuario nao chega a ser suficiente.

Com isso, ceticos, tem duvidado do futuro do web 2.0 em se pervalecer com o modelo do negocios. A questao e simples, se nao houver usuarios a contribuirem para a criacao de conteudos, o site nao consiguira sobreviver consequentemente o negocio pre-estabelecido. Apesar das criticas, esqueceu-por por momento ver a propia essencia do web 2.0, que e dar ao usuario a palavra, a liberdade, a democracia online, de divulgar informacao, mas mais do que isso fazer da interaccao (usuario - conteudo - site) muito mais tenue e prolificada.

Carlos Gomes, China

300 recursos para te ajudar a tornar num mestre em photoshop

2009-09-01T16:12:00.002+08:00

Uma lista enorme feita mais uma vez pelos companheiros do webdesign Depot aonde estao reunidos os mais bizaros photoshops tutorias para te ajudar a ser um mestre. Eu pessoalmente, antes da lista ser publicada ja tinha passado por alguns dos sites/tutorials referenciados, contudo ainda me faltam 200 e tal para visitar e aprender!
Visite o site aqui

Redesenhando o meu website

2009-09-01T14:45:00.007+08:00

"Learning without thought is a labor lost; thought without learning is perilous" Confucius

Fazer o redesign do meu tao desejado website nao foi facil. Quis faze-lo com um pedaco de formalidade e muito mais especifica, que levase com as pessoas que visitem o meu espaco e que sentissem avontade. A acessibilidade tem sido um dos pontos que tenho estudado muito. Tenho estado a construir um portfolio rico e de excelencia de modo a mostrar as minhas qualidades como estudante de web design.
Farei o upload/screenshot do site layout na semana que vem para recolha de opinioes.

100 + personalidades - obras mais influentes de todos os tempos

2009-09-01T14:24:00.005+08:00

E uma lista feita pelo webdesigner Depot a web design blog. Apesar de nem toda a gente concordar com a lista no seu completo, pois existem personalidades que deveriam ser incluidas, tais como Mao Ze Dong,the tank man, pele, Julius Cezar, Bruce Lee, Barack Obama, Socrates etc, contudo a maioria concordamos. Uma lista de inspiracoes de pessoas que contribuiram nos seus tempos para o mundo que temos hoje.
Veja aqui

Back to normal life

2009-08-13T04:50:00.005+08:00

After a week for holidays in hainan,beautifull island, i came back to my normal life. Ive been blogging alot these days, specially in twitter. Alot of tutorials to watch, a lot of things to learn and put in practice.Beside this i still have to prepare for my second year computer science study. I want also to start a course with 5 months duraction in a private school about design tools such as photoshop, coreldraw ... as well as css, html,javascript and SEO. Get say that these next 8 months is going to be very tuff.
Im happy with google wave introduced by its developers, and really cant wait to try it.News about facebook lite didnt change my opinion about this social network. Was good when i took a look at "things about facebook that you dont know" I was surprised, when i took a look at top 10 website and there was 4 chinese websites, chinese websites come after usa in terms of web presence.Cool.
Loved the new concept of art director introducing some good examples of designer that been following that aspect. I liked desandro.com, a inspired web designer who fascinated me with his imagination.

Finally comin soon :::

2009-07-07T13:08:00.005+08:00

First noskantu.com logo

2009-06-15T18:16:00.003+08:00

*****Logo detalhes e explicacao*****
A figura da pessoa representa o basico logo de um social-network. Escolhi a cor azul e cor de rosa para representar ambos homen e mulher. Ao lado desenhei cinco quadrados. alguns representam algumas ilhas, atraves de elevacoes e simbolo da musica.Os quadrodos multiplicado pela "mulher"e o "Homen" simolizara as dez ilhas. Fiz porque quiz enfatizar a uniao, o trabalho e o "share" do povo cabo-verdiano.
noskantu.com e um projecto da criacao de um social network website, que ainda apenas se encontra dentro da minha cabeca. Um site para promover o noskantu.com "beta" sera lancado o mais tardar final do mes!

Noskantu.com

2009-06-09T13:33:00.002+08:00

O Enorme e longo ano de lectivo, esta a terminar. Estou encoralado de exames que tiram de mim o tempo que gostaria para dedicar o meu tempo num projecto ambiciosso que quero levar a cabo.
Neste momento estou na fase de conclusao do meu primeiro website, KT enterprise, uma futura empresa que quero criar, bem como a "lancada da primeira pedra" do projecto noskantu.com. Sera um "social-network" site inicialmente aberto somente para cabo-verde. Em coloboracao com estudantes, e amigos na area de computer science contamos conclui-lo o mais tardar em 2011.
Se quizeres unir a nos por favor escreve para noskantu@gmail.com.

:::A crise mundial - e china:::

2009-04-13T12:28:00.013+08:00

Politicas da antiga administracao Americana deixou um verdadeiro “buraco negro” na atual economia mundial.Foi um verdadeiro Déjà vu. O colapso do dolar, a moeda de troca e reserva internacional, tem devastado a economia dos Estados unidos, que tem levado consigo as outras potencias. Potencias mundiais, G20, estao a trabalhar de modo a se definir estrategicas concretas e eficientes para se sair do “coma”. Deste destaca-se, pela sua inorme controversia e relevancia, o apresentado pelo governador do Banco Central da China, que propos a criacao de uma moeda de reserva mundial independente de qualquer nacao ou estado. Proposta esta nao suportada pelo presidente Americano, Barack Obama, como se intende. Se tivermos uma nova moeda de reserva internacional, o dolar perderá toda a sua influencia exterior causando uma verdadeira revolucao na economia mundial.

Brasil, Russia, India e China,(BRIC) consideradas as proximas potencias economicas, ficou resumida a (IC) com China em destaque para uma possivel lideranca mundial. Até alguns lideres mundiais ja dizem que china, a Terceira potencia economica mundial, ja lidera o mundo.

A economia Chinesa vem crescendo os ultimos 30 anos de uma forma espantosa, agora, com a crise, as questoes que ficam é se Beijing conseguirá corresponder as expectativas. Os Estados unidos esperam que a China compre mais tesouro neles, a FMI espera uma contribuicao significativa aos paises como a irlanda, e outros de modo a ajuda-los a sair da crise, etc.

Internamente china enfrenta problemas que se devem ser consideradas, entre os quais a relevancia a quantidade em relacao a qualidade na producao, bem como o seu desiquilibrado crescimento. Estima-se tambem que a elevada producao para a exportacao podera cair no vazio quando este e confrontado com o poder de compra exterior que nao é suficiente. Nesse ponto a crise podera ter consequencias devastosas para a economia chinesa.

Especialistas dizem que a China terá ainda que ser forte internamente com politicas sociais fortes, e ter um poder de compra muito mais vasta. Contudo os Chineses ainda possuem um salario muito baixo, e distribuido inadequadamente. Familias insistem mais em poupar do que gastar. Disso um ponto é claro, se nao tivermos uma politica onde se garante uma competicao justa, o pobre tera maior dificuldade de melhorar o seu estado social e economica.
Alem disso, a propia conjustura da politica chinesa continua a nao fornecer opcoes validas. A politica corrente aplicada nao é justa, onde pessoas de alto nivel decidem quem ganha e quem perde, reservando o ganho a um grupo especifico em nome de toda a nacao. E como diz uma famosa musica brasileira “(…) O do cima sobe, e o do baixo desce”!

O crescimento desiquilibrado tem como um dos factores a grande diferenca entre o meio rural e urbano. Alias, isto é um problema a qual muitos analistas pensam ser um trave para uma economia sustentada da China. Persiste-se uma elevada migracao da populacao rural ao meio urbano deixando o meio rural sem opcoes animadoras. Maozedong, respeitado revolucionario chines, sempre disse que a economia deste gigante pais, deve passar necessariamente pelo o investimento no meio rural. Nem mais.

Recentemente, o primeiro ministro Chines, disse que a economia chinesa tem tido uma recuperacao gradual a crise, apesar de ainda existirem problemas.
O pacote de estimulo implementado por Beijng, tem funcionando, e garante que se for necessario será aumentado. É previsto um crescimento a volta dos 5% ao contrario as outras potencias.

Nesta luta de sobrevivencia, China vem vivendo num flat pintado a cor de rosa, bonita e expetante, em que tudo parece ser aprecivel e de bom gosto para os vizinhos. Contudo o espaco continua a precisar de muita remodelacao e decoracao para se poder sustir e carregar as costas os irmaos queridos, ou nao, para o bem da familia mundial.

:::O sonho chines:::

2009-04-10T18:36:00.004+08:00

Os dias passam e o tumulo secreto e indefinido
vai abrindo em mim pedacos de nada
que cobertos por significancia ou nao pretendida
vem alimentando em mim o sonho que me conduz

O sonho do tardar endurecido
penetrado na solidao ignorada
o sonho que pertence a mim e a ti
que nos faz andar inconcientes encantados

Livro-me do presente dolorosso
e escondo-me na imperfeicao inventada
copio tracos trazidos de cabo verde
e finalmente vivo momentos de crianca

Momentos a solta
momentos a procura do refugio
momentos que nao passam de momentos
momentos de quem vive num mundo mudo reconhecido

Carlos Gomes
2009-04-01

:::Desenvolvimento-sustentado- da ilha do maio:::

2009-04-10T18:34:00.008+08:00

O Governo, em parceria com as Câmaras do Maio e da Boa Vista, bem como a SDTIBM tem feito um trabalho de modo a evitar os erros cometidos na experiência salense. É de se salientar a insistência no desenvolvimento turístico sustentado, estratégico e sobretudo equilibrado, como se explica a criacão de múltiplos instrumentos, e planos a volta.

Todo o trabalho que se tem feito vem exigindo uma coloboração proporcional de todos os intervenientes. Deste modo justifica-se a importância e necessidade do bom relacionamento das partes envolvidas. Tem se debatido muito, de modo que se defina o melhor modelo para oaproveitamento das potencialidades turísticas ( não focando somente o turismo de sol e mar) nas duas ilhas. Pelo facto de ser a primeira vez que se adopte tal sistema em Cabo Verde, e normal que este esteja susceptível a erros e imperfeições. É importante sermos abertos, e sensíveis, nessa longa investida para o “sake” da meta pré-estabelecida.

O novo documento, o Plano de Ordenamento Turístico, e um documento forte que era necessário entre os instrumentos para o desenvolvimento que se quer na ilha do Maio! Creio que e um passo importante da longa caminhada! É um documento que atinje outras vertentes que até agora estavamv“escondidas” e vazias. Dará mais interacção á população, e ás políticas camarárias. Ficaria contente em saber que não é um documento “fechado”, no ponto que não permitirá modificação e acrescento. Deverá
ser, sim ,um documento com “folhas em branco” e aberto à “anexos”. Como em qualquer regiao, o desenvolvimento da ilha do Maio, passa necessariamente por três (+1) esferas: Bens públicos, educação, a saúde, e recentemente o acesso as novas tecnologias.

A criação de infraestruturas básicas, foi e continua a ser uma das apostas. Contudo, ainda persitem problemas de acesso a ilha, energia, saúde, saneamento e outros. Nessa fase é importante que já se tenham definidas soluções concretas para o problema da energia, o novo hospital, o saneamento e o transporte marítimo a ilha. Espero que não caiamos no erro de este, o documento, se tornar numa copia resumida dade Sociedade de Desenvolvimento Turístico Integrado das ilhas da BoaVista e do Maio (SDTIBM).

Para além das infraestruturas básicas, já apontadas, é de extrema importância falar da preparação da população para o desenvolvimento. Aqui a sustentabilidade e o equilibrio passa necessariamente pelo o Emprego, formações, habitacão, acesso a novas tecnologias de informacao e outras. Serao necessarios quadros para dar vazio a procura e oferta. Trabalhar no espírito empreendedor dos nossos jovens, mulheres donas de casa,principalmente no meio rural. Nisso e importante salientar politicas vantajosas e atraentes, tais como o microcredito, formacão, etc; Há milhares de histórias de empreendedorismo que se tornaram realidade graças ao sistema de microcrédito, cujo objectivo é atender às necessidades financeiras a pessoas e famílias à margem do sistemabancário devido à sua condição social e econômica.

É de se acrescentar a complementação do microcredito com acções de capacitação, acessoria e acompanhamento. E preciso apostar em medidas como esta, no combate ao desemprego, pobreza, etc. Permitirão tambem às pessoas realizar projetos, associações, e lhes dára oportunidade de assumirem a responsabilidade de gerar a criação de condições na ilha para o acesso as novas tecnologias de informação, comunicaçao e inovaçao devera, definitivamente, entrar naagenda, se nao fosse a convergência as tecnologia de informação e comunicaçao um dos principais determinantes do desenvolvimento econômico.

Já agora as nossas belíssimas e movimentadas praças ainda aguardam os técnicos da NOSI. Do governo central uma atenção diferente, um “special care” em relação aos problemas da ilha, e um respeito digno para com o povo maense. A intensa coloboração com o poder local, de forma a encontrar concenso, para o bem da ilha, e de Cabo Verde. E necessário começar-mos, definitivamente, a ver as coisas de cima. Com o desenvolvimento avista, nos proximos 15 anos, Maio não será igual ao Maio de hoje, é bom sabermos disso. Que este plano não fique somente no papel, que sirva o desenvolvimento da ilha, e que deste se consiga frutos para o iniciar de um desenvolvimento turístico equilibrado e exemplar.

About

2008-09-01T15:48:00.002+08:00

Seja benvindo ao meu blog
Meu nome e Carlos Gomes， sou de Cabo Verde - Ilha do Maio Sou estudante de ciencia de computacao na universidade de tecnologia de wuhan - china. Adoro desenhar websites o que faz de mim um amante de "design interface". Crei este blog para partilhar artigos e conhecimento sobre os mais diversos temas, com destaque para o web design, a minha paixao, e outros.Esteja livre em me contactar para o que for.

Welcome to my blog
My name is Carlos Gomes, im a web designer student based in wuhan. i enjoy working with design interface such as XHTML and CSS. I created this space in order to share articles, knowledge about diferent subject, where web design its one of my favorite. Feel free to contact for anything.

欢迎到我blog来
我叫科洛斯，网页设计学生在武汉。在这儿我分享网页方面的“article"也可以下载一些works与网站有关！欢迎来我这儿。