Novo site de noticias.rtp.pt

Entre hoje o novo site de notícias no grupo rtp.pt.
Foram feitas várias mudanças face ao site anterior.

 

DESIGN
O design de uma maneira geral, foi criado por duas empresas externas.

DESENVOLVIMENTO
No que se refere desenvolvimento de html/css/html5/programação esteve a cargo de três pessoas que pertencem “nucleo duro” do desenvolvimento dos sites no grupo rtp.pt. Nestes termos técnicos, o site foi desenvolvido em três meses e meio, mas conseguiu-se integrar funcionalidades que até hoje eram inexistentes e aperfeiçoar outras que mereçeram uma maior atenção.

HTM5
É o primeiro site do grupo rtp.pt a ser desenvolvido em html5. O grupo técnico decidiu desenvolver o site de informação neste tipo de estrutura, integrande assim novas funcionalidades e semanticas. As tags <video>, <audio>, <header>, <nav>, <footer>, <section>, <article> foram as que mais integraram o site. Claro que sendo o primeiro projeto, foi um desafio para todos, que será aperfeiçoado no decorrer dos dias e dos inputs que vamos tendo de todos.

CSS
Tal como já tem sido habitual, teve-se o cuidado de formatar todos os layouts neste tipo de linguagem/programação. Tendo sempre em conta os diversos browser e as suas diferentes interpretações das páginas. Claro, o que deu mais trabalho foram as versões antigas do IE, mas enquanto estas versões existem, temos a “obrigação” de os ter em conta.

ICM (gestor de conteúdos) e flexibilidade jornalistiva
É o gestor de conteúdos que os jornalistas e toda a empresa já está habituada a usar para os sites da rtp.pt.
Foram integradas novas funcionalidades e valências. Existem várias áreas no site onde o jornalista pode destacar os diversos tipos de conteúdo, sejam eles artigos de texto, vídeos, aúdios, galerias…, pode-os “misturar”, alterar o conteúdo na própria área de destaque, alterar o design… isto tudo numa unico sítio e através de um clique.  Todas estas áreas de destaque foram pensadas para viver isoladamente e podendo estas mesmas serem usadas em páginas de rss para aplicações móveis ou outro tipo de funcionalidade.
Paralelamente a isto, na função de artigos “live” foi feito uma renovação. O jornalista pode começar a desenvolver um artigo em direto onde as pessoas para além do timeline, podem assistir ao jogo pela emissão TV, ou pela emissão rádio, ou mesmo pelas duas (caso haja direitos). Neste artigo, o timeline que o jornalista está a construir e a ser visto pelas pessoas, pode ser feito através do que está a dizer na net, seja um artigo de um outro site, seja um video do youtube, um post do twitter, ou facebook, uma imagem … . São inúmeras as possibilidades de fazer um artigo em direto. Estes artigos também podem ser interessantes na área da política e para seguir entrevistas ou grandes acontecimentos.
As galerias também sofreram um desenvolvimento. Estas podem ser vista em fullscreen onde podemos tirar proveito de imagens exelentes.
O jornalista também tem a possibilidade de na homepage do noticias.rtp.pt, destacar num bloco o twitter de uma ou mais pessoas. Imagine-se que existem vários jornalistas no parlamento a twittar nas suas contas pessoais. Pois bem o editor da homepage, consegue integrar todos esses jornalista numa única área.

Através do ICM conseguiu-se desenvolver mecânicas que facilitaram a publicação de conteúdos e a sua respetiva formatação nas diferentes secções.
Foram aperceiçoados todos os destaques que o jornalista faz para a homepage rtp.pt. Nestes destaques o jornalista, pode destacar quantos artigos quiser, como quiser e no formato que quiser. O artigo principal pode ser formatado com uma imagem expandida, normal ou ao alto. é indiferente como aparece, pois a sua facilidade de alteração é imensa.
Como digo, “isto até dá horas de prazer”, pois a fexibildiade é tanta em que podem escolher os diferentes conteudos, e alterar a forma dos mesmo como quiserem. Podem remover as imagens e/ou o lead nos destaques, embora o artigo tenhas estes elementos.

