Navegador SAFARI

Una mica d'història del Safari

Abans del llançament de Safari, Apple incloïa el navegador Internet Explorer per a Mac de Microsoft a les seves computadores com navegador predeterminat.

La primera versió beta de Safari va ser presentada en l'exposició Macworld el 7 de gener de 2003 i va ser alliberada en forma de beta pública.

La seva versió 1.0 es va llançar al juny de 2003. La versió 1.1 es va publicar a l'octubre del mateix any i es va convertir en la primera versió de Safari en ser el navegador predeterminat para Mac OS X.

La versió 2.0 va fer la seva aparició el 29 d'abril de 2005 formant part de Mac US X v10.4. El dia 31 d'octubre de 2005, en una actualització de Tiger, alliberada la versió 2.0.2, convertint a Safari en el primer navegador que passava el test Acid2.

Safari 3 va ser anunciat el 11 de juny de 2007 i una beta pública va ser posada a la disposició dels usuaris, sent aquesta la primera versió a funcionar tant en Mac OS X com en Microsoft Windows.
El 24 de febrer de 2009 es va llançar una beta de la versió 4 del navegador amb una interfície redissenyada, i utilitzant el seu nou motor Javascript Nitro. Finalment, el 8 de juny del mateix any, i anunciat en el WWDC Keynote, es va introduir la versió final del Safari 4.

Última versió estable: 4.0.5 11 de març de 2010 (fa 2 mesos)

Característiques generals

Safari inclou:

• Navegació per pestanyes
• Corrector ortogràfic
• Marcadors
• Bloquejador de finestres emergents
• Dreceres del teclat
• Suport per a motors de recerca
• Un gestor de descàrregues
• CoverFlow de l'historial
• Top Sites

Proporciona un entorn per als desenvolupadors web, com el "User Agent" en el qual se selecciona el motor de rederitzat per obrir les pàgines web. Inspector Web, Consola d'errors a més d'eines per a Javascript.

Característiques internes

• Està escrit sobre el framework WebKit, que inclou a WebCore
• El motor de renderitzat i JavaScriptCore, l'intèrpret de Javascript.

Quota mercat

La Quota de mercat del Safari és del 4,72%.

OPERA

Opera

Avui us parlem dels diferents navegadors possibles per a la navegació per internet. Jo faig el navegador "Opera" i us explicaré una mica d'història d'aquest navegador.

Opera va néixer a l'any 1994 (però va ser llançat oficialment al 1996), com un projecte d'investigació en Telenor, la companyia més gran de telecomunicacions de Noruega. Al 1995, va ser ramificada a cap en una empresa cridada Opera Programari ROSTEIX. Opera va ser alliberat per primera vegada en públic amb la versió 2.0, en 1996, que només funcionava amb Microsoft Windows.

La ultima versió d'aquest navegador es: Opera 10.53 (va sortir el 30 d' Abril de 2010) així que és literalment nova.

També té les seves caracteristiques:

• Permet navegar i/o executar funcions del navegador utilitzant moviments del mouse.
• Permet detectar llocs insegurs i phishing.
• Al passar el cursor sobre una pestanya, apareix la vista prèvia.
• Complet lector de fonts, que a més permet una previsualització del contingut abans de subscriure's.
• Client de correu integrat (anomenat Opera Mail). Destaca per ser molt petit (ocupa 40 KB en el disc dur) i complet.
• Permet guardar la sessió de navegació actual i tornar a reprendre-la. Així, l'usuari pot tancar el navegador, i obrir-lo més tard tenint exactament les mateixes pàgines obertes i l'historial per pestanya que quan ho va tancar. Es poden guardar múltiples sessions.
• Suporta CSS 2.1, XHTML 1.1, HTML 4.01, WML 2.0, ECMAScript, DOM 2 i SVG 1.1 tiny.
• Només en anglès i per a Windows 2000/XP/Vista.

