eu Website de:
João Luís Couto

11-06-1958

Espinho / Portugal
joaoluiscouto@gmail.com
    Home   Highlights        
    Books & Cinema               
    History                              
    Travel & Places                 
    Music                                 
    Economy & Markets           

Other Pleasures

  Top  
  Agendas / Local Events
  Banda Desenhada / Cartoon
  F.C. Porto
  Futebol
  Surf
  Wild
  HTML / CSS / JavaScript ...
  My old desktops & avatars
  Knowledge / Conhecimento
  Scientific Documentaries
  Other Documentaries
  Other Stories
   Bottom    






Other Pleasures  /  Outros Prazeres
other-pleasures
      Home         Books & Cinema        History        Travel & Places          Music         Economy & Markets       Other Pleasures    



porto-campeao-2013

FC Porto DEMOLIDOR!
Reportagem 360º RTP1 (Mai / 2013)...       ver video            ver mais FC Porto





















agenda

Agendas de Eventos Locais



    Espinho     amp * espinho
    Gaia
    Ovar

    Porto     amp * porto

    Casa da Música
    FC Porto

    Museu Soares dos Reis

    Serralves

    Santa Maria da Feira
    .

    .
mapa-arredores-espinho


















Banda Desenhada  /  Cartoon






fethry
Peninha

Peninha e Biquinho:
A Fase do NÃO
pateta
Pateta
ze-carioca
Zé Carioca
ze-colmeia
Zé Colmeia








bip-bip
Bip Bip e Coiote
calimero
Calimero
speedy-gonzalez
Speedy Gonzalez
obelix
Obélix








mafalda
Mafalda
mr-magoo
Mr Magoo
snoopy
Snoopy (in Charlie Brown)

Snoopy in a Bad Mood
piu-piu
Piu Piu e Sylvester








pepe-legal
Pepe Legal e Babalu

Pepe Legal, cara de cavalo.
"Cale-se Babalu que eu sou
o único que pensa aqui!"

Isleibol Cara-de-Cavalo
O Caloteiro
Chefe Pena Curta
Território dos homens maus
Heckle & Jeckle
Heckle & Jeckle

- I don't see any stars!
- You will my friend, you will!

The Super Salesman
Rival Romeos
Os Barbeiros
Fazedores de Chuva
Foghorn Leghorn
Goghorn Leghorn

Mais conhecido como
Frangolino, eheh
é de partir a moca a rir...
I say!

Best of Foghorn Leghorn
Pullet Surprise
Aprendiz de Papa Galinhas
Tom & Jerry
Tom and Jerry

The Duck Doctor
Texas Tom
Mice Follies
Baby Butch

Faltam aqui mais alguns bonecos, um tal de Babalu que não encontro mais (que entretanto encontrei em Pepe Legal), dois corvos malucos da Disney (que tb já encontrei e estão agora aqui acima linkados, Heckle and Jeckle ou Faísca e Fumaça em versão brasileira) e tb aquele galo muito convencido da Looney Tunes (cá está ele...) e se puxar pela memória devem aparecer mais alguns nomes... Talvez apenas o Tom & Jerry para fechar o quadro...

Nunca gostei de ver filmes de tipos desajeitados e trapalhões com a mania que são engraçados... Já na banda desenhada a coisa é muito diferente... Adoro mesmo as personagens aí acima entre as quais a do Peninha (Fethry Duck da Walt Disney) que é mesmo a minha preferida...

Até aprox. aos meus 20 anos e mesmo depois disso cheguei a fazer colecções de BD e ainda hoje tenho algumas desse tempo que comprava semanalmente... Houve mesmo uma época da minha juventude em que eu não adormecia antes de ler um pouco de BD... Muitas vezes desatava a rir sem conseguir parar e o meu irmão Tó-Zé, na parte de baixo do beliche, ficava fulo a perguntar porque é que eu me ria tanto e eu lá lhe dizia que era por causa da cara do gajo, eheheh... O Tó-Zé ficava tolo e não entendia, "por causa da cara do gajo"!!! 

Eu escangalhava-me a rir era sobretudo pela expressão que o artista conseguia transmitir aos bonecos em determinadas sequencias das narrativas através da sua arte, do seu desenho... Era a conjugação dessas sequências que me partia todo... A personagem do Peninha é inesquecível, tem coisas maravilhosas....

penhina-br peninha-m peninha-s

Patada




Video
pepe-legal-02
Pepe Legal -02.
(bandidos disfarçados)


















fcpcapa

F.C. Porto





   Site Oficial - fcporto.pt
   Notícias FC Porto
   Imagens FC Porto
   YouTube FC Porto

Pinto da Costa 1 de 6

Pinto da Costa
Especial 30 anos de Presidência

Entrevista Parte 1  (17/04/2012)
As estórias de 20 anos de dirigismo antes da Presidência

Entrevista Parte 2  (23/04/2012)
Presidente tomou posse para o 1º mandato a 23 de Abril de 1982


Champions League FC Porto 2-1 Bayern (1987)

Taça Intercontinental Porto 2-1 Penarol Uruguay (1987)
Pinto da Costa (Entrevista a José Eduardo Moniz - 1988)

Mourinho dá um murro na mesa e diz que vai ser campeão! (2003)

UEFA Cup - Celtic 3-4 Porto (2003)

Champions League FC Porto 3-0 Monaco (2004)

Taça Intercontinental - FC Porto 0-0 Once Caldas (2004)


Pinto da Costa O Melhor Discurso de Sempre (2008)
Pinto da Costa - Momentos Cómicos
Pinto da Costa vs Gato Fedorento
Radamel Falcao - FC Porto 2011
Pinto da Costa "Nunca tinha festejado um título ás escuras. Foi uma novidade." Abr/2011

Hulk | Fc Porto | Goals & Skills 2012

BENFICATV A reacção ao golo de Kelvin -- FCPorto x Benfica 11 Maio 2013

Vitor Pereira - Meti na cabeça que ia para a faculdade... -- Entrevista 21 Jan 2017



porto-campeao

Ver  video aqui  
FC-Porto-anima
   FC Porto DEMOLIDOR! Reportagem 360º RTP1  (Mai / 2013) 








estadio-bandeira

estadio-jogo

estadio-dragao

estadio-aerea

















futebol


Futebol

Best Players


best-footbal-players
Best Football Players of the History (1928-2010)