E é assim, aqui seguem alguns pontos do site de noticias.rtp.pt . Existem mais pormenores, mas que vão descobrindo.


CSS Sprite examples

CSS Sprites it is a common technique in web development. Are necessary in situations if we want to reduce your server load. Instead of uploading multiple images, we only have the desire to generate a single. Through the css change what becomes visible / invisible inside the div / tag. Of course the image is always used as background. In the examples below refer to the image is not repeated either in the x axis or the axis of y. In the case of terms such images have to be made new images.

Os exemplos que se seguem dizem respeito ao site http://www.rtp.pt e em que usei este método

Homepage rtp.pt

Site rtp.pt/cinemax

Site rtp.pt/antena2

Site rtp.pt/noticias

Site rtp.pt/rtpmemoria

My Twitter Background @antoniocardoso

Now yout can vote for my twitter background : http://twitterbackgroundsgallery.com/2009/05/21/antoniocardoso/ . It’s a great one ;) . You can sugest some ideas to exchance. For that use de coments area of this post. Of course you can follow me ;) @antoniocardoso

reset all style with css

just make this :

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img,ins, kbd, q, s, samp, small, strike,strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {margin: 0; padding: 0;border: 0; outline: 0; font-weight: normal; font-style: normal;font-size: 100%;font-family: inherit; vertical-align: baselinebaseline  }
body { line-height: 1}
:focus { outline: 0 }
ol, ul {list-style: none }
table {  border-collapse: collapse; border-spacing: 0
blockquote:before, blockquote:after, q:before, q:after { content: “”}
blockquote, q { quotes: “” “”}
input, textarea {margin: 0;padding: 0 }
hr { margin: 0;padding: 0;border: 0; color: #000; background-color: #000;  height: 1px }

Microsoft’s Future Vision Series – Microsoft’s 2019 Future Vision Montage: Envisioning the Future HD

Great Video. Just when you think you have it all, amazing things await us. The video depicts what everyday life might be like aided by the technology of 2019.

Free Valentine’s Day Icons Set

Greeting Hearts



Dezignus Love Icons


boxes, hearts, candles, glass stars, love boxes, st’ valentine’s day flowers, heart balloons, red roses (format *.eps)

Valentine Love


Valentine Love Icons Set contains the following icons available in PNG, ICO and ICNS format:

heart hearts bleeding-heart bleeding-hearts tagged-heart be-my-valentine chocolate-box

How to Unlock the iPhone 3G

In the beginig of the year e tried to unlock one Iphone 3G. The anser it’s http://www.iclarified.com.

This site have some developers who make updates in their articles and said how to unlocok your iPhone. I tried to unlock from one pc, bur don’t work. Then e tried form a Mac, and voilaaa .

Got to folder tutorias > iPhone and read the articles. Like i said, they put the articles fresh, soo if you have you have one iphone now, they have the anser.

Iclarified have other things excelents to mac/apple

Create Custom Carousel with Agile Carousel jQuery Plugin

jQuery plugin that allows create a custom carousel. Call jQuery UI to enable many different additional transition types and easing methods. It uses PHP to draw images from the folder you specify.

Configure many different options including controls, slide timer length, easing type, transition type  (e.g. blind, drop, pulsate, shake, slide and etc…) and more. In this moment it’s a beta version, but security & feature enhancements are on the way.

See some examples and make download: http://code.google.com/p/agile-carousel/

The 100 Most Popular Photoshop Tutorials 2008

If you have some problems to see some highest quality photoshop tutorials, go to Photoshop Lady. One site that have one article with the 100 Most Popular Photoshop Tutorials of 2008. This selection are  from their published tutorials, with over 1 million votes and views from Photoshop users and readers.

Source:  http://www.photoshoplady.com/

Christmas images high definition for wallpapers and more

If you want some of the best images of christmas, you can find them in http://www.sxc.hu/ . Great images and Hight definition.

SXC.HU it’s a free stock photo site where people share huge images with others. Login and join

Some examples of Christmas (small resolution):

Follow

Get every new post delivered to your Inbox.