Hi ha un 2% de quota de mercat arreu del món d'Opera. A Rússia i Ucraïna és aproximadament del 16-19%, és a dir arriben a la meitat d'ús. Després venen altres països com 5-6% a Polònia, Letònia, Lituània i la República Txeca. Des del seu primer llançament en 1996, el navegador ha tingut un èxit limitat en computadores personals.

Navegadors: Internet Explorer.

Desenvolupat per Microsoft al 1995, va ser un dels navegador més utilitzats, sobrepassant al que s'utilitzava en aquella època, el Netscape Navigator, arribant a l'any 2002-03 al 95% dels usuaris (sent les versions 5 i 6 les utilitzades).

Actualment, mantè una lluita amb d'altres navegadors, sent superat en descàrregues per Mozilla Firefox. El seu descens en la guerra dels navegadors ha estat lent, però constant.

La seva quota del mercat l'exposo amb un quadre extret de la Wikipedia, representat per any i per versió:


Avuí en dia ja disposem de l'última versió, Internet Explorer 8, disposada gratuïtament com a actualització de l'anterior.

Les característiques que més en destaquen d'aquesta nova versió són les següents:

Acceleradors: Els acceleradors ens permeten assignar adreces, traduir paraules, enviar correus electrònics...

Exploració de InPrivate: serveix perquè no es guardin les pàgines visitades a l'historial.

Web Slices: permet estar sempre informat de quan les pàgines marcades s'actualitzin.

Suggeriments de cerca: per facilitar les cerques. S'obre un llistat de suggeriments.

Filtre SmartScreen: nou sistema per protegir a l'usuari de llocs enganyosos o malintencionats.

Internet Explorer 8.0, actualment soporta únicament Windows XP i Vista, i una versió encara de prova (beta) per Windows 7.

Per més informació de les característiques cliquèu aquest enllaç a la pàgina principal de Microsoft.



Com a plantejament de futur per l'any 2011, una nova versió, Internet Explorer 9.0, que ja està en dessenvolupament, i que inclourà els nous suports CSS3, SVG, HTML5 i un nou motor de Javascript anomenat Chakra.

Tan sols hem d'esperar i de moment anar provant IE8.

PREVENCIÓ DE RISCOS LABORALS

A tot sistema de treball, es produeixen una sèrie de trastorns que poden arribar a danyar les persones, els productes, les màquines i les instal·lacions.

Molts són els factors determinants perquè existeixen riscos d’accidents en els centres de treball davant d’una realitat laboral cada cop més complexa: màquines, personals, especialització...

La Seguretat en el Treball és precisament el conjunt de tècniques i procediments que tenen per objecte eliminar o disminuir el risc de patir un accident de treball.

Per entendre i aplicar la Seguretat al Treball és precís tenir una sèrie de coneixements molt variats que corresponen a les matèries que formen part de la Seguretat Laboral: Legislació, Ergonomia, Formació, Psico-sociologia, etc.

La Seguretat del Treball, per evitar els accidents, utilitza una sèrie de tècniques o procediments que serveixen per aconseguir dos objectius fonamentals:

• Analitzar el risc que es produeixin accidents
• Disposar de les correccions necessàries per evitar-los.

A més, aquestes tècniques estan dirigides a actuar sobre els dos elements necessaris perquè hi hagi un accident:

• El factor tècnic o ambient agressiu
• L'individu o factor humà.

Aquestes i moltes altres coses seran les que aprendrem en el mòdul de Prevenció de Riscos Laborals i Salut i Higiene en el Treball que encetem demà mateix. A més de ser matèria d'obligat compliment tant per la nostra part com a treballadors com per les empreses, la prevenció s'ha demostrat com el mitjà més efectiu per evitar molèsties, malalties i d'altres problemes en el futur. Una bona salut i higiene laboral és garantia d'efectivitat en el treball i en la resta d'àmbits de la nostra vida.

Perquè aneu obrint boca i perquè tingueu un bon arxiu d’informació, us deixem algunes adreces que poden ser d’interès:

