Websites e Gestão de Conteúdos

WordPress, Grafismo, Recursos e Dicas

14 Dezembro 2007 ~ 0 Comentários

Os melhores designs em CSS de 2007

O desenvolvedor do site Best Web Gallery e da N.Design Studio (Nick La) destaca 50 trabalhos em CSS como os melhores para o ano de 2007.

Trabalhos espantosos, reveladores de grande qualidade de design, juntando de forma surpreendente as variáveis, design, técnica e criatividade.

Uma pequena amostra destes trabalhos:

capturevalley

Team Green

Radiant Plumbing

Aceda ao Web Designer Wall para ver todos os trabalhos apresentados, inclusivé a página do site, também de grande qualidade e desenvolvida em wordpress.

14 Dezembro 2007 ~ 0 Comentários

icons gratuitos para Mac OS X

Conjuntos de icons para utilizar em sistemas mac disponibilizados gratuitamente pela aiomedia.

Alguns exemplos (mais conjuntos no site da aiomedia):

icon1

icon2

O autor também tem fundos para o desktop interessantes:

wallpaper1

wallpaper2

Tags: ,

14 Dezembro 2007 ~ 0 Comentários

Cara Q criador de Avatar para o Skype

caraQ

CaraQ Avatar Maker ajuda-o a criar o seu CaraQ de forma muito simples.
O gerador está disponível em duas versões: a versão Skype e a versão PC (Windows).

CaraQ (Skype)

CaraQ(Windows 2000,2003,XP,Vista)

13 Dezembro 2007 ~ 2 Comentários

O que é um favicon?

Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com cerca de 16×16 pixels que ficam guardados num site para visualização pelo browser. Este pequeno icon aparece sempre do lado esquerdo do endereço web do site que se acedeu.

favicon

Em alguns browsers como o Internet Explorer até a versão 6, os favicons não aparecem na barra de URL, só se tornam visíveis quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem ou favicon do site a que se acedeu. Actualmente todos os browsers, Firefox, Opera, Safari, Camino, Netscape e Internet Explorer 7, os favicons aparecem sem qualquer problema e podem ser encontrados também nas abas (mais conhecidas por tabs) além da barra de endereço e dos nossos bookmarks.

Os favicons além de fornecer um valor estético e identificar de forma conveniente um site ( exemplo Apple, com a maça) do ponto de vista da acessibilidade é muito importante também, pois auxilia o utilizador a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Na maioria dos casos os favicons são imagens simplificadas do logotipo da marca que representam.

Na ausência de um favicon, os browsers exibem seu próprio ícone ou um ícone padrão como uma folha em branco. Actualmente a grande maioria dos sites já disponibiliza o seu favicon personalizado.

Existem pela internet muitos geradores online que nos permitem criar o nosso favicon a partir de uma imagem.

pixel icon

[...]

12 Dezembro 2007 ~ 0 Comentários

Conversor BBCode para HTML

Esta ferramenta permite a conversão entre texto formatado em BBCode (posts de forums) para o HTML standard. Este conversor gera as tags de paragráfos apropriadas e utiliza as CSS para as declarações tais como, o tamanho das fontes, cor, etc.

BBCode

Tem diversas opções e a lista de tags supotadas é a seguinte:

BBCode Tags

  • Bold

    [b]Hello[/b]

  • Underlined

    [u]Hello[/u]

  • Italics

    [i]Hello[/i]

  • Strikethrough

    [s]Hello[/s]

  • Forced Linebreak

    [br]

  • Colors

    [color=red]Hello[/color]
    [color=#FF0000]Hello[/color]

  • Font Size

    [size=9]Hello[/size]

  • Font Type

    [font=Verdana]Hello[/font]

  • Alignment

    [align=left]left aligned text[/align]
    [align=center]centered text[/align]
    [align=right]right aligned text[/align]

  • Quotes

    [quote]Hello[/quote]
    [quote="Name"]Hello[/quote]
    [quote=Name]Hello[/quote]

  • Code

    [code]Hello[/code] (text between code tags is not modified)

  • Unordered Lists

    [list] [*]Red [*]Blue [*]Yellow [/list]

  • Ordered Lists

    [list=1] [*]Red [*]Blue [*]Yellow [/list]
    [list=a] [*]Red [*]Blue [*]Yellow [/list]

  • Links

    [url]http://www.example.com/[/url]
    [url=http://www.example.com/]Example[/url]

  • Email

    [email]user@domain.com[/email]
    [email=user@domain.com]email me[/email]

  • Images

    [img]http://domain.com/image.jpg[/img]

12 Dezembro 2007 ~ 0 Comentários

Litesum, motor de busca

litesum
O Litesum é um motor de busca para a Wikipédia, que apresenta a informação base de um determinado tópico de forma fácil e rápida. Ainda em beta, como convém hoje em dia a qualquer aplicação que se preze, o Litesum não acrescenta grande valor à própria pesquisa da enciclopédia colaborativa nem a qualquer outro motor de busca, mas é uma ideia que funciona.

12 Dezembro 2007 ~ 0 Comentários

Web 2.0 Icons

utomweb2

Podem ser obtidos no formato PNG ou ICO distribuidos de forma gratuita.

Download

UtomBox

Tags: , , ,