eusebio-footboll-greatest
Nº8. Eusébio (Football's Greatest


Eusebio-jogador
Eusébio - Um Jogador de Todos os Tempos


Cristiano-Ronaldo
Cristiano Ronaldo Top 50 Goals 2004-2013


.

Top Futebol

fut-hino-benfica
Hino do Benfica

Dedicado a todos os meus bons amigos benfiquistas
fut-hino-benfica
Hino do Benfica

Dedicado a todos os meus bons amigos benfiquistas
.











lol...Crackòvia, Ramos & Cia...

Ramos-sobornar-a


Ramos-mourinho-allicona
ramos-instrueix-adebayor


ramos-bufa-puyol
iniesta-callar-cristiano


ramos-al-ginecoleg
cristiano-empeny-guardiola


ramos-liga-trophy
ramos-huelga


Crackovia-mou-tres
ramos-przestrzelit


ramos-rajoy
ramos-caidas-copas


Ramos-despues-valencia
ramos-sextete-barca


ramos-balo-dor












As arbitrages, a cor do apito et d'autres choses...


fut_arbitros03fut_arbitros02



fut_arbitros01
Como se manipulam os resultados
fut_arbitros011
Como se fabricam alguns campeões (1)





fut_arbitros022
Como se fabricam alguns campeões (2)

arbitro-teixeira-barca
Como se fabricam alguns campeões (3)



arbitro-hulk-pedro
O Hulk foi castigado porquê?  lol
arbitros-castigo-hulk
A resposta...
arbitro-slb-scp
Para aqueles que ainda não acreditam...em bruchas!!!
«No creo en brujas, pero que las hay, las hay» ...
E esta, hein?!
- Marco Ferreira v/ Vitor Pereira

'Toda' a gente fala das escutas do apito dourado ...
E esta, hein?!
- Luis Filipe Vieira apanhado a escolher árbitros!

José Gomes Ferreira pergunta...
E esta, hein?!
- "Porque é que o Novo Banco não manda executar Luís Filipe Vieira"

Que cara de pau, que lata...
E esta, hein?!
- Luís Filipe Vieira invade o estúdio do Dia Seguinte

De acordo com relatório policial...
E esta, hein?!
- Luis Filipe Vieira indiciado por associação criminosa

O roubo descrito por Pedro Guerra...
E esta, hein?!
- Um artigo escrito pelo atual director de conteúdos da BTV
- Rui Santos fala do roubo do camião de LFV


















Skydive




     
     Skydive Espinho google images
     + Skydive google images

     Skydive google searche


     Why I skydive and other crazy memories (A tribute to friends)
     + Skydive  youtube


     skydive europe
     skydive europe vimeo.com
     skydiveeurope youtube.com






























surfcapa

Surf



Benjamin Sanchis


Nazaré volta a dar a maior onda do mundo

"O novo record, de 33 metros, foi atingido no passado dia 11 de dezembro (2014), na Praia do Norte. Apoiado por Deric Rebière num jet-ski, o surfista de 33 anos atirou-se à onda, desaparecendo depois no mar. “Não conseguia seguir a linha que queria, senão teria ido mais para o dentro”, contou Sanchis, citado pelo jornal i. “Senti rapidamente que tinha subido demais. De um momento para o outro dei um salto de 4 ou 5 metros, quando descia com a prancha na vertical. E no final da onda, caí”. Sanchis ficou enrolado debaixo da onda durante cerca de 30 segundos, até que foi salvo por Rebière..."  continuar a ler


     2015-01-07   Benjamin Sanchis Talks About His Historic Ride
     2014-12-26   Benjamin Sanchis - Nazare, Portugal. 'NOUGH SAID.

     2014-12-24   Sancho's Historic Ride at Nazaré - In His Own Words

     2014-12-12   VAGUE DE 30 METRES : SURFE A " NAZARE " INCROYABLE !!! , PORTUGAL .HD1080p






Andrew Cotton


     2014-02-03   BIGGEST Wave EVER Surfed, British Plumber Andrew Cotton Nominated For World Record!!

     2014-02-04   Has Andrew Cotton beaten McNamara and Burle?

     2014-06-25  VIDEO: Surfer Andrew Cotton recalls riding monster waves in Portugal
     





Maya Gabeira and Carlos Burle


"SHOW DE HORROR": Carlos Burle descreve acidente de Maya Gabeira e a sua onda gigante

"Disse à Maya que o Garret tinha caído e que a onda tinha sobrado para ela, logo, íamos nessa. A onda era gigante. Aproximei-me da onda, dei uma acelerada. porque sei que nestas ondas tens de “correr” na frente, e ela soltou a corda. Acho que ela devia ter soltado a corda abrindo mais a curva mas, como lhe tínhamos dito tantas vezes que era importante surfar a onda no lugar crítico para a onda ficar grande, ela optou por um drop mais radical, tentou uma linha mais radical. O que vi depois foi ela dropando e a onda subindo, ela dropando e a onda subindo. De repente, ela deu um voo e aterrou, deu outro voo e aterrou e, depois, eu não a vi mais, só vi a onda quebrando..."  continuar a ler


     2013-11-18    The Biggest Surf Story of the Year - Maya Gabeira's Brush with Death

     2013-11-10    Laird Hamilton on Maya Gabeira and Carlos Burle

     2013-11-08    Woohoo News - Entrevista com Maya Gabeira logo após o acidente em Nazaré

     2013-11-03    A História da Surfista Maya Gabeira que Enfrentou a Onda Gigante no Mar em Portugal 

     2013-11-03    Fantástico Maya Gabeira fala sobre acidente em onda gigante

     2013-10-31    Entrevista com Maya Gabeira

     2013-10-30    Acidente Com Surfista Maya Gabeira em Onda Gigante em Portugal - TV Tube News

     2013-10-28    Bigest wave in the world surfed, Carlos Burle, World record 100ft at 02:50min rogue wave

     2013-10-28    Novo record da maior onda surfada na Nazaré?





Garrett McNamara


“Foi a maior onda que já surfei!”

"Posso dizer que estou feliz por ter sobrevivido! Assim que saí da onda, a de trás veio e me pegou, o Keali’i perdeu o jet ski e também quase se arrasou nas pedras, nós dois chegamos muito perto de quase morrer mesmo! Foi a situação mais sinistra que já passei, as boias nesse dia estavam com 10 metros e 17 segundos de período. Foi uma onda muito animal, um drop superlongo, parecia que nunca ia chegar na base dela. A onda ia aumentando cada vez mais, teve uma hora que quebrou no topo, mas a onda só crescia de tamanho, parecia que não tinha fim o drop. Talvez por isso seja tão difícil medir o tamanho, mas cientificamente a onda quebrou no topo, tinha uma crista e tinha uma base..."  continuar a ler


     2014-11-15    The North Canyon - Nazaré Calling

     2013-04-04    Linha da frente a RTP na Nazaré McNamara

     2013-02-28    Garrett McNamara Sets the Record Straight on the '100-Foot' Wave in Nazaré, Portugal

     2013-01-29    McNamara Surfing a 100 foot wave on 1-29-2013

     2013-01-28    Nazare Portugal.and The Forgotten Moroccans




     2012-10-31   Kelly Slater and Joel Parkinson surfing big waves in Praia do Norte Nazare




     2011-11-10    BIGGEST WAVE EVER SURFED - Full Video Clip

     2011              Garrett McNamara Nazare Portugal 2011 GoPro Big Wave By Beto


     

     2010-12-12   Tow in portugal; Garret Macnamara

     2010-11-14    RTP entrevista o surfista Garrett McNamara


Nazaré é McNamara  smiley

Não passava pela cabeça de praticamente ninguém que as ancestrais ondas gigantes que se formavam à cabeça do farol da Nazaré pudessem, algum dia, serem o cartão de visita da vila, quanto mais que houvesse alguém que quisesse desafiar a morte a cavalgá-las.

Passou, no entanto, por José Gregório, o “pioneiro das ondas da Nazaré”, como lhe chama McNamara. Mas foi Dino Casimiro, da Nazaré Qualifica, a empresa municipal que gere o projeto nazareno baseado nos feitos do norte-americano, quem lhe enviou a primeira foto de uma onda gigante que se erguia na Praia do Norte. Cinco anos depois, e após grande insistência, o norte-americano decidiu-se a vir a Portugal. Ficou espantado por ter encontrado, neste país, a sua “rocha imperativa”..."  continuar a ler




surf-nazare-big-wave
'Monsters': Spectators described the waves as 'monsters' as they thrashed the hill where viewers can normally stand at a safe distance...  Click on image to enter page

Onda da Nazaré

     2014-11-15   Onda da Nazaré, como se forma  (Nazareth Wave, how it forms)   smiley   embed link

     Bilabong Adventure Division - Nazare, Portugal - January 11, 2013   smiley   embed link

     Surfing a 111ft wave in Nazare - GoPro Hero   smiley  embed link

     Dino Casimiro explica o funcionamento da Praia do Norte








1968 Nazaré

     1968 The first (?) images of surf in Nazareth   smiley   embed link

     Muito antes de Garrett McNamara - vídeo





Espinho surf Destination




surf-espinho-promo1
HIGHLIGHTS DAY 1

surf-espinho-promo2
HIGHLIGHTS DAY 2

surf-espinho-promo3
HIGHLIGHTS DAY 3

surf-espinho-promo4
HIGHLIGHTS DAY 4 Finals

surf-espinho-promo5
Espinho surf Destination - Teaser
surf-espinho-promo
Espinho surf Destination




FREE SURF

     "Surf Is Life" by Fred Compagnon.    smiley   embed link

     "Surf is Life 2" FREE SURF FILM by Fred Compagnon    smiley   embed link

     "Surf is Life 3" FREE SURF FILM by Fred Compagnon    smiley   embed link




       2015 Oi Rio Pro: Final  Brazilian phenom Filipe Toledo   smiley


       World's best surfing 2014/2015 (HD)

































wild004

Wild



   Links


     Pedro Alarcão  -  Fotografia de Aventura e Natureza

     Veranda - Associação para a Conservação e Divulgação do Patrimonio de Montanha




   Videos


     A Natureza em Portugal - Documentário - Portugal Terra

     Natureza Espontânea com Pedro Alarcão



     Crias Lobo Ibérico - Parque Nacional Peneda Gerês - Iberian Wolf Pups  2015-08-17

     Lobo ibérico, espécie em extinção em Portugal  2014-04-14

     Lobo Ibérico - O rei destronado



     Portugal Selvagem - O Magnifico Lobo Ibérico

     GERÊS (VIDA SELVAGEM)

     Wild Horses (Garranos) in Portugal-2010

     Parque Nacional da Peneda-Gerês

     Protecção do Lobo Ibérico na Serra da Peneda

     Lince Iberico

     Em Portugal: A Última Esperança do Lince Ibérico HD

     Vida Selvagem - Arrábida, Portugal






Casal naturalista estuda há sete anos lobos no Gerês


A vida de quatro famílias de lobos, que deambulam pelos dois lados da fronteira luso-espanhola do Parque da Peneda/Gerês, está a ser acompanhada há sete anos por um casal de naturalistas radicado em Castro Laboreiro, Melgaço.


«Queremos publicar um livro que contenha não só registos sobre os hábitos de vida, refúgios, número de animais, modo de alimentação e épocas de reprodução, mas também as fotos conseguidas em estado selvagem», disseram hoje à Lusa Pedro Alarcão e Anabela Moedas.
Os dois ex-jornalistas, de 40 anos, trocaram definitivamente, há dois anos, o conforto da vida urbana pela pacatez da aldeia nas serranias da Peneda a fim de se dedicarem ao estudo dos lobos.

«Não pretendemos, como acontece habitualmente, publicar uma obra com fotos de lobos em cativeiro e, por isso, temos desenvolvido um trabalho longo e paciente, dado que os lobos não têm por hábito mostrar-se facilmente», sublinhou Pedro Alarcão.

O casal já produziu um documentário sobre uma alcateia de lobos desta zona, intitulado «A vida secreta dos Lobos», que demorou mais de dois anos a produzir e foi transmitido pela RTP em 2005.

A recolha fotográfica para o livro resultou em várias dezenas de imagens, embora não tenham sido mais de vinte as de grande qualidade, pretendendo, por conseguinte, Pedro e Ana «fotografar mais alguns aspectos particulares da vivência das alcateias».

Para observar os lobos, o casal desloca-se em jipe até meio do percurso e faz o resto a pé, com as máquinas de filmar e de fotografar às costas até perto do covil.

Esta actividade de acompanhamento das quatro alcateias, uma delas fixada em território português e as outras em movimento entre o Minho e a Galiza, na serra do Gerês, motivou os dois naturalistas a criar uma empresa, a Ecotura- Centro de Ecoturismo e Turismo Equestre de Castro, para promover passeios pela montanha, em garranos (o cavalo típico do noroeste de Portugal) em busca de vestígios da passagem do lobo.

A Ecotura está, assim, a construir um Centro de raiz, onde os dois proprietários - com dois filhos em idade escolar - vão ficar instalados e com uma cavalariça para os nove garranos disponíveis para os percursos turísticos e de estudo.

«Além da nossa subsistência, conseguiremos, com esta empresa, mostrar aos residentes que a preservação da fauna e da flora da região pode ser uma mais-valia», salientou Pedro Alarcão. O naturalista referiu, a propósito, que a empresa acabará também por dinamizar o comércio local ao adquirir vários produtos e serviços na aldeia, tais como os de hotelaria e restauração. Aos grupos de visitantes que ali se deslocam são também proporcionados cursos sobre preservação da natureza, iniciação ao cavalo garrano e saídas de um ou mais dias em busca do lobo.

Durante o percurso, são visitadas zonas naturais e pequenas aldeias formadas por casas de granito e habitadas por pastores, vales glaciares povoados por rochas de estranhas formas e antigas pontes sob as quais correm as águas cristalinas dos rios de montanha.

Os visitantes percorrem densos carvalhais, bosques de bétulas, abrigos naturais de corços e javalis, atravessam manchas de castanheiros e azevinhos onde habitam esquilos, gaios e papa-figos e descansam junto a fragas onde se avistam águias e algumas espécies raras de gralhas.

No roteiro surgem fojos (antigas armadilhas em pedra para a captura de lobos, construídas pelo homem em lugares inóspitos) e, com sorte, diz Pedro Alarcão, os visitantes podem ser brindados com o som mais espectacular da natureza, que é o uivo do lobo.

Os dois ex-jornalistas trabalharam para jornais e revistas e produziram várias peças sobre conservação da natureza, designadamente nas revistas Fórum Ambiente e Ozono. Em Novembro de 1999, com a ajuda do biólogo Francisco Alvares, decidiram escolher uma das alcateias para iniciar o estudo da vida dos lobos. Referenciada a alcateia, arranjaram uma casa no Parque Nacional e começaram, no início de 2000, o trabalho de campo.

Descobrir a localização de uma família de lobos, acompanhar os seus hábitos, seguir rotas de passagem e, finalmente, ver pela primeira vez os pequenos lobachos (filhotes de lobo) «compensou todas as horas de espera», confessa Pedro Alarcão. Ao fim de sete meses de observação da alcateia, surgiu a primeira hipótese de fotografar a fêmea com três lobachos. Mas, rapidamente o casal de naturistas conheceu também alguma frustração devido à morte a tiro de um dos lobos num fim de semana de caça, o que originou que a alcateia se dispersasse, deixando de ser vista durante vários meses. Na Primavera seguinte, o casal estava de volta às serranias da Peneda-Gerês e, depois de algumas horas de espera silenciosa, Pedro Alarcão regressou a casa com a imagem impressa de um grande plano de um jovem lobo.

Diário Digital / Lusa
http://diariodigital.sapo.pt/news.asp?id_news=255264












 + Links Wild


     asasebicos.wordpress.com

     anfibioserepteis.blogspot.pt

     apgvn.blogspot.pt

     cervas-aldeia.blogspot.pt


     Fauna Ibérica - Miguel Barbosa

     floraefauna.wordpress.com

     Grande Angular         Pegadas de Elefante no Sudoeste Alentejano

     imagem.casadasciencias.org

     nationalgeographic.pt


     obimafra.com

     olhares.sapo.pt/animais


     pescadordeaves.blogspot.pt

     portugaselvagem.wordpress.com


     Ricardo J. Rodrigues - O Jornalista e o Lobo Ibérico

     Rutinas Varias - Rutas de Montaña, Fauna Salvaje, Fotografia



     Sara Roque - Bióloga do Grupo Lobo

     umdiadecampo.blogspot.pt


Outros


     greensavers.sapo.pt
          Hugo Novo / Biólogo     Quer ser dono de uma cabra portuguesa? Saiba o que fazer (com VÍDEO)

     sobrenatura.com
          Rui Leal / Turismo de habitação
          ambiente e turismo em harmonia  Tecnologias energéticas destacam-se em alojamento do Parque do Gerês



With LIONS

     

     Man vs Lions. Maasai Men Stealing Lion's Food Without a Fight.

     GoPro: Lions - The New Endangered Species?












 






Tourada / Bullfight

Os dois pontos de vista / The two points of view

     Portuguese Bullfight - Português & English












GoPro

Select 1080HD for the best image

     GoPro Garrett McNamara Nazare Portugal

     Go Pro Hero 2 Camera 1080p
     GoPro HD: Bombsquad Goes Norway with Neil Amonson
 

     GoPro HERO3: Almost as Epic as the HERO3+
     GOPRO 3+ MAKADY BAY DIVING RED SEA EGYPT 2014 HD


     GoPro Hero4 Black First Video
     GoPro HERO4: The Adventure of Life in 4K
     GoPro: The Streets of Japan in 4K
     GoPro: Tomorrowland in 4K






















html

Indice

HTML  +  CSS  +  JavaScript  +  Software  ...

  Aprender
  Bootstrap
  Browsers
  Cores
  CSS
      CSS Animations
  Editors
  Fonts
  Formatters
  Free Software
          HTML Editors
          HTML Formatters
          Graphics Editors
               Paint.net
  .
  Grid System
  Hit counters
  Hosting
  Imagens
  JavaScript
  Legends
  Responsive Web Design
  Screen Resolution
  Script
  Sitemaps
  Speed test
  Statistics
  Structure
  .
  Tables
  Tags, Attributes, Events, Canvas...
  Validate a document online
  .
  Other Sites, Articles, Tips & Tricks ...
  Ralph Phillips
  .
  HTML 5
     New Structure for HTML5
     Tag Cheat Sheats
     Tutorials
     HTML 5.1 Nightly
     Sites feitos em HTML5
.
  bla, bla, bla...    new page
  New basis  /   new page
.
  Abecedário HTML  /  Links...














Aprender HTML ...


   What is HTML? w3schools HTML Introduction
   What Does HTML Look Like? websearch.about HTML By Wendy Boswell
   Aprenda HTML  (XHTML) HTML.net Tutorial, Introducao + 15 licoes
   Curso de HTML, CSS e PHP youtube canalwpmasters Lista das 12 Aulas   Helio Matos
   Curso HTML / XHTML e CSS youtube iConectadoNet Lista das 32 Aulas
   Learn HTML + LearnWebCode youtube LearnWebCode Lista das 28 Aulas   (For Absolute Beginners)



   Tutorial HTML4 and HTML5 w3schools This tutorial teaches you everything about HTML
   Web development for beginers WebPlatform.org Web Platform Docs













Bootstrap


     Bootstrap    google.pt

     Bootstrap 3 Tutorial    w3schools.com
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.

Bootstrap is completely free to download and use!


     getbootstrap.com
     Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.


     Bootstrap 3 Media Queries Explained  tutorialsden.com













Browsers


     Can I use _________  ?    caniuse.com

     Browser usage table   caniuse.com

     Compatibility table for support of classList in desktop and mobile browsers   caniuse.com

     Top 5 desktop, Tablet & Console Browsers 2013 / 2014   gs.statcounter.com











Colors HTML



code + name
computerhope.com
HTML color codes and names





     Code     cloford.com 500+ Colours
     Code     color-codes.info Get HTML color codes Click on any color square...




     Hex       w3schools.com Colors sorted by HEX Value
     Hex       color-hex.com color chart,rgb,hsl,hsv color number values, html css color codes and html code samples.




     Image   color-codes.info Get Colors from Image (BETA)




     Mixer   w3schools.com Mix two colors and see the result




     Name   cloford.com VGA colour set   +   X11 colour names
     Name   color-codes.info Use names if you have a color blindness
     Name   w3schools.com Color Names Supported by All Browsers Click on a color name to view...








     Picker   w3schools.com Get darker/lighter shades of any color.




     Safe      cloford.com Web-Safe Colours
     Safe      color-codes.info Color palette of all 216 web safe colors shown the same on all browsers




     Smart    cloford.com Full range of the 4096 web-smart colours



     CSS Gradients   CSS-TRICKS

     CSS Background Transparency Without Affecting Child Elements, Through RGBa And Filters

     background-color property = animatable in CSS   w3schools.com

     http://www.color-hex.com/color/ff99cc
     Color Hex



     Colors - W3C Recommendation 24 December 1999
     Colors - W3C Recommendation 28 October 2014


     X11 color names - wikipedia

     HTML Color Names - Basic Color Names   +   X11 Color Names (W3C color names)     ascii-code.com









CSS


     Centering things    w3.org

     Creating a Global Style Sheet meyerweb.com

     CSS tips & tricks - Index    w3.org

     CSS Tutorial     w3schools.com

     Explore our CSS docs   docs.webplatform.org
 











CSS Animations


     Animatable    leaverou.github.io     One property, two values, endless possibilities

     CSS Animations    w3schools.com

     CSS Transitions    w3.org

     Using CSS transitions    developer.mozilla.org


















Editors HTML


List, items

   Best Editors
   BlueGriffon
   Brackets
   Comparison
   Google Sites
   Google Web Designer
   Kompozer
   Maqetta
   Notepad++
   openElement
   Outros





Best Editors





Best HTML5 Editors for Developers codegeekz.com BlueGriffon is a new WYSIWYG content editor...



Five Essential HTML5 Editors <HTMLGOODIES/> BlueGriffon with support for HTML4, HTML5, XHTML...



List of the Best HTML5 Editors downgraf.com Blue Griffon can be downloaded freely



The 10 Best Free Web Editors webdesign.about.com Free HTML Editors for Windows







BlueGriffon

     BlueGriffon Free WYSIWYG Editor
     Is the latest in the series of web page editors that started with Nvu, went on to KompoZer
     and now culminates in BlueGriffon.
     It will build your pages in HTML5 (both XHTML and HTML) as well as HTML 4
     October 28, 2011

     BlueGriffon   Wikipedia
     BlueGriffon.org   official site
       

      How To Produce Your First Website With Blue Griffon (Part 1)







Brackets


Brackets on Wikipedia
     Comparison of HTML editors
     Brackets (text editor)


Brackets official website
     http://brackets.io/
           Wiki              Quick Links
           Support        Help / Brackets Suporte (F1)
           How to Use   Help / How to Use Brackets


Brackets on youtube
     2012-05-22   Brackets: A Contributor's Guide
     2012-05-22   Brackets: An Introducton
     2012-05-22   Brackets: Getting the Source
     2012-05-22   Brackets: How It Works (Architecture)
     2012-05-22   Brackets: What To Work On
     2012-06-25   Brackets: A Free Open Source Code Editor for the Web   Introducing Brackets
     2012-08-03   Getting Started with Adobe Brackets
     2012-09-18   Brackets: New Ideas   Why Use Brackets?
     2012-09-25   Brackets: Code the Web
     2012-10-19   Dropbox Integration Extension for Brackets
     2012-12-07   A Peek At Brackets
     2013-02-07   Live Development with Brackets
     2013-05-17   Responsive Design Tool for Brackets
     2013-05-24   Brackets: From Design Comp to Code
     2013-08-27   Theseus JavaScript Debugger for Brackets
     2013-08-31   Tutorial de Brackets inicio e dicas
     2013-09-17   Brackets - New Project Extension  ok
     2014-04-11   Multiple Selections in Brackets






Comparison

     Comparison HTML editors   wikipedia
     Website Builders Comparison   top10bestwebsitebuilders.com





Google Sites

  hugmad - Google Sites - Criando seu Site - Parte 1






Google Web Designer

CSS Panel Demo
Publicado em 30/09/2013 
In this video, Eric Guzman (one of the Google Web Designer developers) provides an overview of the CSS Panel and editing CSS to create engaging content.

Building an Ad Banner with Google Web Designer
Publicado em 04/10/2013
Let's now use Google Web Designer to actually *do* something. We're going to design a web ad banner.





Kompozer

  crear paginas web con Kompozer y CSS - parte 2
  How to Work with CSS (Style Sheets) in Kompozer, Part I




Maqetta

     Comparison of HTML editors  Wikipedia
     Maqetta is a free and open-source, web-based WYSIWYG HTML editor designed to edit HTML5
     Maqetta designer preview 1 WYSIWYG and source





Notepad


   Writing HTML Using Notepad or TextEdit







Notepad++

  quickdrawweb  -  Three tips to make Notepad++ even easier to use for web design  
  iConectado Web  Curso HTML e CSS - Aula 3 - Como Baixar e Instalar o Notepad++






openElement

     Comparison of HTML editors  Wikipedia
     openElement is a freeware website...   Wikipedia
     http://www.openelement.com/
     Openelement Travail sur les pages  youtube
     OpenElementTV   youtube






Outros

     OpenOffice Writer
     Formatando um Texto e Titulos (Estilos) no Writer BrOffice - Normas Tecnicas ABNT - Parte 1




















Font Sizes


     How Big is an EM? Using Ems to Change Font Sizes   http://webdesign.about.com


     Adding Stroke to Web Text     css-tricks.com/



















Formatters



    CSS Format Code     cssportal.com

    css3+formatter    google




     HTML Formatter     freeformatter.com

     html+online+tool+remove+white+space   google







     

















Free Software




     HTML Editors


     The Best Free Software   html-color-codes.info

     Free HTML Editors / Which One You Should Use?    http://webdesy.com/



     Top 12 Free Content Management Systems (CMS)    spyrestudios.com
WordPress WordPress is a state-of-the-art publishing platform with a focus on aesthetics, web standards, and usability. WordPress is both free and priceless at the same time. WordPress is also what SpyreStudios and Design Newz run on (as well as my blog design website and my Guerrilla Freelancing blog). wikipedia
youtube
iniciantes
beginners
amazing
Joomla! Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone. wiikipedia
youtube
iniciantes
learnbasics







     HTML Formatters


     http://www.freeformatter.com/html-formatter.html

     http://www.cleancss.com/html-beautify/


     ?
     http://www.freedatagenerator.com/












     Paint.net


     Paint.net on PLUGINS


      HOW TO INSTALL PLUGINS/General Plugin Troubleshooting Thread



      Plugins - Publishing ONLY!    forums.getpaint.net

      Plugin Packs    forums.getpaint.net

All reputable Paint.NET plugins are released via this forum. Either get them from here, or from links posted here.
DO NOT TRUST PLUGINS FROM ANYWHERE ELSE.

      How to Install Paint.NET Plugins
            - BoltBait's Plugin Pack for v4.0+ Updated February 5, 2015


     Paint.net on TEXT


      Curving Text on Paint.net
            - Circle Text  ( = dpy's Plugin Pack )
            - dpy's Plugin Pack (2014-05-04) 
            - pyrochild plugins (2014-2-08)

      Image on Text on Paint.net

      youtube - Paint.NET tutorial Image in Text

      Simple shaded 3D-esque text    Plugins you will need : Zero. None. Zip.
















Grid System


     Grid System  google.pt


     Responsive Grid System    responsivegridsystem.com














Hit counters


  Free Website Hit Counters, etc...
  http://csshtmltutorial.com/csshtmltutorial-freewebsitehitcounters.php
  csshtmltutorial.com

Free Web Hit Counters by CSS HTML Tutorial.com
Free Web Hit Counters by CSS HTML Tutorial.com

Free Web Hit Counter By CSS HTML Tutorial

Free Web Hit Counters by CSS HTML Tutorial.com



   geovisite.com/pt/
      http://www.geovisites.com/pt/directory/actualidades_media-alternativos.php
 














Hosting



      File Hosting Service

      Image Hosting Service

      Video Hosting Service

      Web Hosting Service












File Hosting Service


     Comparison of file hosting services   wikipedia
     Comparison of online backup services   wikipedia





  Provider Free online
storage (GB)
Cloud
storage
File
synchronization
cool   Dropbox 2 + bonus Yes Yes
cool   Google Drive 15 Yes Yes

  MediaFire 50 - -

  Mega 50 - -

  OneDrive  (SkyDrive) 7 Yes Yes













Dropbox


     wikipedia  Dropbox is a file hosting service, that offers cloud storage, file synchronization, and client software

     Website    Dropbox

     https://www.dropbox.com/tour


     youtube    Como usar o Dropbox      Saladeaula30











Google Drive


      Google Drive    wikipedia
        is a file storage and synchronization service which enables user cloud storage,
        file sharing and collaborative editing

      Google Drive  Website

      Google Drive - a Complete User Guide

      Como usar o Google Drive   youtube  Saladeaula30










OneDrive

      OneDrive   wikipedia

      OneDrive   official site















Web Hosting Service



     Web Hosting Service  wikipedia

     Comparison of free web hosting services    

     top10bestwebsitehosting.com

     
     Web Hosting Introduction   w3schools
     - Providers   - Domain Names  - Capacities   - E-mail Services    - Technologies  
     - Database Technologies     - Types





   

Domains

  Dominio - pt.Wikipedia

  Lista de TLDs - pt.Wikipedia
  List of Internet top-level domains - en.Wikipedia

  .com
This is an open TLD; any person or entity is permitted to register. Though originally intended for use by for-profit business entities, for a number of reasons it became the "main" TLD for domain names and is currently used by all types of entities including nonprofits, schools and private individuals. Domain name registrations may be challenged if the holder cannot prove an outside relation justifying reservation of the name, to prevent "squatting".



 
Registro de dominios - es.Wikipedia

  Registro de dominio - LOCAWEB
  O que e necessario para ter um site?  - LOCAWEB





Web Hosting

  Hospedagem de sites - Wikipedia
  Web hosting service - Wikipedia

 
Create Multiple Websites on 1 Hosting Account   http://www.youtube.com/watch?v=gbPrMX4gATU


  Web Hosting Portugal



  Deal4u   http://webhosting.deal4u.biz/web-hosting/
               Web Hosting Tutorial - Registering A Domain Name  http://www.youtube.com/watch?v=K1qZJLtbhpI

  Comparison of free web hosting services

  Domain Names & Web Hosting Explained

  What is Web Hosting (Web Hosting Explained for Beginner)





GoDaddy

  Hosting Review world
         GoDaddy Hosting Review  
               - Hosting: GoDaddy.com Web Hosting Review and Rating | Software Review!






MochaHost

  Top Hosts for June  http://www.top11hosting.com/?gclid=CPmyqZaK-LcCFbMbtAodzkIAAQ
        MochaHost  http://www.mochahost.com
               - Get 2 Free Domains, PHP, MySQL5 6 months Free + Unlimited Sites‎
               - Cuidado c/ MochaHost: -  pruebas de la gran estafa de empresa de hosting
                                                       -  mochahost high warning very danger





iPage

  The Top 10 Web Hosting Companies of 2013
        iPage Hosting   http://www.ipage.com/ipage/index.html
                - iPage review by Hosting-Review.com
                - iPage Web host Advantages and Disadvantages - Read it 1st
               -  iPage Hosting Account Setup Tips - DON'T Buy These Upgrades
               -  iPage Control Panel Walkthrough + Time Saving Tips
               -  iPage vDeck Control Panel Guide
                  1 - iPageTraining - What To Do After You Setup Your iPage Hosting Account
                  2 - iPageTraining - How To Save Money on iPage Hosting Account - Upgrades You *DON'T* Need
                  3 - iPageTraining - How To Configure Your New iPage Wordpress Installation

                  - CreandoWebsites - Como contratar el servicio de Hosting IPAGE para crear Websites (Ipage Tutorial)

    User Guides  -  http://www.ipage.com/support/user-guide/


    top10bestwebsitebuilders.com   iPage : Website Builder Review
    top10bestwebsitebuilders.com   Website Builders Reviews
    top10bestwebsitebuilders.com   Website Builders Feature Comparison 





Publishing / Upload a website

  howdoidothatvideos - How to Publish Your Website Using Kompozer
  PowerOfFreeStrategy - How To - Publishing Your Website
  thetechtut - Filezilla Tutorial - How to Upload Files To Your Website Via FTP
  dongduongict - Upload Your IPAGE Website Source
  wasseocamnr1 - Create website (local and remote) with easyphp, pspad and filezilla (open source)
  Tico Herzog - Como Colocar seu Site na Internet - ATUALIZADO 2012 (c/ Filezilla)
  Ralph Phillips - Publishing web pages with Filezilla
 






FileZilla

     Wikipedia - FileZilla is free and cross-platform FTP software...
     Go Daddy, Clarion University of Pennsylvania and National Capital Freenet recommend
     FileZilla for uploading files to          their web hosting services

     https://filezilla-project.org/

     Getting help  -  https://filezilla-project.org/support.php?type=client&mode=help&version=3.7.1
     How to use FileZilla client  -  https://wiki.filezilla-project.org/Using
 
     JAGTutorials  - FileZilla FTP Client - Setup/Install/Use [Tutorial]  
     http://www.youtube.com/watch?v=Wtqq1Mn1ltA



















Imagens HTML




    Animated GIF with UnFREEz
    UnFREEz is a high-speed Windows application that will take any number of images,
    saved as separate GIF files, and create a single animated GIF from those images...



     CENTRAR UM BLOCO OU UMA IMAGEM    internetbootcamp.net

    display: block;

    margin-left: auto;

    margin-right: auto;


     Default CSS Settings

    display: inline-block;



     Efeitos simples com transição CSS3
     http://jonathanlima.com.br/efeitos-simples-com-transicao-css3-para-seus-projetos-1/


    How to optimize your images for the web in Windows
    This video will walk you through how to optimize your image file size in bulk
    using RIOT (Radical Image Optimization Tool), found at luci.criosweb.ro-riot-download.



     Image optimization
     https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization



    Image Optimization for the Web (1/41)    http://www.youtube.com/watch?v=hXNcsty6PuM



    paint net combining two pictures
    pesquisa: paint.net adict area to an image


    PunyPNG  Compress PNG, JPEG and GIF Images
    Image compressor for designers and developers


    Responsive Images: The Ultimate Guide  October 16, 2014  davidwalsh.name



    Selecting the right image format
     https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization#

     Need animation? ... Yes = GIF
     Need to preserve fine detail, with highest resolution?  ... No = JPEG
     Need to preserve fine detail, with highest resolution with large (256+) color palette?  ... Yes = PNG-24
     Need to preserve fine detail, with highest resolution with large (256+) color palette?  ... No  = PNG-8


    Smush.it uses optimization techniques
    specific to image format to remove unnecessary bytes from image files



    Text Wrapping Around the Images   fillster.com

Stop Text Wrap
Sometimes at some point we want to stop* wrap function.
If so, at that point* we have to place <br clear="left" /> break tag to stop that wrap function around the image.




To see later:

     - Playing with SVG Design



     - Wrap text around an image with CSS


     - Wrapping Text Around Images   wordpress.org












JavaScript


     Introdução ao JavaScript

     O que é o JavaScript

 

     Scripts you should know

     html5shim / html5shiv

     







Introdução ao JavaScript


     Curso de HTML5 - 22 - Introdução ao JavaScript      cursosemvideo

Publicado em 16/12/2013
Introdução ao JavaScript. Veja como criar programas simples com a linguagem JS, criada e popularizada pela empresa Netscape.

Vamos aprender alguns comandos específicos e introdutórios do JavaScript, como o alert, document.write, Date

História do JavaScript: em 1992, a OpenWave estava criando a linguagem Cmm, rebatizada para ScriptEase, quando foi comprada pela Netscape. O projeto então passou a se chamar Mocha e logo em seguida (1995) teve seu nome modificado para LiveScript. Por conta de uma negociação com a Sun Microsystems (criadora do Java), uma jogada de marketing mudou o nome da linguagem para JavaScript.

JavaScript não é Java. Ela apenas usa nomes semelhantes por conta da jogada explicada anteriormente. Ambas se parecem por conta da origem, baseada em Linguagem C (C-like).

Atualmente, existe uma versão padronizada do JavaScript, o ECMAScript que está na versão 5.0. O JavaScript atualmente está na versão 1.8.5.

O JavaScript se popularizou e temos várias tecnologias relacionadas, como Ajax, jQuery e CommonJS.









O que é o JavaScript


O JavaScript é uma linguagem de programação do lado cliente, ou seja, é processada pelo próprio navegador. Com o JavaScript podemos criar efeitos especiais para nossas páginas na Web, além de podermos proporcionar uma maior interatividade com nossos usuários. O JavaScript é uma linguagem orientada a objetos, ou seja, ela trata todos os elementos da página como objetos distintos, fascilitando a tarefa da programação. 

Resumindo, o JavaScript é uma poderosa linguagem que deve ser dominada por quem deseja criar páginas Web dinamicas e interativas. 

https://developer.mozilla.org/pt-PT/docs/JavaScript/O_que_%C3%A9_o_JavaScript



   JavaScript (JS) is a dynamic computer programming language... (wikipedia)

   JavaScript Tutorial  (w3schools.com)

   JavaScript is the scripting language of the Web, enabling us to implement all kinds of powerful dynamic features
   docs.webplatform.org











Scripts you should know


     8+ Scripts you should know as a Web Developer     lingulo.com










html5shim / html5shiv


exemplo:

     <!--[if lt IE 9]>
          <script src="dist/html5shiv.js"></script>
     <![endif]-->

   -  html5shiv  HTML5 IE enabling script   code.google.com/p/html5shiv/


video:

   - HTML5 Shim Script for Compatibility with Older Browsers    by Brenda Newhouse

   - HTML5 Tutorials #4 HTML5 Shiv     by LevelUpTuts





















Legends


     
     Advanced legends    mapbox.com

     How To Add a Caption to Your Images that Stays with the Image     webdesign.about.com

     Styling legend elements with CSS     456bereastreet.com














Responsive Web Design




     Bootstrap   google.pt         Basic template   getbootstrap.com
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web

     Bootstrap 3 Tutorial   w3schools.com


     Building A Better Responsive Website    smashingmagazine.com

     Create a Responsive Website Using HTML5 and CSS3   1stwebdesigner   1:06:30

     Responsive Grid System   google.pt


     Responsive Web Site with Media Queries: Change 2 Columns to 1 Column  Ralph Phillips

     Responsive Web Design Tutorial and Explanation Learn Web Code



     Responsive Table  CSS-TRICKS

     Configure the Viewport    developers.google.com
     This rule triggers when PageSpeed Insights detects that your page does not specify a viewport, or specifies a viewport that does not adapt to different devices.

     Sizing content to the viewport    developers.google.com
     This rule triggers when PageSpeed Insights detects that the page content does not fit horizontally within the specified viewport size, thus forcing the user to pan horizontally to view all the content.

     Creating a Mobile-First Responsive Web Design   html5rocks.com

     Configuring the Viewport    in the Safari Web Content Guide















Screen Resolution


     960 Grid System is Getting Old

     960px layout width or more?

     Best Layout Width

     CSS-TRICKS The Perfect Fluid Width Layout

     Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?    Smashing Magazine

     Web Safe Area   designerstoolbox.com

     Why width 960px?













Sitemaps

     See here    My Sitemap    


What are Sitemaps?
Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling...   http://www.sitemaps.org/
     

Sitemap-generators

     https://code.google.com/p/sitemap-generators/wiki/SitemapGenerators


google sitemap generator

     https://code.google.com/p/googlesitemapgenerator/


sitemaps.com

     https://www.xml-sitemaps.com/

     https://www.xml-sitemaps.com/details-joaocouto-espinho.8871995.html

     https://www.xml-sitemaps.com/download/joaocouto-espinho.8871995/sitemap.html?view=1

 












Speed Test Website


     developers.google.com   PageSpeed Insights  Torne as suas paginas Web mais rapidas em todos os dispositivos.

     tools.pingdom.com    Enter a URL to test the load time of that page, analyze it and find bottlenecks

   













Statistics


     Browser Information  Statistics are important for web developers   (w3schools)














Structure


     HTML structural elements     w3.org/wiki

     
     HTML5 novos elementos de estrutura    botecodigital.info


      Web Style Guide Online

     What Beautiful HTML Code Looks Like     CSS-TRICKS


     















Tables


     instead of html tables use div.. ok but tables are easy so     stackoverflow.com

     How to use divs instead of tables     stackoverflow.com




     Table layout using DIV tags     creativedev.in

category ID
category
category
category
1
PHP
PHP
PHP
2
WordPress
WordPress
WordPress



     A Complete Guide to the Table Element     css-tricks.com

When To Use Tables

It's a good time to take a break and discuss the when of tables. Perhaps you've heard the generic advice: tables are for tabular data (see the first sentence of this blog post). The "would this make sense in a spreadsheet?" test is usually appropriate.

What kinds of things are appropriate in tables? Here are some: a plan/pricing/features comparison, bowling scores, an internal grid of employee data, financial data, a calendar, the nutrition facts information panel, a logic puzzle solver, etc.

You might occasionally hear: tables are unsemantic. That's not true - they semantically indicate tabular data. Tables are the right choice when that is the case.

When NOT To Use Tables

An inappropriate use for tables is for layout. That may seem counter-intuitive. At a glance at how tables work may make them seem ideal for layout. Easy to control, extremely logical, predictable, and not-at-all fragile.

There are some significant problems with using tables for layout though. First, HTML tags mean things. As we covered, table elements semantically describe tabular data. Using them for anything else is a breach of semantic duty. You aren't going to get a fine in the mail, but you aren't getting as much value from your HTML as you could.

Talking about semantics is a little difficult sometimes (some reads: 1, 2, 3, 4, 5), so let's talk about something we all generally agree on (even if we aren't as good as it as we want to be): websites should be accessible. One part of accessibility is screen readers. Screen readers read tables from top to bottom, left to right. That means the order of how your site is presented is dictated by the table structure, which is dictated by visual choices not accessibility choices. Not to mention a screen reader may even announce the start of tabular data which would be worse than useless.

Speaking of source order, that affects more than accessibility. Imagine a "sidebar on the left" layout. A table would dictate that table comes first in the source order, which while also being bad for accessibility, is likely bad for SEO as well, potentially valuing your ancillary content above primary content...

...


Selected Links for Tables


     Bootstrap Grid System   w3schools.com
Bootstrap's grid system allows up to 12 columns across the page.
If you do not want to use all 12 column individually, you can group the columns together to create wider columns...
Bootstrap' grid system is responsive, and the columns will re-arrange depending on the screen size...



     

     CSSTableGenerator     csstablegenerator.com

     Fixed header table    fixedheadertable.com

     Fixed ... table-layout:fixed    jsfiddle.net

Twitter Bootstrap scrollable table rows and fixed header


     HTML Tables with CSS Styles     textfixer.com

     HTML5 Table Tutorial – Create Amazing Tables in HTML5     udemy.com/blog

     Responsive Table  CodePen.io

     Responsive Tables 2   dbushell.com

     Responsive Data Tables   css-tricks.com

     Responsive Data Tables 10+ Solutions    exisweb.net

     Simple CSS for HTML tables    purecss.io

     Tabular data - The table element     w3.org

     The table and related tags     html-5-tutorial.com

     Top 10 CSS Table Designs     smashingmagazine.com














Tags, Attributs, Events, Canvas, etc ...



      Tags Ordered Alphabetically   w3schools   HTML Reference - (HTML5 Compliant)

      Tags Ordered by Function       w3schools   HTML Reference - (HTML5 Compliant)

      Global Attributes                       w3schools   HTML attributes give elements meaning and context.

      Global Event Attributes            w3schools   Attributes that can be added to HTML
                                                                                                          elements to define event actions.

      Canvas      Audio/Video      Doctypes      Character Sets      URL Encode      




      HTML5 and CSS3 Cheat Sheets    WebSitesMadeRight.com

      Quick Reference Guide  -  Cascading Style Sheets (CSS 3)   media.smashingmagazine.com





Tags  HTML.net Licao 3
Tags sao etiquetas utilizadas para marcar o inicio e o fim de um elemento e transmitem ao navegador a imagem a apresentar pelo website.
<... > tag de abertura
</... > tag de fecho
Aspecto final
na pagina web

<b>bold</b> bold bold, negrito
<blockquote>Indentacao</blockquote>
Indentacao
bloqueia citacao, recua texto
<br>
quebra / muda de linha
<em>emphasis</em> emphasis enfatiza um texto
<hr>
linha horizontal
<h3>Heading</h3>

Heading

faz cabecalhos de 1 a 6
<i>italic</i> italic
<img src="../imagens-gerais/smiley.gif" alt="smiley" /> smiley inserir imagem
<li>List item</li>
  • List item

  • <ol>Ordered list</ol>
      Ordered list
    lista ordenada de 1 a ...
    <p>paragraph</p>

    paragraph

    faz paragrafo
    <small>small text</small> small text faz texto menor
    <strong>Stronger emphasis</strong> Stronger emphasis maior enfase
    <ul>Unordered list</ul>
      Unordered list
    lista nao ordenada
    &lt;  &gt;     &lt; / &gt; <  >    < / > "engana" o html

        





    Atributos   HTML.net Licao 7
    Podem-se adicionar atributos nas tags, ou seja, em algumas tags podemos acrescentar informacoes de comando. Os atributos sao escritos dentro da tag, seguidos por um sinal de igual e depois entre aspas sao declaradas as informacoes do atributo. As informacoes quando mais de uma, devem ser separadas por ponto e virgula.

    Aspecto final
    na pagina web

    <h2 style="background-color: yellow;">STYLE</h2>
    <p style="background-color:#33cc33;">STYLE</p>

    STYLE

    STYLE

    White: #ffffff
    Black: #000000 (zeros)
    Red: #ff0000
    Blue: #0000ff
    Green: #00ff00
    Yellow: #ffff00

    ver tabela 216 cores
    style="font-family: sans-serif,Helvetica,Arial;"

    style="font-weight: normal;"

    style








    Links   HTML.net Licao 8
    O elemento <a> refere-se a "anchor", ancora. O atribuito "href" e abreviacao para "hypertext reference", referencia a hypertexto e especifica o destino do link,  que normalmente e um endereco na Internet ou um arquivo.

    Aspecto final
    na pagina web

    <a href="copy/paste do link pretendido">TEXTO</a> TEXTO linka um texto
    <a href="copy/paste link" target="_blank">TEXTO</a> TEXTO abre em outra janela um texto linkado
    Links entre minhas proprias paginas
    <a href="page2.htm">Aqui um link para a pagina 2</a>
    link na pagina1.htm para a pagina2.htm
    <a href="subdiretorio/page2.htm">Aqui um link para a pagina 2</a>
    Se a pagina2 for colocada em um subdiretorio (chamado de "subdiretorio")
    <a href="../pagina1.htm">Aqui um link para a pagina 1</a>
    link da pagina2 no "subdiretorio" para a pagina1
                                                 Links dentro de uma mesma pagina...
    Use o atributo id para marcar o elemento que e o destino do link... Voce agora pode criar um link que leve aquele elemento usando o simbolo "#" no atributo do link. O simbolo "#" informa ao navegador para ficar na mesma pagina que esta. O simmbolo "#" deve ser seguido pelo valor atribuido a id para onde o link vai.
    <h1 id="heading1">Cabecalho 1</h1>

    <a href="#heading1">Link para o cabecalho 1</a>

    Link para um endereco de e-mail...
    <a href="mailto:nobody@html.net">Enviar e-mail para nobody em HTML.net</a>







    Outros Exemplos
    (ver codigo no texto a vermelho e link sem traco inferior no texto azul)

     - To remove the line under links in the total page:


    <!DOCTYPE html>
    <html>
    <head>
    <style>
    a {text-decoration: none;}
    </style>
    </head>
    <body>
    <p>Link to: <a href="http://www.w3schools.com">W3Schools.com</a></p>
    </body>
    </html>



     - To open in another window an linking image:

    <a  href="http://www.youtube.com/watch?v=iUPwkbZxZX8"  target="_blank"><img



















    Validate a document online


          Web Page Validator    w3schools


         validator.w3.org
         HTML5 Fixed Header and Footer Div Web Page Layout Creation Tutorial




















    Other Sites, Articles, Tips & Tricks ...

    Contents

         Articles, Tips & Tricks ...
         Likes
         Sites em .pt
         Sites em ingles
         Top sites





    Articles, Tips & Tricks ...



    CSS-Tricks Screencast   #124: A Modern Web Designer's Workflow

    How To Use HTML Meta Tags   http://searchenginewatch.com/article/2067564/How-To-Use-HTML-Meta-Tags

    Truques e dicas  http://www.truquesedicas.com/tutoriais/html/

    Tutorials   http://tutorialsden.com/
    Animate.css a css3 library to create animations
    Bootstrap 3 Media Queries Explained



    Tutoriais e dicas  http://www.ultradicas.com.br/dicas

    The Case Against Vertical Navigation   smashingmagazine.com

    Top 10 CSS Table Designs  http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

    Tables: Columns, Headers, and Footers  http://www.htmldog.com/guides/html/advanced/tables/

    Create a Responsive Website - Video Tutorial    1stwebdesigner.com

    Fixed "Back to Top"   webdesignerwall.com

    alistapart.com FOR PEOPLE WHO MAKE WEBSITES

          How to use Modernizr   webdesignernotebook.com

          Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser  modernizr.com

           Meaning of - <?xml version=“1.0” encoding=“utf-8”?>  stackoverflow.com/questions

          html5please.com

          Pure CSS3 arrow icons   codepen.io




    Likes smiley

         W3.org

         W3C.org/TR

         WebPlatform.org

         Cheat-Sheets.org

         CSS-TRICKS

         forums.adobe.com

         panic.com

         stackoverflow.com    question and answer site

         ux.stackexchange.com   question and answer site






    Sites em pt

    HTML.net  (pode-se escolher a linguagem no canto inferior esquerdo)
    HTML.net  Tutorial  *  CSS Tutorial  *  PHP Tutorial
    HTML.net   Licao 15: Dicas finais  Como eu aprendo mais?
    HTML.net   CSS Licao 2: Como funciona CSS? = link para uma folha de estilos


    stackoverflow.com







    Sites em ingles


       front-back.com

       HTML.net

       stackoverflow.com

       w3schools.com







    Top Sites


         Alexa     Top ranked sites in each category

         ebizmba.com  Top 10 Best HTML5 Sites of 2014

     



    To see again

         Square Grid theme    https://drupal.org/project/squaregrid

         The Daily Report: Web Design News & Insights Since 1995     http://www.zeldman.com/

         Links for light reading (23/10/14)  maxdesign.com

         Web standards checklist    maxdesign.com










    Ralph Phillips


    site
    http://www.ralphphillips.com/


    todos os videos
    http://www.youtube.com/user/rrphillips/videos

    mais populares
    http://www.youtube.com/user/rrphillips/videos?view=0&sort=p&flow=grid

    mais recentes
    http://www.youtube.com/user/rrphillips/videos?view=0&flow=grid&sort=dd

    mais antigos
    http://www.youtube.com/user/rrphillips/videos?sort=da&view=0&flow=grid

    Videos carregados  de Ralph Phillips

    001  http://www.youtube.com/watch?v=IsHZLrDtMlI&list=UURLtb7abeDnVQ12VNZqU13Q
    387  http://www.youtube.com/watch?v=CW_wGSFavTc&list=UURLtb7abeDnVQ12VNZqU13Q

    385  2007 02 09  PHP Includes for Web Content
    384  2007 02 27  Install Classified Ads PHP Script
    383  2007 03 01  Install Free Message Board PHP Script

      00  2008 03 21  Create and Publish a Valid XHTML Strict Page
      00  2008 03 21  Publishing web pages with Filezilla
      00  2008 04 03  Intro to Cascading Stylesheets Part 1
      00  2008 04 03  Intro to Cascading Stylesheets Part 2
      00  2008 04 06  CSS Selectors - Part 1
      00  2008 04 06  CSS Selectors - Part 2
      00  2008 04 22  Create Column Layouts with CSS Part 1
      00  2008 04 23  Create Column Layouts with CSS Part 2: CSS Position Property
      00  2008 05 06  CSS Sprites Images Maps with CSS - Pt 1
      00  2008 05 06  CSS Sprites Images Maps with CSS - Pt 2
      00  2008 05 15  Creating Web Forms - Part 1
      00  2008 05 15  Creating Web Forms - Part 2
      00  2008 05 15  Creating Web Forms - Part 3
      00  2008 11 08  Horizontal Navigation Menu with CSS and Background Image

      00  2009 02 12  Flexible Web Page Layout in Dreamweaver
      00  2009 07 29  Get Web Hosting for a New Domain - Part 1
      00  2009 07 29  Get Web Hosting for a New Domain - Part 2
      00  2009 07 30  Get a New Domain Name from Google

      00  2010 03 31  Using Notepad++ to Create an XHTML 1.0 Strict Template
      00  2010 04 26  Vertical Navigation Menu with Current Page Indicator - Part 1 of 2
      00  2010 04 26  Vertical Navigation Menu with Current Page Indicator - Part 2 of 2
      00  2010 05 11  Three-column Web Page Layout Part 1 of 3
      00  2010 05 11  Three-column Web Page Layout Part 2 of 3
      00  2010 05 11  Three-column Web Page Layout Part 3 of 3
      00  2010 11 25  Basic Tables for the Web

      00  2011 01 04  Web Development Solution Video Part 1 of 4
      00  2011 01 04  Web Development Solution Video Part 2 of 4
      00  2011 01 04  Web Development Solution Video Part 3 of 4
      00  2011 01 04  Web Development Solution Video Part 4 of 4
      00  2011 01 17  Multiple Backgrounds for a Web Page with Concentric DIVs
      00  2011 01 27  Create CSS Screen Tips for Hyperlinks - Part 1 of 2
      00  2011 01 27  Create CSS Screen Tips for Hyperlinks - Part 2 of 2
      00  2011 03 02  CSS Basics - HTML/CSS Part 2 of 2
      00  2011 04 05  HTML5 Structure - Headlines and Paragraphs
      00  2011 04 05  HTML5 Structure - Sections and DIVS
      00  2011 04 05  HTML5 Structure - Lists
      00  2011 04 07  Hyperlinks for the Web
      00  2011 04 09  Validate Your HTML for Syntax Errors
      00  2011 04 19  Three Ways to Use CSS
      00  2011 04 24  Background Image CSS Properties: Repeat, Size, Position
      00  2011 04 26  Images on the Web - Part 1
      00  2011 04 26  Images on the Web - Part 2
      00  2011 05 05  Floating Block Elements
      00  2011 05 10  2-column Web Page Layout - Part 1 (with Header)
      00  2011 05 10  2-column Web Page Layout - Part 2 (with Header and Footer)
      00  2011 05 12  Horizontal Navigation Menu with Unordered List and Background Colors
      00  2011 05 12  Vertical Navigation Menu with Unordered List and Background Colors
      00  2011 05 12  Add Border-radius Property to List Items and Anchors in a Navigation Menu
      00  2011 05 19  Use HTML Entities to Add Special Characters to Web Pages
      00  2011 05 24  HTML Web Forms Part 1: Labels and Placeholders
      00  2011 05 24  HTML Web Forms Part 2: HTML5 Input Types for e-mail, url, number and range
      00  2011 05 25  Passing Arguments in JavaScript - Check a Checkbox Based on a Value     152/387
      00  2011 05 31  Use AUDIO and VIDEO HTML5 Elements for Multimedia     151/387
      00  2011 10 24  Use the FIGURE and FIGCAPTION Elements for HTML5     150/387
      00  2011 10 24  Background Image CSS Properties: Repeat, Size, Position     149/387
      00  2011 10 24  Use Display Inline-Block CSS to Create a Horizontal Nav Menu     148/387
      00  2011 11 06  CSS Text-Shadow Property     140/387
      00  2011 11 06  CSS Z-Index Property for Stacking Elements     139/387
      00  2011 11 06  Understanding CSS Box Properties     138/387



      00  2012 01 11  CIS 195 Final Exam Review - Part 1     136/387
      00  2012 01 11  CIS 195 Final Exam Review - Part 2     137/387
      00  2012 01 11  CIS 195 Final Exam Review - Part 3     134/387
      00  2012 01 11  CIS 195 Final Exam Review - Part 4     135/387
      00  2012 01 31  Flash Animation with Symbols: Planet with Orbiting Moon and Twinkling Stars     133/387
      00  2012 01 31  Horizontal Navigation Menu with Text Pop-ups     132/387
      00  2012 02 23  Creating CSS Sprite Navigation in Dreamweaver     131/387
      00  2012 02 29  Using Background Music with Flash     130/387
      00  2012 02 29  Using Sound Effects with Animation in Flash     129/387
      00  2012 03 05  Add Opacity and CSS3 Transitions to JavaScript Image Stack     128/387
      00  2012 03 05  Change Image Layering with JavaScript MouseOver     127/387
      00  2012 03 07  Cascading Drop-down Navigation Menu with CSS (Part 1)     126/387
      00  2012 03 07  Cascading Drop-down Navigation Menu with CSS (Part 2)     125/387
      00  2012 04 04  Using Article and Aside with HTML5     123/387
      00  2012 04 10  Styling Text with CSS     121/387
      00  2012 04 10  Styling Hyperlinks with CSS     122/387
      00  2012 04 04  CIS 195 Make and Publish an HTML5 Web Page (Lecture and Demonstration)
      00  2012 04 18  CLASS and ID Selectors with CSS     120387
      00  2012 04 20  Basic HTML Navigation Menus     119/387
      00  2012 04 20  Descendant and Group Selectors with CSS     118/387
      00  2012 04 21  Use a CSS Reset Rule     117/387
      00  2012 04 25  Hexadecimal Color Codes for Web Design     108/387
      00  2012 04 28  CSS Transitions For Photo Gallery (Part 1)     105/387
      00  2012 04 28  CSS Transitions For Photo Gallery (Part 2)     106/387
      00  2012 04 30  CSS Attribute and Value Selectors     102/387
      00  2012 05 14  1-column Web Layout with Header and Footer     098/387
      00  2012 05 14  2-column Web Layout with Header and Footer     100/387
      00  2012 05 14  3-column Web Layout with Header and Footer     099/387
      00  2012 05 14  Create Columns with CSS     097/387
      00  2012 05 16  Make Presentations and Collaborate with Google Docs     092/387
      00  2012 05 16  Make Spreadsheets and Collaborate with Google Docs     091/387
      00  2012 05 22  ROWSPAN and COLSPLAN Attributes for Table Design     089/387
      00  2012 07 12  Mid-term Web Page Solution for CIS 195 - Part 1     085/387
      00  2012 07 12  Mid-term Web Page Solution for CIS 195 - Part 2     086/387
      00  2012 07 12  Mid-term Word Document Solution for CIS 120
      00  2012 11 13  Slidespot Navigation Challenge - Make this with CSS?     080/387
      00  2012 11 20  Slidespot Navigation Challenge - Solution Part 1     079/387
      00  2012 11 20  Slidespot Navigation Challenge - Solution Part 2     078/387
      00  2012 12 11  Use Multiple Layers in Flash     076/387
      00  2012 12 11  Introduction to the Flash Timeline     075/387
      00  2012 12 11  Setting Stage Properties in Flash     074/387
      00  2012 12 13  Create a Shape Tween in Flash     073/387
      00  2012 12 13  Create a Motion Tween in Flash     072/387
      00  2012 12 13  Create a Frame-by-Frame Animation in Flash     071/387
      00  2012 12 15  Upload a Flash Movie to YouTube     070/387


      00  2013 01 09  Trouble with the Fill Bucket When Coloring Drawings     069/387
      00  2013 01 10  Merge Drawing and Object Drawings in Flash     068/387
      00  2013 01 10  Using Fills and Strokes (borders) in Flash     067/387
      00  2013 01 10  Use JavaScript to Display Random Trivia on Click     066/387
      00  2013 02 18  Flash Motion Tween: Rotating Wheels (part 1 of 3)     065/387
      00  2013 02 18  Flash Motion Tween: Rotating Wheels (part 2 of 3)     063/387
      00  2013 02 18  Flash Motion Tween: Rotating Wheels (part 3 of 3)     064/387
      00  2013 03 09  Basic Navigation in Flash with Animated Symbol     061/387 List
      00  2013 03 09  Create Basic Navigation in Flash with Code Snippets     060/387 List
      00  2013 04 01  New Web Hosting for Web Development     059/387 List
      00  2013 04 03  HTML Basics Part 1: Intial Page Structure    057/387 List
      00  2013 04 03  HTML Basics Part 2: Add Headlines and Paragraphs     056/387 List
      00  2013 04 03  HTML Basics Part 3: Keep it Simple     055/387 List
      00  2013 04 19  Use Photos in Word to Make Flyers     042/387 List
      00  2013 04 26  HTML and CSS for adding Photos / Images to a Web Page Part 1     037/387 List
      00  2013 04 26  HTML and CSS for adding Photos / Images to a Web Page Part 2     038/387 List
      00  2013 05 01  Fixed vs Flexible Web Page Layouts - Part 1     035/387 List
      00  2013 05 01  Fixed vs Flexible Web Page Layouts - Part 2     034/387 List
      00  2013 05 02  Absolute Position Web Page Elements with CSS - Part 1     032/387 List
      00  2013 05 02  Absolute Position Web Page Elements with CSS - Part 2     033/387 List
      00  2013 05 05  Use Word to Plan the Layout of a Web Page     031/387 List
      00  2013 05 06  Create Pull Quotes with Blockquote Tags and Quotation Background Images     026/387 List
      00  2013 05 06  Using Label Tags in Web Forms     025/387 List
      00  2013 05 06  Create an Exapnding Text Box with :focus and CSS Transition     024/387 List
      00  2013 05 08  Improve SEO with Title Tags and Meta Description     023/387 List
      00  2013 05 08  Use JavaScript to Hide or Show a Portion of a Form     022/387 List
      00  2013 05 10  Use H1 and H2 Headlines to Improve your SEO     020/387 List
      00  2013 05 10  Mimic the Layouts Part 1 (1-column Layouts)     017/387 List
      00  2013 05 10  Mimic the Layouts Part 2 (2-column Layouts)     018/387 List
      00  2013 05 10  Mimic the Layouts Part 3 (3-column Layouts)     019/387 List
      00  2013 05 12  Improve SEO by Providing Dedicated Landing Pages to Keyword Phrases and Topics     014/387 List
      00  2013 05 12  Make Descriptive and Accessible Hyperlinks to Improve SEO and Usability     013/387 List
      00  2013 05 13  Improve SEO by Building Good Domain Paths with Keywords     012/387 List
      00  2013 05 13  Link to Your Home Root Instead of Index to Improve SEO     011/387 List
      00  2013 05 14  Improve SEO by Using Descriptive Alt Attributes and Image Filenames witk keyWords     010/387 List
      00  2013 05 16  Use Meta Robots to Prevent Search Engines from Indexing Your Page
                                and Following Your Links  009/387
      00  2013 05 26  Extra Credit CIS Iffy Amortization     007/387 List
      00  2013 05 26  Extra Credit for CIS 195 Web Development - Slidebars     008/387 List
      00  2013 06 02  Online Businesses - CIS 235 Lecture     006/387 List

      00  2014 03 25  Responsive Web Site with Media Queries: Change 2 Columns to 1 Column



    Videos carregados  de Ralph Phillips

    http://www.youtube.com/watch?v=IsHZLrDtMlI&list=UURLtb7abeDnVQ12VNZqU13Q

    http://www.youtube.com/watch?v=LXluLjN_STI&list=UURLtb7abeDnVQ12VNZqU13Q

    387 /387  http://www.youtube.com/watch?v=CW_wGSFavTc&list=UURLtb7abeDnVQ12VNZqU13Q



    Color codes
      00  2012 04 25  Hexadecimal Color Codes for Web Design     108/387


    Headlines and Paragraphs
      00  2011 04 05  HTML5 Structure - Headlines and Paragraphs
      00  2013 04 03  HTML Basics Part 2: Add Headlines and Paragraphs



    Tables
      00  2012 05 22  ROWSPAN and COLSPLAN Attributes for Table Design     089/387
      00  2010 11 25  Basic Tables for the Web


    Tags
      00  2013 04 03  HTML Basics Part 3: Keep it Simple
     

    Excel
      00  2011 10 25  Beginning Excel Part 1: Text, Numbers, and Cell Formatting     142/387
      00  2012 06 04  Lock Cells and Protect Sheets in Excel     087/387

    Acess
      00  2011 10 27  Plan and Create the Books-Authors Database in Access     141/387














    html5



    Index / Contents




           

            

           

           




    News

        

         HTML5 é uma Recomendação W3C    28 de outubro de 2014     w3c.br
         









    New Structure for HTML5


       What Beautiful HTML Code Looks Like     CSS-TRICKS

       HTML5 novos elementos de estrutura   botecodigital.info

       HTML5 Development Center    HTML GOODIES











    Tag Cheat Sheets HTML5


         HTML by Alphabet   w3schools

         HTML5 and CSS3 Cheat Sheets    WebSitesMadeRight.com

         HTML5 tag cheat sheet   websitesetup.org

         Quick Reference Guide  -  Cascading Style Sheets (CSS 3)   media.smashingmagazine.com


    W3C Editor's Draft  /  HTML 5.1 Nightly

         Elements    

         Element content categories

         Attributes

         Element Interfaces

         All Interfaces

         Events








    Tutorials HTML5


    DIVE INTO HTML5 by MARK PILGRIM

    ... WITH CONTRIBUTIONS FROM THE COMMUNITY
         http://diveintohtml5.info/
         http://diveintohtml5.info/semantics.html

    Introducao ao HTML5

    vejaeaprenda
       http://www.youtube.com/watch?v=CHlp835aYz0

    HTML5 - Introduction Tutorial For Beginners Part 1

    PeterEntwistleTV    17:24
          http://www.youtube.com/watch?v=Kzil7BOpDxw

    Tutorial HTML5

    Vlademir Segan Faria   1:05:28
       http://www.youtube.com/watch?v=uvsEyHE_Hb0


    CSS3

    CSS3: Muito alem das folhas de estilo em cascata - Parte 1
                 http://www.youtube.com/watch?v=CRSgrgb1BiI



    CSS3 Tutorials

         #6 - Linear Gradients


    Curso de HTML5 - Aula 01

    Hugo Vasconcelos
      https://www.youtube.com/watch?v=JaIf8YoxvIo


    CPBR6 - HTML5. Desenvolvimento avancado 

    campusparty
      https://www.youtube.com/watch?v=b9ZrOdTFkNk


    Curso de HTML5  -  cursos em video by Gustavo Guanabara

    Aula 00 - Site Completo
    Aula 01 - Historia da Internet
    Aula 02 - Historia da HTML
    Aula 03 - Como Funciona a Internet
    Aula 04 - Primeiro Exemplo em HTML5
    Aula 05 - Tags Basicas em HTML5
    Aula 06 - Paragrafos, Quebras e Simbolos Especiais
    Aula 07 - Formatacao de Texto com HTML5 e CSS3
    Aula 08 - Codigos de Cores em HTML5 e CSS3
    Aula 09 - Imagens em HTML5
    Aula 10 - Formatacao de imagens com CSS3
    Aula 11 - Listas em HTML5 com OL e UL
    Aula 12 - Links em HTML5
    Aula 13 - Menu com CSS3
    Aula 14 - Efeitos visuais em CSS3  ( hover, transition, Cross-Browser CSS ... )
    Aula 15 - Formatacao de Interfaces com HTML5  ( position, margin, padding, box-shadow... )
    Aula 16 - Cabecalho em CSS3  
    Aula 17 - Fontes em CSS3  
    Aula 18 - Semantica em HTML5    





    Free Courses

         HTML5 Fundamentals 00 HTML5 Entrance

         HTML5 Fundamentals 04 Header Footer Nav

         CURSO BASICO DE HTML5 E CSS3 GRATIS








    html 5.1

       

         W3C
         HTML 5.1 Nightly
         A vocabulary and associated APIs for HTML and XHTML
         Editor's Draft  24 June 2013
         http://www.w3.org/html/wg/drafts/html/master/

         Index
         http://www.w3.org/html/wg/drafts/html/master/index.html#index















    HTML5 Tudo Tecnicamente






















    Sites feitos com HTML5


         The Wilderness Downtown

         WebGL Water

         Ball Pool

        Z-Type [Jogo Viciante]
        Agent 8 Ball
        360 Langstrasse Zurich
        CNN-Ecosphere [Sensacional]
        This Shell
        Google Sphere
         

         14-experimentos-com-html-5-de-cair-o-queixo   tecmundo.com


         https://www.chromeexperiments.com/


         https://www.chromeexperiments.com/?page=77&sort=newest
         https://www.chromeexperiments.com/arcadefire/
         http://www.thewildernessdowntown.com/

         http://cabbi.bo/
         http://cabbi.bo/Text/

         http://jeremybouny.fr/
         https://jbouny.github.io/fft-ocean/


         http://www.markuslerner.com/
         http://www.markuslerner.com/travelscope/



    Para mais tarde ver o código CSS


        http://clearleft.com/
            view-source:http://clearleft.com/
            http://clearleft.com/_css/styles.css

         http://kyleschaeffer.com/wp-content/themes/lights/style.css


         http://www.httpwatch.com/    bootstrap base
















    abcd750My ABC HTML

    Links of everything about HTML and the new bases for the development of my site in order to incorporate the new semantic tags of HTML5 with a new structure and use it in my mobile...

    2014-04-25
    João Couto
    Espinho / Portugal

         above image from beyondthescores.wordpress.com
         The ABCD’s of writing good objectives to help guide in the development stage…




       Index abc

      - anchor   

      - css   



      - hover   
      - hr      
      - reset   

      - W3C  








       anchor


    The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.
    From line 182, column 5; to line 182, column 22

         http://validator.nu/?doc=http%3A%2F%2Fjoaocouto-espinho.com%2Fhtml.html


         Avoid <a name/> and <a id/> without href, now obsolete   html-5.com  
         





       css

         Reset  2014’s most popular CSS Reset scripts, all in one place     cssreset.com










       hover


        text  Animate text over images on hover without JavaScript    geekgirllife.com
        text  Place text over images on hover without JavaScript   geekgirllife.com









       hr


         Color   I want to change the color of my hr tag using CSS   stackoverflow.com

    HTML 5 Boilerplate project in its default stylesheet specifies the following rule:

    hr { display: block; height: 1px;
        border: 0; border-top: 1px solid #ccc;
        margin: 1em 0; padding: 0; }


         Color  The color Property Isn’t Just for Text   sitepoint.com

         Styles  Simple Styles for <hr>'s     css-tricks.com










       reset


         CSS  2014’s most popular CSS Reset scripts, all in one place     cssreset.com

         CSS  normalize.css v3     github.com







       W3C




         Recomendation   W3C Recommendation 28 October 2014    w3.org


























    My old desktops & avatars


    Normalmente só mudo a imagem de fundo do meu ambiente de trabalho quando faço alterações de maior no hardware ou software ou mesmo quando troco de PC... Desde 1999 já trabalhei cá em casa com 3 computadores (fora outros 2 do meu filho) e em cada um fiz pelo menos uma grande alteração/ upgrade de hardware e software... Começei por trabalhar com o windows 98 que tinha uma série de bugs e crashava constantemente... É caso para se dizer "velhos tempos", eheh... E eu até poderia ter começado muito antes, no ínicio da década de 90, mas sempre resisti à ideia porque se dizia, e com propriedade, que aquilo dava cabo das vistas ao pessoal... Aqueles primeiros monitores eram mesmo um grande problema com a tremideira das ondas megahertz ou lá como se chamava àquilo... Lembro-me sobretudo da preocupação do pessoal com a optimização do nº de imagens por segundo... 




    My first image for descktop was from windows 98.
    Then I changed for this one below from 1999 to 2002


    looney-tunes1999

    Esta imagem de relativa baixa qualidade foi o melhor que consegui e foi recuperada através de um CD de dados mas é o suficiente para este fim... Obtive-a naquela altura através do canal Cartoom da TV Cabo pois tinha instalado uma placa de TV no PC e agora não será fácil conseguir uma igual com boa qualidade, talvez apenas parecida... em  Looney Tunes That's all folks











    My desktop from 2002 to 2009 (PC desktop)

    abbey_road_full_cover

     Abbey Road
     
    Este é o álbum que durante muitos anos eu votaria para melhor álbum de sempre…
    Hoje diria que pode até não ser o melhor álbum de todos os tempos mas a verdade é que não conheço nenhum que seja melhor que este… :))

    Houve uma altura da minha juventude em que este disco era colocado no prato e tocava em modo de repetição…
    Como se sabe os antigos LP só apresentavam cerca de 20 min por cada lado de modo que repetia o mesmo lado até à exaustão…
    Ora, quando me preparava para deitar e antes de apagar a luz normalmente virava o disco para o lado B e deixava-o a tocar baixinho…
    Claro, frequentemente adormecia que nem um santo e o disco tocava toda a noite… Depois acordava de manha de mansinho ao som do belíssimo Abbey Road… Inesquecível…

    Da minha paixão por este disco nasceu também o meu 1º ídolo da música… George Harrison.
    Tem outros álbuns dos Beatles que me tiram do sério e fazem parte dos meus favoritos como o duplo White Album e o Let It Be…
    Deste último lembro-me de o ter comprado no verão de 1974 mas depois emprestei-o e perdi-lhe o rasto… 
    Casualmente estes 2 não fazem parte desta lista pois não tiveram nos anos 70 tanta atenção quanto esses outros 4 mas são também discos para ouvir e repetir x sem conta…

     As capas dos discos da minha vida












    Avatar from year 2003 / 2004

    maisum

    Nickname: maisum


    Para trás ficaram o Jis (1999) e o more (2001)
    Estes 3 nicks foram utilizados sobretudo nos fóruns de bolsa
    Em 2009 nasce o Jismore para utilização no You Tube













    Avatar from year 2005

    Porto_Kale

    Nickname: Porto_Kale

    http://www.racocatala.cat/forums/fil/45451/descubriment-america.colom-era-catala-pero-despres?pag=1
    http://www.racocatala.cat/forums/fil/41286/donde-nacio-cristobal-colon
    http://www.racocatala.cat/forums/fil/12862/gallec-portugues-dues-llengues?pag=4#955880
    http://www.racocatala.cat/usuari/Porto_Kale/participacio/forums

    http://www.skyscrapercity.com/showthread.php?t=431694&page=5
    http://www.skyscrapercity.com/showthread.php?t=431694&page=6
    http://www.skyscrapercity.com/showthread.php?t=431694&page=9












    My desktop from 2005 to 2009 (portátil desktop e em ambiente expandido desde 2007)


    apple-records

      Apple Records

    Este é o selo da Aplle Records que caracterizava muitos dos LP's que passavam pelos nossos gira-discos na década de 70, sobretudo associado aos discos dos Beatles...
     













    My desktop from 2009 to 2013 (em PC, ambiente expandido com 2 monitores de 19")

    europe-night

       Europe by night

    Pela intensidade da luz, facilmente se podem ver as zonas mais densamente habitadas da Europa e arredores... Nota-se perfeitamente onde estão as grandes cidades e sobretudo dá para confirmar onde está o seu coração, bem logo ali acima de Paris...

    Da esquerda para a direita da designada "cidade luz", notamos lá acima Liverpool, Manchester, Birmingham, Londres e mais umas tantas pelo meio da grande UK...  Depois destaque para a Holanda com Roterdão e sobretudo com a notável Amsterdão com o seu porto marítimo, o maior da Europa... Por fim, do lado direito, o colosso Alemão com todas as suas grandes cidades, destacando-se não as maiores, Berlin, Hamburgo e Munich, porque estão relativamente afastadas, mas sim o aglomerado composto por Essen, Dortmund, Dusseldorf, Colónia e Frankfurt...

    Vemos ainda, como a leste da Europa, mais propriamente na entrada da grande Ásia, se verifica a existência de longas rotas entre as grandes cidades... E é caso para se dizer que por aquelas bandas todos os caminhos vão dar a Moscovo...

    Também destaque para as zonas costeiras, muito procuradas pelas populações para viver e para lazer...

    A última palavra para o nordeste de África onde vemos a parte mais habitada do maior rio do mundo, o rio Nilo, um autêntico oásis no deserto...












    My desktop from 2013 to Nov 2014 (em PC, ambiente expandido com 2 monitores de 19")

    thirdgalaxy-800x

    Galaxy
    O Infinito, Deus e os "entendidos"...







    My desktop from 8 Nov 2014

    PrtScr20141108
    Imagem = PrtScr com 2 monitores lado a lado em ambiente de trabalho expandido, resolução 1920x1080 à esquerda e 1280x1024 à direita...

    Já faz 10 anos que trabalho com 2 monitores, desde Janeiro de 2004 precisamente... Inicialmente separados, 1 PC + 1 portátil, mas desde 2007 em ambiente expandido e já não "sei" trabalhar de outra maneira...

    Como imagem de fundo cheguei a ter em simultâneo à esquerda no velho PC, com monitor de 17", a capa do Abbey Road e à direita no portátil essa bela maça aí acima da Apple Records...

    Em 2007 juntei um novo monitor de 19" ao portátil e fiquei portanto com 3 monitores com a maça em duplicado...

    Em 2009 substitui o velho PC e respectivo monitor que já vinham desde 1999 e adquiri um 2º monitor de 19" para fazer conjunto de 2x 19" ficando o portátil para os extras...

    Em meados de Outubro de 2014 um dos 2 monitores de 19" deixou de dar imagem pelo que tive de o substituir e aproveitei a baixa de preços para adquirir um 27" com resolução de 1920x1080 conforme imagem acima...















    Knowledge  /  Conhecimento





    O Infinito, Deus e os "entendidos"...

    Clicar na imagem para ver em tamanho maiorthirdgalaxy-300
    O infinito sempre me fascinou desde a adolescência, desde o tempo do Liceu... A filosofia não foi nesse tempo a minha "praia", a minha aptidão sempre foram os números mas há diversas coisas que nunca esqueci dessa bela disciplina sobretudo porque muitos dos conhecimentos adquiridos através da leitura de grandes pensadores me deram asas para voar, para forjar a minha própria compreensão das coisas... E todos nós na juventude tivemos algo de filósofos porque gostamos de falar até do que não compreendemos e, ainda assim, falamos na mesma... E está bem, entendo eu, porque será mesmo assim que o conhecimento na realidade evoluiu e continuará a evoluir... 

    Lembro-me que quando nos púnhamos a filosofar sobre religião eu sempre argumentava, como é possível acreditar em Deus com todas as suas leis e regras não questionáveis, um Deus diferente conforme a civilização e cultura local, um Deus todo poderoso que não consigo compreender porque é sobrenatural mas que outros seres humanos mais espertos do que eu compreendem e que de entre eles alguns até foram os "escolhidos" para transmitir o SEU pensamento e as tais leis e regras de conduta... Muitas pessoas não se questionam, aceitam simplesmente as coisas como lhes dizem, como lhes ensinam mas na verdade, como em tudo na vida, não deveria ser assim...

    Entre outras pérolas, eu aprendi através da leitura do pensamento de um desses filósofos que, sobre um mesmo assunto devemos tomar conhecimento de opiniões diversas e até contrárias antes de formar o nosso próprio juízo das coisas e nem mesmo assim sempre teremos certezas... Isto diz o filósofo porque por outro lado e em sentido antagónico temos o pensamento religioso que tenderá sempre para o dogmático, ou seja, é assim como os "entendidos" dizem e não podes pôr em questão senão deixas de ser crente!!! Pois seja, isso hoje não é grande problema mas houve tempos em que os "entendidos" e os crentes mandavam queimar as pessoas que questionassem...

    Eu também fui educado na fé e religião cristã, tenho muito orgulho nessa condição porque na verdade, subtraindo a parte dogmática da religião, os ensinamentos são na generalidade positivos e tenho ainda hoje como máxima, "não faças aos outros o que não gostarias que te fizessem a ti"... Por outro lado já não sou muito praticante daquela outra que diz, "quando te derem uma bofetada não respondas, simplesmente dá a outra face"... Eu até entendo que eventualmente no interesse da humanidade esta poderia ser a atitude correcta pois assim se teriam evitado muitas guerras  e mortes de inocentes que não tinham nada a ver com as guerras dos outros mas que é um bocado difícil de "engolir" certas atitudes, certas prepotências, lá isso é...

    Agora voltando atrás, aos meus amigos e companheiros de discussão eu sempre dizia, "se não compreendes sequer o que é o infinito", se não consegues imaginar um fim, um local onde para além não existe mais espaço, mais nada de nada, como me queres fazer acreditar em Deus, nesse Deus cheio de contradições e de Leis fabricadas consoante a civilização, as crenças e até o interesse de determinadas pessoas..." Todos nós sabemos, só não vê quem não quer, que os Papas e outros religiosos são pessoas com as virtudes e defeitos de outras pessoas, uns mais honestos e outros mesmo desonestos e as histórias antigas confundem-se com as regras de hoje e que na verdade certas normas foram criadas e impostas em tempos de muita ignorância, em tempos onde quem tinha um olho era Rei, ou Papa...

    Talvez o infinito e esse Deus em que as pessoas acreditam se complementem, digo eu, porque na verdade quando o ser humano não compreende simplesmente remete para a existência e crença de um Deus e isso até pode ser positivo se por detrás as regras impostas aos crentes são construtivas de uma boa sociedade, mas também pode ser negativo se usado por pessoas desonestas em seu favor como se passou por exemplo na Idade Média e mais recentemente com os radicais islâmicos...

    Entretanto e depois de todo este blá blá blá, eis aqui a imagem para o meu actual desktop... Uma galáxia... Assim se vê o quanto nós somos pequeninos!  A nossa estrela, o Sol, e todos os planetas que giram à sua volta, pertencem a uma galáxia, a Via Láctea... Não a podemos fotografar desde o exterior pois estamos no meio dela, mas estaremos muito próximos da realidade da sua configuração e dimensão projectando-a através das fotografias e medições obtidas desde o nosso sistema solar... Podemos assim afirmar que é uma galáxia espiral e temos por aí na net os referidos esboços onde se pode ver a posição do nosso sistema solar dentro da Via Láctea...

    Para se ter a ideia da dimensão da nossa galáxia, diremos que a distância do nosso planeta Terra até ao Sol é de 8 min à velocidade da luz e que a Via Láctea tem um diâmetro calculado em cerca de cem mil anos-luz e uma altura de 30 mil anos-luz... Uma galáxia compreende de milhões a triliões de estrelas... As galáxias potencialmente observáveis desde o nosso planeta pensa-se que sejam na ordem dos bilhões... Dizem que cerca de 170 bilhões, quase nada... Agora, se pensarmos que o número de galáxias que não temos capacidade de sequer observar, se situa num espaço que a mente humana não compreeende sequer... Oh, oh...

    Eu deduzo que, se os planetas giram à volta de uma estrela e as estrelas se agrupam em galáxias e giram à volta do seu núcleo designado de buraco negro, múltiplos conjuntos de galáxias se devem agrupar para girar à volta de qualquer coisa que nós humanos não teremos possívelmente nunca capacidade para imaginar o que possa ser e muito menos a sua dimensão... Mas se imaginarmos que existirão também conjuntos de galáxias em números não contabilizáveis e que por sua vez existirão conjuntos de conjuntos de outros conjuntos... Oh, oh...

    E se o infinito para o exterior é incompreensível para a mente humana, não se pense que é mais compreensível o infinito para o interior... Sim, porque se para o exterior vemos e imaginamos tudo, o que conhecemos até agora, a girar em volta de qualquer outra coisa porque não imaginar que o mesmo acontecerá para o interior... Desde o tempo do Liceu que essa é uma questão que me assalta a ideia, de que da mesma forma que imaginamos a multiplicação para o exterior poderemos também imaginar infinita a divisão para o interior... Por agora sabemos que o átomo se divide em partículas subatómicas com um núcleo à volta do qual elas giram... Daí para dentro ainda é de certa forma uma incógnita e possivelmente não será mais fácil de ultrapassar do que o será, saber o que está para além das galáxias, digo eu...  Oh, oh...

    Este outro tipo de infinito não é de forma alguma consensual e é até de certa forma um paradoxo pois também podemos imaginar simultaneamente, e até situar num segmento de recta, um ponto como sendo o zero absoluto... Ou seja, se por um lado se pode imaginar a divisão infinitamente, por outro lado temos um principio e um fim...

    E pensar que se queimaram pessoas só porque inteligentemente souberam deduzir, ou tão somente compreender, que o nosso planeta Terra era redondo e não era de verdade o centro do universo, simplesmente girava em volta do Sol, essa estrela que os primitivos humanos já adoravam como um Deus porque facilmente perceberam que sem Sol, nicles ...


    João Couto,
    22 dez 2013


    P.S.
    Eu respeito a fé de cada um mas, na minha opinião, a que também tenho direito, Deus é uma fase da evolução da ignorância humana...

    Nos primórdios da humanidade adorava-se e venerava-se qualquer coisa da qual depende-se o futuro do grupo ou comunidade, fosse animal, material ou outro... A imaginação do homem e os seus medos fez o resto e assim em alguns casos, digamos que mais avançados intelectualmente, terá evoluído naturalmente para o abstracto e relativamente rápido se alastrou e dividiu em correntes ... Nos dias que correm, com tanta informação disponível, vejo no entanto como há realmente ainda muita gente parada no tempo... Este último status parece que veio para ficar e eu, educado numa sociedade essencialmente cristã, vivo bem com o assunto... Julgo que já não me sentiria tão cómodo em outra corrente...

    22 set 2014
    facebook.com/marc.candoso

    A propósito
    “Não há Deus nenhum”, afirma Stephen Hawking








    Scientific Documentaries






    scientific-doc


    Ciência

    Ancient Knowledge
    Do que realmente somos feitos?
    História da Ciência
    Mundo Quântico - Sinfonia da Ciência
    Poesia da Realidade - Sinfonia da Ciência
    Segredos do Petróleo
    Story of Electricity BBC A História da Eletricidade
    GENIOS DA CIÊNCIA

    Cosmos

    A História do Mundo Ao Infinito e Além
    Seven Ages of Starlight BBC Sete Idades da Luz Estelar
    The Universe - Mercury & Venus The Inner Planets History Channel S01E05 Mercúrio e Vénus Os Planetas Interiores
    The Universe - Jupiter The Giant Planet History Channel S01E06 Júpiter O Planeta Gigante
    The Universe - Life & Death of a Star History Channel S01E07 Vida e Morte de uma Estrela
    To Infinity and Beyond (2010) BBC

    Génios

    Albert Einstein
    Einstein's Equation Of Life And Death
    Einstein E=mc2
    Galileu
    Leonardo da Vince, O Código de Vida de

    Numbers

    General Overview and the Development of Numbers 1:44:16 Visão Geral e Desenvolvimento de Números
    The Golden Ratio & Fibonacci Numbers
    The Golden Ratio - The Measure of Beauty
    O Código - Episódio 1: Números (Doc-2011)

    Vida

    First Life - Arrival (1/2) BBC David Attenborough O  Princípio da Vida - A Chegada
    First Life - Conquest (2/2) BBC David Attenborough O  Princípio da Vida - A Conquista
    Home documentary BBC
    Men of Rock BBC Iain Stewart Homens de Pedra
    The Ape That Took Over World BBC O Macaco que Tomou Conta do Mundo
    The Missing Link BBC John Shrapnel
    The Shape of Life - Origins Peter Coyote Origens da Vida
    The Shape of Life - Life on the Move Peter Coyote A Vida em Movimento
    The Story of Earth NatGeo













    Links



         Alpha Coders  -  Galaxy
             Wallpapers, Art, Photography, Gifs, Covers, Avatars, etc...   




























    Other Documentaries


    Fernando Pessoa

    Há quem começe por dizer que não é especialista em Fernando Pessoa... Pois eu desde já quero dizer que nunca li um livro dele quanto mais ser um entendido... Contudo Pessoa é uma figura que me fascina, sobretudo, mas não só, pela numero de pessoas versadas, supostamente, na sua obra...

    Fernando Pessoa vai assim figurar neste sector "Outros Prazeres" e não na página de "Livros e Cinema" ou de "Viagens e Locais" ou até de "Música"... Sim, música, porque foi por aí que eu me dei conta verdadeiramente da sua "existência", ouvindo sobretudo artistas brasileiros, nomeadamente a grande Bethânia...

    Assim, deixo aqui abaixo algumas pérolas, para as ter à mão sempre que me apetecer ouvir e para quem mais quizer...
     
     


    smiley 2008-10-05 Bethania - Poema do Menino Jesus - Fernando Pessoa fadotropical 00:03:49 270 221
    smiley 2008-11-15 O Guardador de Rebanhos - Fernando Pessoa, Mário Viegas - I biblioesplliteratura 00:06:43 45 661
    smiley 2009-04-20 Mª BETHANIA - Todas as cartas de amor são ridículas (F. Pessoa) Rocir Santiago 00:03:40 23 564
    2010-02-08 Tabacaria - Fernando Pessoa (Álvaro de Campos) Marcio Gravina 00:06:18 25 839
    smiley 2010-05-24 Segue teu destino - Maria Bethânia canta Fernando Pessoa Giordano Capibaribe 00:03:26 11 713
    2010-10-09 Roberto Carlos declama texto de Fernando Pessoa e canta 'Outra Vez 1979' - HD ELMIRALMEIDA 00:06:17 2 458
    2011:05:07 Fernando Pessoa | English version ruicanau 00:12:02 10 350
    2011-06-11 Ler Mais Ler Melhor Vida e Obra de Fernando Pessoa filboxaudiovisuais 00:10:57 4 527
    smiley 2011-07-05 Álvaro de Campos por João Villaret - Cruzou por mim, veio ter comigo, numa rua da Baixa João Coelho 00.03:45 6 683
    2011-08-21 Fernando Pessoa - Documentário Editora Globo AndreBispoVivo 01:05:48 60 122
    smiley 2011-08-31 Maria Bethânia_ "Passagem das Horas"_ "Invocação" ocean3030if 00:03:38 1 407
    2011-10-13 5 Frases de Fernando Pessoa cincofrases 00:01:28 15 302
    smiley 2011-11-26 Antônio Abujamra declama Fernando Pessoa - O guardador de rebanhos VIII TheDyarlen 00:05:49 14 825
    smiley 2011-12-19 Tabacaria - Alvaro de Campos (1923) 1/2 recitado por Mário Viegas JM Stapes 00:06:54 15 646
    smiley 2011-12-19 Tabacaria - Alvaro de Campos (1923) 2/2 recitado por Mário Viegas JM Stapes 00:08:51 3 672
    smiley 2012-01-07 Maria Bethania - Texto Ultimatum - Fernando Pessoa Henrique Fernandes 00:02:52 8 716
    smiley 2012-01-21 Passagem das horas - Álvaro de Campos (Fernando Pessoa) TheMseifert 00:03:01 854
    smiley 2012-03-05 Fernando Pessoa (Oração) por Maria Bethânia Carlos Alberto Didier 00.02:20 9 254
    2012-04-04 Fernando Pessoa e os heterónimos - António Quadros Carlos Alberto Didier 00:10:04 1 133
    2012-07-11 Fernando Pessoa - Livro do Desassossego (série Grandes Livros) Carlos Alberto Didier 00:47:16 14 745
    2012-08-20 Poema Em Linha Reta - Fernando Pessoa - Em uma Interpretação Incrivel de Osmar Prado edson Ecks 00:03:30 1 037
    2012-08-25 Fernando Pessoa - Documentário (série Grandes Portugueses) Carlos Alberto Didier 00:50:14 11 670
    2012-09-30 Então, eu li Fernando Pessoa... (Primeira imersão e o que a Tatiana encontrou por lá) tatianagfeltrin 00:24:22 12 251
    2012-10-17 Ano de Portugal - Fernando Pessoa - Cleonice Berardinelli na Íntegra midrashmidrash 00:53:42 671
    smiley 2012-11-25 Tabacaria Fernando Pessoa por Antonio Abujamra Luis Dorea 00:11:18 1 057
    2012-11-28 Filme do Desassossego Indie CubanMusic 01:59:39 5 562
    2013-02-06 Mensagem - Fernando Pessoa José Couto 00:25:58 1 497
    2013-07-05 FLIP 2013 - mesa 9 - Lendo pessoa à beira-mar Flip - Festa Literária 00:08:03 12 061
    2013-08-02 AUDIOLIVRO: "Mensagem", de Fernando Pessoa Iba Mendes 00:28:55 68








    Luís de Camões

    Os Lusíadas Luis de Camões
    Documentário da série 'Grandes Livros'
    Grandes Portugueses - 5º - Luis de Camões Documentário da série 'Grandes Portugueses








    Maria João Pires

    Behind the scenes with Maria João Pires
    Maria João Pires - Doc. No Silêncio de uma Nota"












    Sophia de Mello Breyner

    pt.wikipedia       en.wikipedia     wikipedia
    O Nome das Coisas RTP2
    "Contos Exemplares" e "Navegações" - 1988 ina.fr
















    Other Stories

    Era uma vez, o meu pai e o seu amigo Pias...

    pai0000Eu devia ter os meus 15 ou 16 anos... Lá em casa nas horas de almoço e de jantar o meu pai era normalmente o centro das maiores atenções... Ele não era um bom "garfo" como se costuma dizer mas sim um bom falador...

    Havia sempre conversa, ora falando do seu trabalho e dos acontecimentos do dia, ora dizendo bem de uns e mal de outros... Quando tinha de dizer mal, por vezes não era nada comedido, era de desonestos a asquerosos para cima mas nunca o ouvi dizer um único palavrão... Contava também muitas histórias da sua juventude, dos seus irmãos e amigos da escola... Falava ainda muito de política, ele era um grande admirador de Salazar mas adorava sobretudo contar passagens do tempo da 2ª grande guerra que ele acompanhou pela rádio e pelas revistas, algumas ainda sobreviveram ao passar dos anos porque ele guardava religiosamente essas relíquias...

    Um dia ao jantar a conversa foi sobre um dos desafios do seu amigo Pias que era realmente uma pessoa fora do comum... Era um tipo muito inteligente mas segundo dizia o meu pai, ele sofria de claustrofobia... O meu pai contava que quando a televisão chegou a Portugal lhe ofereceram um muito bom emprego mas o Pias ao fim de uma semana veio embora, despediu-se porque não suportava estar sentado frente a uma secretária em ambiente fechado... O que ele fazia antes eu não sei mas do tempo em que eu tenho memória ele sempre viveu de dar explicações... O seu local de trabalho era numa simples mesa de café lá em baixo na rua 8, no extinto Nosso Café...

    Voltando à história, nesse mesmo dia o Pias tinha ido fazer uma visita ao meu pai no seu local de trabalho, a Câmara de Espinho, mais propriamente na Secretaria... Para quem não sabe, a Secretaria ficava ao fundo de um corredor que dava acesso entre outros, ao Gabinete da Presidência e à Tesouraria... A Secretaria tinha dois balcões para atendimento ao público, um do lado esquerdo onde estavam umas 6 ou 7 meninas, hoje na casa dos 70 anos, e do lado direito estava o meu pai e mais 3 ou 4 colegas, o Sr Ribeiro, pai do Ribeirinho que jogava no Espinho, o Sr Pinto de Guetim e o Sr Valdemar, irmão do Sr Walter e do Sr Vlademiro Brandão... Também estava desse lado o PBX onde a Dona Olga atendia o telefone e reencaminhava as chamadas... A Dona Olga é filha de um antigo presidente da Câmara e ainda a vejo de vez em quando na Aipal rua 19, onde costuma ir lanchar... Sempre sorridente e simpática, uma Senhora...
      
    Ora então, o Pias ao chegar ali ao balcão, que era na realidade um guichê, logo terá deitado o desafio: Oh João, hoje trago-te um problema que, tu este não resolves... Depois de o ouvir o meu pai disse-lhe para voltar passada uma meia hora... O Pias não fez a coisa por menos, pois terá voltado passada a 1/2 hora , talvez com o seu espírito simples apenas de curiosidade, quem sabe, de ansiedade ou malandrice ou outro, sabe-se lá... O meu pai entretanto já tinha como resposta a solução certa e assim o Pias foi-se embora mais uma vez, não saberei nunca com que espírito mas, como ele era uma boa pessoa, acredito que foi contente por o meu pai não ter ficado mal mais uma vez...

    O meu pai contou esta passagem e como habitualmente não disse lá em casa qual era a resposta certa... Lançou assim o desafio para a geração abaixo... O Nadi era muito novo naquela altura, a minha mãe tinha mais em que pensar e o Tó-Zé não se entusiasmava com este tipo de problemas de modo que eu aceitei o desafio sozinho... Pensei eu, se o meu pai com a 4ª classe resolve, eu que ando no Liceu e estudo matemática, também resolvo... Lembro-me desse pensamento como se fosse hoje mas, a verdade é que para mim a tal 1/2 hora passou e depois passou 1 hora e eu, nada, acabei por desistir... Também, naquele tempo tinha mais com que me divertir, eheh...

    Mas aquilo não ficou esquecido e passados uns tempos, uns meses por certo, voltei a tentar, formulei, demonstrei e cheguei à solução certa, para regozijo do meu pai... Depois disso e desde o tempo em que estudava, já coloquei este problema a muitas pessoas incluindo professores e mais tarde colegas de trabalho e que eu saiba, nunca ninguém o conseguiu sequer resolver, quanto mais em meia hora... E volto a repetir, o meu pai tinha apenas a 4ª classe mas, comprovei eu em muitas outras ocasiões, ele tinha mesmo um poder de raciocínio muito rápido...



    esferas12
    Agora sim, aqui vai o desafio lançado pelo Sr Pias ao meu pai:

    Temos 12 esferas sendo na aparência todas iguais mas, na realidade uma tem peso diferente.
    Tens apenas 3 pesagens para saber, qual das 12 esferas é diferente e definir, se pesa mais, ou se pesa menos que as restantes...


    João Couto
    2013-12-28





    Era uma vez, o meu pai na tropa e o seu camarada do tijolo...

    tijolo

    Um dia, não sei se em Abrantes ou em Portalegre mas sei que era numa terra onde as árvores de sombra nas ruas eram ameixeiras, estava o meu pai na tropa, onde os militares são chamados pelo seu número e não pelo seu nome, e vem de lá um seu camarada com o desafio:

    - Oh 209, tens a mania que sabes tudo, toma lá esta para resolver se fores capaz:

    Se um tijolo pesa um quilo mais meio tijolo, quanto pesa tijolo e meio?

    O meu pai diz que lhe deu a resposta de imediato sem ele ter sequer tido tempo de pestanejar.

    O outro terá também logo ripostado: Tu já sabias!

    O meu pai prontamente respondeu: Não, não sabia!

    O tipo terá insistido em como o meu pai já conhecia a resposta e o meu pai negou tantas quantas as vezes que o outro insistia até que terão acabado aos agarrões e empurrões e quase a chegar a vias de facto...

    João Couto
    2013-12-28






    Era uma vez, os "bichinhos" lá em casa...

    os-cinco

    Eu, junto ao meu pai, sou o mais velho dos 3 irmãos, o Tó-Zé sempre com ar de rufia e o Nadi ao colo da mãe...

    Um dia, já lá vai um tempito, tinha eu talvez uns 12 anos e devia ser inverno pois lembro-me que já era escuro quando a minha mãe chegada do trabalho ao fim da tarde me mandou à loja comprar 1 kg de arroz... Deu-me uma nota de 20 escudos e lá fui eu todo chateado pois era coisa que não me agradava, ir aos recados...  Por vezes lá tentava desmarcar-me dizendo que estava ocupado bla bla bla e respondia "porque não mandas o Tó-Zé, tás-me sempre a mandar a mim" mas o certo é que dessa vez não me safei...

    Já não me lembro muito bem como nem a que loja eu fui pois tinha umas quantas mercearias todas ali perto da esquina da rua 9 com a rua 18 mas o que sei é que na volta lhe entreguei o arroz que ela pegou rápido para preparar o jantar e... não lhe dei o troco...

    Passados uns dias, já o troco estaria naturalmente esquecido, claro que esquecido apenas da parte da minha mãe e vai daí, com grandes ambições lá fui eu direitinho à loja do "Careca" que era uma mercearia na rua 16 perto do cemitério, essa sim já um pouco mais afastada da nossa casa...

    Com tanto dinheiro no bolso, fixei o olhar naquele enorme frasco dos rebuçados dos "bichinhos" que era como a gente chamava aos rebuçados zoológicos de açúcar amarelo da fábrica Victória e pensei cá para mim que se compra-se os bichinhos com todo aquele dinheiro duma só vez, teria muitas probabilidades de me saírem muitos carimbados...

    Então lá vou eu de volta a casa, carregado e a correr com um cartucho cheio de bichinhos, não sei ao certo quantos mas muito perto dos 400 pois naquele tempo o troco de 20 escudos de 1 kg de arroz eram quase os 20 escudos, eheh... Senão vejamos: cada escudo = 10 tostões e cada tostão = 2 bichinhos... 2x10x20=400... Quase nada, dava quase para 2 cadernetas se não saíssem repetidos, eheh...

    Ora agora me lembro, como se fosse hoje, era uma manha bem cinzenta, a puxar um pouco para o nevoeiro, fui direitinho para um dos tanques no nosso quintal e começo a abrir os bichinhos e a meter os rebuçados prá boca... Não me lembro do meu irmão Tó-Zé participar mas ele diz que também se lembra e que me ajudou até a desembrulhar e a comer os rebuçados...

    Ele lembra-se também de como por fim o tanque ficou cheio de bichinhos, todos desembrulhados e amontoados e da grande desilusão que foi o não nos ter saído um único carimbado nessa façanha...


    no_tanque

    Esta foto aqui acima é a única que tenho do local desse tanque, mas foi tirada uns 10 anos antes de eu e o Tó-Zé ali nos sentarmos a desembrulhar e comer rebuçados...

    os_quatro

    Contudo, a nossa aventura com os bichinhos lá em casa começou bem antes em tempos de andar ainda pela mão dos nossos pais que ao sábado à tarde iam fazer as compras da semana na mercearia da rua 23, denominada de "Celeiro" e que ficava onde hoje está o Minipreço... No fim das compras lá se compravam uns 5 ou 10 tostões de bichinhos que era uma alegria para nós canalha mas também para o meu pai que também já tinha sido coleccionador na sua idade de escola primária...

    Chegados a casa, fazíamos um preparado de farinha de trigo com água, recortávamos pelo quadriculado os bichinhos e colávamo-los na caderneta no respectivo lugar numerado do 1 até ao 200... Os carimbados eram muito difíceis de encontrar... Eram o Bacalhau, nº 42, a Cobaia, nº 147 e o Cabrito, nº 199... Quando a caderneta estivesse completa poderíamos trocar nas mercearias a caderneta por uma bela bola de couro para jogar futebol...

    Ainda acerca de bichinhos, a história mais fantástica de que me lembro foi a de um dos filhos do quarteleiro dos bombeiros dos Espinhenses que era do meu tempo da escola primária e que na mercearia O Leão do Café, que se localizava na rua 19 de frente para a rua 14, comprou 2 tostões de bichinhos e lhe saíram 3 carimbados... Não sei se houve trafulhice ou se ele inventou mas o certo é que durante uns tempos, nós e todos os nossos amigos íamos lá gastar os nossos tostões na esperança de nos calhar esse tipo de sorte...



    Na foto aqui acima, no Porto a descer a Rua Sá da Bandeira, junto à Praça Dom João I, eu atrás com a nossa mãe e o Tó-Zé agarrado ao dedo do pai, como era habitual...



    bichinhos_carimbados


    Entretanto, as cadernetas já foram à muitos anos para o lixo mas aqui acima ficam as fotos dos 3 carimbados que eu ainda hoje guardo como recordação por terem sido os mais difíceis de obter e que no meio de muitas poucas alegrias me deixaram sobretudo desilusões pois na verdade cada vez que eu comprava bichinhos era sempre na expectativa de me sairem os carimbados... Nem sei ao certo quantas cadernetas incompletas eu tive por fata de 1 ou outro destes ridículos papeizitos...

    João Couto
    2014-01-20


    Links relacionados

         Rebuçados Zoológicos Victória   pesquisa no google
         Cromos - Rebuçados Victória - Animais    santanostalgia.com
         Rebuçados Zoológicos Vitória   santanostalgia.com
         Cromos rebuçados Victória – Estão de volta     santanostalgia.com
         CROMOS “OS BICHOS”    simecqcultura.blogspot.pt
         Uma colecção de afectos: os rebuçados Victória    cadernosdalibania.blogspot.pt








    Momentos Inesquecíveis

    Encontrei esta semana o "meu" professor de desenho, Ezequiel Figueiredo Jorge...ezequiel-jorge-cardx400

    Tive a sorte de ter tido grandes professores que recordo como pessoas espectaculares e eu, não posso deixar de o dizer, para além de todos os meus defeitos também gosto de pensar que o sou, uma pessoa espectacular...

    Contudo tive também um outro tipo de professores que eu recordo para além do anterior desígnio, como sendo pessoas de uma grande personalidade e de um enorme carisma e isso é coisa para muito poucos...

    Nesse patamar tenho algumas boas recordações e tenho 2 nomes que sobressaem realmente nas minhas memórias e que são a Teresa Ortega, professora de Filosofia e Ezequiel Jorge na disciplina de Desenho...

    Da Teresa Ortega ficaram-me apenas as memórias mas do Ezequiel Jorge tenho ainda a sorte de lhe poder apertar a mão e de o olhar olhos nos olhos e sentir aquela simpatia natural que gera mais simpatia no outro lado...

    Ele está super feliz com a vida, tem o seu ateliê de pintura para dar largas ao seu enorme talento e tem imensos projectos para realizar...

    in facebook
    João Couto
    2014/07/07




    ezequiel-jorge-atelier

    Podem seguir nos links aqui abaixo:

    EZEQUIEL JORGE Artes Plásticas  http://ezequielfjorge.blogspot.pt/

    EZEQUIEL JORGE Gravatar - Globally Recognized Avatar  http://en.gravatar.com/ezequieljorge

    EZEQUIEL JORGE PINTURA  http://ezequieljorgepintura.wordpress.com/



    Algumas obras... (lindissimas)

    HELENA I

    PRAIA DE SANTA EULÁLIA – INTERNATIONAL ARTIST AWARD

    MAGNÓLIAS III

    MORRO DA TUNDAWALA

    MENINA NA PRAIA (pormenor)

    GRANDE WELWITSCHIA

    ROSA BRANCA I

    RENDILHEIRINHA

    BOTÃO DE IRIS

    IRIS GERMÂNICA

    ZANTEDESCHIA


    Jul 08 2013
    Uma foto no atelier, pintando














    Gosto

      SITES ÚTEIS   http://olivrodaareia.blogspot.pt/


















































    Top                   Home




















    Se todas as batalhas dos homens se dessem apenas nos campos de futebol, quão belas seriam as guerras....
    Augusto Branco
    --------------------------------------
    Links futebol / sports
    .pt
    fcporto.pt
    BIBO PORTO CARAGO
    ojogo.pt
    .
    .es
    realmadrid.com
    realmadrid.com.pt
    defensacentral.com
    elchiringuito de jugones
    Libertad Digital
    marca.com
    .
    .en
    premierleague.com
    Arsenal
    CHELSEA FC
    Liverpool Football Club
    Manchester City
    Manchester United
    Tottenham Hotspur
    .
    .
    .
    Links Tecnologia
    .pt / .br
    deco.proteste.pt/tecnologia
    exameinformatica.sapo.pt
    jn.pt/tecnologia
    kioskea.net
    kuantokusta.pt
    noticias.sapo.pt/tec_ciencia
    pcdiga.com
    pcguia.pt
    phablet.pt
    pplware.sapo.pt
    publico.pt/tecnologia
    revolucaodigital.net
    shifter.pt
    soprodutos.pt
    tecmundo.com.br
    tecnologia.com.pt
    tek.sapo.pt
    .
    .en
    tktechnews.com
    .
    .es
    tecnopasion.com
    .
    Other Links
    findthebest.com
    .
    My Metier
    Interest Links
    tiagopais.com
    topgravuras.com
    papeisaviz.com
    duprint.es
    frimpeks.com
    gmund.com
    icma.it
    kris.it
    lasercombgroup.com
    pulserl.com
    thibierge-comar.com
    zuberrieder.net