• Seguretat i salut laboral - Generalitat de Catalunya
• Prevenció de riscos laborals - UGT
• Prevenció de riscos laborals - Foment del Treball Nacional
• Instituto Nacional de Seguridad e Higiene en el Trabajo (INSHT)
• Prevenció de riscos laborals - Universitat Politècnica de Catalunya

MOZILLA FIREFOX

Firefox 3.6 és l'última versió de Mozilla Firefox que va ser alliberada el 21 de Gener de 2010. Les caracteristíques d'aquesta versió del navegador són les següents:

• Recorda les contrasenyes sense veure cap finestra emergent.
• Canvia instantàniament l'aparença del Firefox amb milers de temes lleugers.
• Oops, caiguda inesperada? Torna al que feies sense perdre res.
• Gaudeix de la protecció més avançada amb Antiphishing i Antimalware.
• Veuràs les pàgines web més ràpid, usant menys memòria de l'ordinador.
• Marca, busca i organitza els llocs web fàcilment i ràpidament.
• Fes més d'una sola vegada amb les pestanyes que es poden organitzar amb el ratolí.

La versió de Firefox 4.0, que serà la propera versió disponible, sortirà a la llum el pròxim mes de juny. Al seu torn, també va fer lliscar la idea d'una Release per al mes d'octubre i la versió final el novembre. Intentant amb això, segurament, calmar els ànims dels qui esperen ansiosos la versió 4.0.

Segons ha transcendit, la versió 4.0 serà molt més ràpida (matèria encara pendent) i suportarà sense problemes funcions estàndards de HTML 5. Al seu torn, inclourà altres millores com a:

• un control total del programari per part de l'usuari
• nova interfície
• millor estabilitat
• un millorat sistema de seguretat que possibilitarà un major control de llocs d'accés.

Aquí teniu un link representatiu del poder i la força que té Firefox.

INTERNET: Navegadors i estàndards web

Ahir ens va passar una cosa ben curiosa…

En instal·lar les actualitzacions de Windows, el mateix sistema operatiu ens va donar l’opció de descarregar un altre navegador que no fos l’Internet Explorer 8.

Com? De veritat? Microsoft oferint productes de la competència?

Doncs sí, és així… Les lleis antimonopoli funcionen així i és la manera que ha trobat el gegant informàtic per continuar oferint el seu navegador dins el sistema operatiu. Podeu llegir més sobre aquesta informació a dattatecblog.com.

Tot això ens ha portat a parlar dels navegadors i del curiós ús que en fan dels llenguatges de marcatge i estil, dels estàndards web en general.

A aquestes alçades, ja sabem què és un navegador, però sabem com funcionen i com processen la informació que pengem a la xarxa per després mostrar-la als usuaris?

Des d’aquí us proposem que escolliu un navegador (el que més us agradi, odieu o menys conegueu) i feu una fitxa de valoració i anàlisi amb les dades que trobeu a Internet.

Mireu de parlar dels següents punts:

• Versió actual
• Una miqueta d’història
• Característiques principals
• Quota de mercat
• Futur o properes innovacions

Què us sembla? Realment sabeu tant d’aquests programes tan habituals?

DIA D'INTERNET

Avui, a la casa, estem de celebració.

És 17 de maig i és el DIA D'INTERNET... Vaja és el nostre dia!

Nosaltres ho hem celebrat fent disseny web amb XHTML i CSS, la base dels continguts a la Xarxa.

A la resta del món, ho estan fent de diverses maneres. Hi ha qui es menja l'arroba, hi ha qui es passarà tot el dia connectat...

Si voleu conèixer quines activitats s'estan preparant al llarg de la comunitat iberoamericana, visiteu la pàgina web oficial d'aquest dia: 17 de mayo, dia de Internet.

Feliç dia d'Internet a tothom!

FLASHMOBS

I continuem parlant de fenòmens socials a la xarxa. Recordeu que setmanes enrere vam parlar de HOAX i FAKES, el futur del comerç electrònic i curiositats diverses...

Avui ens centrarem en una de les tendències que més gent atrau, tot i que destaca no per la notorietat individual, si no per l’atracció col·lectiva i la força del grup...

Pareu atenció al següent vídeo:



