Alvo Conhecimento » CSS

Seminário – Experiência do Usuário na Web

Daniel Accorsi — Fri, 16 Apr 2010 16:18:53 +0000

Dia 23/04 (próxima sexta-feira), os profissionais de web de Londrina/PR e região poderão participar gratuitamente do Seminário sobre Experiência do Usuário na Web. O evento será realizado pela APRADi (Associação Paranaense de Agências Digitais) e patrocionado pela Locaweb e Senai (Serviço Nacional de Aprendizagem Industrial). Vale lembrar que as inscrições são gratuitas até o dia 20/04 (terça-feira). Após esta data o valor para entrara será de R$ 10,00, conforme divulgação (cartaz abaixo). Se você é da área, não pode perder. Acesse! Estarei lá!

Dicas Interessantes #5 – Mega Pack

Daniel Accorsi — Thu, 27 Mar 2008 14:32:03 +0000

Nesse número 5 fiz um pack bem grande. Sem perceber acabei deixando acumular, porém ficou uma coleção muito boa de links. Divirta-se!

Começamos com um especial: CSS Hacks & Issues. O pessoal disponibilizou 8 dicas e truques em CSS para garantir a qualidade e compatibilidade de seus trabalhos. Vejam os tópicos:

1. Introduction
2. Browser-Specific selectors
3. Transparent PNG’s in IE6
4. Removing dotted links
5. Applying a width to inline elements
6. Centering a fixed width website
7. Image replacement technique
8. Min-width

Abra os exemplos aqui: SolidStateGroup

Coleções

25 Icones vetoriais
Etiquetas vetoriais
20 Icones png
CSS Templates
Mais CSS Templates
Icones (Camera Icon, Air Mail, Safari e 150 Pixel Icons e mais)
Fresheezy – Temas para WordPress e outros
Fontes no estilo caneta de pena
Mais 30 fontes estilizadas
500 formas (shapes) de estrelas para Photoshop
42 estilos de botões para Photoshop (tendência web 2.0)
19 ícones de alta qualidade
100 ícones de alta qualidade
Mais 100 ícones de alta qualidade
Actions interessantes para Photoshop
Temas para blogs
Ícones de pasta
Bruhes de alta resolução para Photoshop
5000 ícones
Excelente dingbat fonts
Site só com brushes
Mais brushes para Photoshop

Scripting

iCarousel – OpenSource JavaScript
Plugin para jQuery – Efeito de transição de imagens
GlassBox – Crie muitos efeitos com este plugin usando Prototype e Script.aculo.us
Polar Clock
Facebox – plugin jQuery para exibir janelas estilo Facebook
Spry – Frameword da Adobe para programar Ajax
Piwik – OpenSource Web Analytics
Fading Header
Flowplayer – Excelente vídeo player para seu site
Cropper UI – Recorte suas imagens em JavaScript (Prototype + Scriptaculous)
MoreCSS – JavaScript que usamos no dia-a-dia
Personalize seu blog WordPress com a função query_posts()
Password Strength Checker – JavaScript para verificar complexidade de senhas
10 efeitos em JavaScript para seu site

Stuff

Optimus Maximus Keyboard
Excelente, abandonware!

Serviços online

Compartilhamento de fotos “proibidas”
Vetorizador de imagens
Emuladores de celulares (maioria das marcas e modelos)
Pingue seu blog em vários serviços de uma vez só
Valide seu feed
Descubra o valor de seu site
Gerador de selos
Organizador pessoal
izzyMenu – Criador de menus em CSS
Crie abas com o YUI Tabs
“Muléres”, simule sua maquiagem (não sei como cheguei aqui e nem quero saber)

Tutoriais

Marcação a ferro quente
Efeito Grama

Referências / Conceitos

Diferença de cores na renderização entre Firefox e Safari
Blog sobre logo design
Outro blog sobre logo design
Evolução das marcas famosas
Aviary – Suite para aplicações RIA
Galeria de demos usando a API do Google Maps
Entenda RSS
Referência completa HTML
60 excelentes referências para CSS

Ufa! Fim, envie seus comentários.

Divulgue seus posts originais aqui na série “Dicas Interessantes” no Alvo Conhecimento, entre em contato comigo. A referência será também publicada.

Dicas Interessantes #4

Daniel Accorsi — Thu, 21 Feb 2008 18:45:28 +0000

Update 25/02/2008: O objetivo dessa série de posts (Dicas Interessantes) é oferecer dicas realmente úteis que eu mesmo já usei, na maioria. Estes posts são acúmulos de favoritos focando diretamente meus leitores. Tanto que, após a publicação, “esvazio” o meu pessoal para deixar somente a “versão on-line”. Opção minha em fazer dessa forma ao invés de popular meu feed com links únicos no del.icio.us.

Conteúdo / Conceito

Problemas de pixel no CSS em diferentes browsers?
Introdução à Semântica (for noob)

Coleções

WebAppers iconset
Web templates & WordPress themes
Iconspedia – banco de ícones
Templates para Flash

Serviços on-line

Befunky – converta suas fotos para cartoon
GWT-Ext – Widget Library
Capture as cores de um site
Pichacks – brinque com sua foto
Energy Ville – online game estilo SimCity ecologicamente correto
Krugle – searsh engine para códigos (todas as linguagens)
Idea Generator – está sem idéia? Ele te ajuda!

Tutoriais

Layout CSS passo a passo

Scripiting

10 bes CSS hacks
mooSlideBox3
BrPoint – robots.txt ideal para WordPress

Downloads

Instantstorm 1.5 – transforme SWF em screensaver (free)
All in One SEO Pack – plugin WordPress