Gustavo Ribeiro (blog)

jun 16

World Travel & Tourism Council

Meta Tags: Portifolio • por Gustavo Ribeiro

Depois de um bom tempo de blog abandonado, mais um projeto foi ao ar e, para variar um pouco, estou postando com um mega atraso.

Visitem o site da WTTC. Ficou bem legal e me rendeu uma bonificação, até legalzinha, depois de 3 anos na empresa.

Comentar tópico

mai 04

CSS hacks para diferentes browsers

Meta Tags: CSS, hacks • por Gustavo Ribeiro

Alternativas para desenvolvedores que não gostam, assim como eu, de utilizar comentários condicionais para diferencias seus CSS’ em diferentes browsers.

/***** Selector Hacks ******/

/* IE 6 and below */
* html #uno  { color: red }

/* IE 7 and below */
*:first-child+html #dos { color: red }

/* IE 7 and modern browsers */
html>body #tres { color: red }

/* Modern browsers (not IE 7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below */
html:first-child #cinco { color: red }

/* Safari */
html[xmlns*=""] body:last-child #seis { color: red }

/*safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }

/* saf3, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #diez  { background: #FFDECE; border: 2px solid #ff0000 }
}

/***** Attribute Hacks ******/

/* ie6 and below */
#once { _color:blue }

/* ie7 and below */
#doce { *color: blue } /* or #color:blue */

Comentar tópico

abr 30

17 Cheat Sheets que irao facilitar sua codificação

Meta Tags: Cheat Sheet • por Gustavo Ribeiro

Reuni para esse tópico uma lista com 17 cheat sheets, separados por categoria, que poderão te ajudar na codificação e na lembrança de alguns códigos.

Wordpress

• The WordPress Help Sheet
• The Advanced WordPress Help Sheet

PHP

• PHP Cheat Sheet

MySQL

• MySQL Cheat Sheet

Ruby on Rails

• Ruby on Rails Cheat Sheet

JavaScript

• JavaScript Cheat Sheet
• Scriptaculous Cheat Sheet
• jQuery 1.3 Cheat Sheet
• mootools 1.2 cheat sheet
• Prototype 1.6.0.2 Cheat Sheet

xHTML

• xHTML Elements and Attributes
• HTML/XHTML in one page

CSS

• CSS Cheat Sheet (V2)
• CSS CHEAT SHEET

ActionScript

• Actionscript 2.0 Cheat Sheet Flashpaper
• ActionScript 2.0 to 3.0 Migration Cheatsheets
• Papervision 3D Cheatsheets

Comentar tópico (1)

abr 13

Utilizando âncoras

Meta Tags: Acessibilidade, Âncoras, Webstandards • por Gustavo Ribeiro

Quando penso em sites acessíveis, além de procurar cumprir todas as premissas definidas pela WCGA 1.0 e WCGA 2.0, penso também na facilidade de navegação dos usuários nesses sites. Dentro dessas facilidades destaco as âncoras, que nos possibilidade saltar de um conteúdo para o outro na tela com apenas um click, e as accesskeys que nos fornece atalhos também para uma navegação rápida em toda a página. Hoje iremos falar sobre as âncoras.

Âncoras. O que são?

Âncoras são pontos-chave dentro de um site/texto. Quem nunca abriu um documento no word e, logo nas primeiras páginas, deu de cara com um índice onde, quando clicado no item te lançava direto para o texto relacionado? Isso é um texto âncora.

» Continue lendo Utilizando âncoras

Comentar tópico

abr 08

As melhores extensions para firefox

Meta Tags: extension, FireFox • por Gustavo Ribeiro

Lista, de mão beijada, dos 10 melhores extensions para firefox que uso, comecei a usar e recomendo.

» Continue lendo As melhores extensions para firefox

Comentar tópico