Què és això? Ho havíeu vist alguna vegada?

És el que es coneix com a FLASHMOB.

Un Flashmob, traduït literalment d'anglès com "multitud instantània" (flaix: llampada, ràfega; mob: multitud), és una acció organitzada en la qual un gran grup de persones es reuneix de sobte en un lloc públic, realitza una activitat inusual i després es dispersa ràpidament.

Solen convocar-se a través dels mitjans telemàtics (mòbils i Internet) i en la major part dels casos, no tenen cap objectiu més que l'entreteniment.

Una de les particularitats d'aquestes "tribus temporals" és que no requereixen comptar amb el suport dels mitjans de comunicació per comunicar-se, coordinar-se i actuar de manera conjunta, ja que la seva comunicació funciona a través de xarxes socials virtuals. Són individus que recolzats per les tecnologies de la comunicació difonen missatges a les seves xarxes d'amics i coneguts, els quals fan el mateix fins a construir una gran cadena de comunicació, que és capaç de mobilitzar milers de persones.

Mireu, mireu…





El fenomen dels flashmobs va començar amb la publicació l'octubre de 2002 del llibre del sociòleg Howard Rheingold, "Smart Mobs: The Next Social Revolution". En aquest llibre l'autor predeia que la gent usarà les noves tecnologies de comunicació (Internet, telèfons mòbils) per a l'autoorganització. En juny de 2003 Rob Zazueta de San Francisco, després d'haver llegit les obres de Rheingold, va crear la pàgina web http://flocksmart.com en la qual per primera vegada els mobbers van començar a planejar les seves reunions.

Els flashmobs van començar com espectacles sense sentit, i es considera que l'única raó possible per organitzar aquestes trobades és la diversió. Els matisos socials i polítics converteixen els flashmobs en smartmobs. No obstant això, avui en dia a tots els esdeveniments socio-polítics d'aquestes característiques se'ls sol anomenar "flashmobs". És la manera més fàcil, operativa i menys perillosa de mostrar l'opinió pública o cridar l'atenció feia algun problema existent.

Fins i tot els programes de la tele s’apunten a aquesta moda, com ara els de Sé lo que hicisteis, que van celebrar els 700 programes amb una mena de flashmob en un centre comercial de Madrid



Què, heu participat alguna vegada en un Flashmob? Us animeu a crear-ne a Santa Perpètua?

Més informació:

• Flashmob a la Viquipèdia i la Wikipedia
• MashFlob: The Worldwide Flashmob Community
• Barnamob: flashmob a Barcelona
• Las flashmobs más divertidas (www.neoteo.com)

ERRORS FREQÜENTS EN L’ÚS DELS CSS - SOLUCIONS

Us donem les solucions als errors més freqüents en l'ús de CSS vistos a classe. Pareu atenció perquè aquestes errades solen causar la major part de problemes en l'aplicació de fulls d'estils quan ens iniciem en el seu ús...

1 No cerrar los corchetes

#container {
width: 50%;
margin:0 auto;

• Si abrimos una clase o id pero después nos olvidamos de cerrarla, el código siguiente no tendrá efecto. Para ello es necesario ser muy meticuloso y fijarse si hemos cerrado todos los corchetes en nuestra hoja de estilos.

2. No definir los atributos con la estructura correcta

#header {
background-color: #000
font-size: 1em;
}

• Es necesario cerrar los atributos con punto y coma. Si no lo hacemos así, el siguiente atributo no será leído.

3. Escribir mal el nombre del selector o clase

#haedr {
background-color: #000;
font-size: 1em;
}

• Si enlazamos en el documento HTML a la id #header, pero después en el código HTML escribimos #haedr, estaremos cometiendo un grave error que tendrá como consecuencia la incapacidad de leer dicho selector.

4. Escribir incorrectamente el nombre de un atributo

#header {
background-color: #000;
fotn-szie: 1em;
}

5. Confundir el valor de los atributos

• Todos los atributos tienen sus valores específicos y no deben ser confundidos con los de otro. Si nos confundimos, el atributo no podrá ser leído.

#header {
background-color: #000;
font-size: 1em;
float: center;
}

6. Caracteres y tildes del español en los selectores y las clases

• El castellano es muy usado, pero no cuando se manejan códigos CSS. No se pueden poner tildes ni símbolos del español en los selectores, clases o en los valores, ya que si lo hacemos, no podrán ser ejecutados correctamente.

#cajón {
clear: both;
font-size: 1em;
}

Aquests són alguns del errors que molta gent fa quan s'inicia en el món dels CSS. Espero que us serveixi per aprendre i, sobretot, que ho tingueu com a element de consulta en cas de dubte.

Font: CSS Blog

ERRORS FREQÜENTS EN L’ÚS DELS CSS

Quan comencem a fer servir CSS, com tot a la vida, cometem errors. Però aquests errors són beneficiosos, ja que, si reflexionem preguntant el perquè els hem comès, estarem aprenent. Si creus que els teus errors no són comuns, mira aquests errors i, potser, pots que et portis una sorpresa i que el teu error aparegui allà...

ERROR 1

1. #container {
2. width: 50%;margin:0 auto;

ERROR 2

1. #header {
2. 
   
3. background-color: #000
4. 
   
5. font-size: 1em;
6. }

ERROR 3

1. #haedr {
2. 
   
3. background-color: #000;
4. 
   
5. font-size: 1em;
6. 
   
7. }

ERROR 4

1. #header {
2. 
   
3. background-color: #000;
4. 
   
5. fotn-szie: 1em;
6. 
   
7. }

ERROR 5

1. #header {
2. 
   
3. background-color: #000;
4. 
   
5. font-size: 1em;
6. 
   
7. float: center;
8. }

ERROR 6

1. #cajón {
2. 
   
3. clear: both;
4. 
   
5. font-size: 1em;
6. 
   
7. }
   

Trobeu els errors? Després us donem les solucions...

Font: CSS Blog

CSS ZEN GARDEN

En una entrada anterior, us parlàvem de la importància que té el fet de compartir coneixements per al desenvolupament dels estàndards i del disseny web en general.

Bé, doncs continuant amb aquesta dinàmica, la Casa d’Oficis se suma a un dels projectes web més coneguts i compartits de la Xarxa: el CSS Zen Garden.

CSS Zen Garden és un projecte que va néixer amb l'objectiu de difondre les possibilitats i avantatges de l'ús dels fulls d'estils com a tècnica per dissenyar pàgines web. A partir d'un mateix document, els dissenyadors aporten el seu disseny i estil de presentació sense tocar cap element de l'estructura XHTML. Totes les diferències visuals i estètiques passen per la modificació del CSS.

L’objectiu d’aquest projecte és demostrar que un mateix document es pot visualitzar de moltes maneres diferents en base a l’aplicació de fulls d’estils. En efecte, tots els dissenys que es poden veure des d’aquesta pàgina fan servir el mateix document XHTML com a base, l’únic que canvia és el full d’estil que s’aplica.

Aquest projecte ha tingut força repercussió en el món dels dissenyadors i webmasters. Ha estat traduït a diferents idiomes:

• CSS Zen Garden
• Camaleón

Com ho farem?

Seguint amb la nostra formació en CSS i XHTML, participarem d’una manera indirecta en aquest projecte internacional utilitzant l’adaptació que a XTEC se’n fa d’ell. El projecte s’anomena El Jardí Zen del CSS i s’utilitza com a recurs educatiu en l’aprenentatge dels estàndars web.

Els projectes CSS Zen Garden i Camaleón són oberts a tothom. El seu èxit dependrà, en definitiva, de la quantitat i qualitat dels dissenys mostrats, per això esteu convidats a participar en aquest projecte amb dissenys creatius i de qualitat. Per enviar el disseny, cal entrar a la pàgina dels requisits i seguir les instruccions d’enviament.

D’aquí a poc, formarem part d’aquesta iniciativa que ha mogut milers de persones a tot el món. Animeu-vos vosaltres també!