A jó öreg böngészők és a jó öreg technikák már lassan kimennek a divatból, épp itt az ideje, hogy elsajátítsunk valami újat és fantasztikusat. Elérkezett az idő, hogy belekukkantsunk a CSS3 és a HTML5 adta lehetőségekbe és elsajátítsuk azokat, hiszen a webes dizájn új fegyverarzenálját képviselik.
Sajnos a technika fejlődésével sokkal több dologra kell majd oda figyelnünk. Egyre több böngésző és még több különböző eszköz (PC, mobil eszközök, PDA stb.), ami nagy fejfáját a legtöbb dizájnernek.
Ebben a cikkben nem a dizájn trendekről és stílusokról lesz szó, amik a modern CSS alapú elrendezéseket alakítják. Ugyanis ezek nagyon gyorsan változnak, helyette inkább a széles körben elterjedt és népszerű alapfogalmakat fogjuk megismertetni veled. Például a tartalom elrendezése és megjelenítése még mindig nagyon fontos a CSS oldalakon, de a modern CSS több, eddig jelentéktelen eleme is fontos szerephez jut. Ami jellemző a modern CSS-re:
Ahogy a mondás is tartja: “A legjobb barátunk a legnagyobb ellenségünk, mert minden titkunk ismeri”. A böngészők fontos információkat küldenek rólunk az weboldalaknak és a weboldalak is úgy használják ezeket, ahogy csak akarják.
Vegyük a Google nagyvállalatot, ha valamit nem tudunk, mindig azt mondják a nagyokosok: “A Google a barátod”. Ezek szerint a Google a lehetne a legnagyobb ellenségünk, mert megjegyzi, hogy mikor mit kerestünk, ha Gmail-t használunk, a levelezésünk is náluk fut össze, ha Youtube-on megnézünk egy videót tudni fogják. A Google Analytics statisztika szolgáltatásnak hála, azt is könnyen kiderítik, milyen oldalakat látogatunk. Ez még nem is olyan rossz dolog, hisz a Google becsületszavát adta, hogy minden információt nagy becsben tart és foggal-körömmel védi.
És mégis hogy tudja ezt megtenni?
Sok mindent az internet szolgáltatónknak köszönhetünk, mert ha felmegyünk egy weboldalra, akkor a weboldal megkapja a mi IP címünk. Ez még csak a kezdet, hiszen a böngésző még több infót árul el rólunk, amit meg sem kérdez. Ezek az infók nem olyan fontosak, de kicsit jellemeznek bennünket, mezei felhasználókat.
Mit árul el az internet szolgáltatóm?
A legfontosabb, amit az internet szolgáltatónk elárul rólunk, az IP címünk, ebből sok fontos dolgot elárulunk magunkról. Például, ha a szolgáltatónk profi, akkor bárki könnyen megmondhatja rólunk, hogy melyik városban vagyunk éppen. A kicsit fapadosabb társaságoknál, szerencsére valami más város fog bejönni (pl.: Budapest), ha ezt az információt szeretnénk megtudni. (Legjobb esetben még az se biztos, hogy a földről netezünk 
)
A Dinamikus IP címmel sem érezheted magad biztonságban, mert ugyan úgy meg lehet mondani rólad, ki a szolgáltatód és a lakhelyed is meghatározható. Ha pedig nagyon komoly bűncselekményt követsz el az interneten, a rendőrség kimegy a szolgáltatódhoz, ő megnézi hol laksz, és kopp-kopp, máris a nyakadon vannak.
Akit érdekel, mit árul el az IP címe: www.ip2location.com
És mi a helyzet a böngészőmmel, mit árul el rólam?
A böngésződ is rengeteg információt közöl rólad, amit könnyedén megtudhat az akinek az oldalára ellátogatsz. A böngészők használata is ad egy kis információt rólad.
Az Internet Explorert használók többsége nem ért annyira az internethez, vagy nincs más elérhető böngésző. A FireFox, Chrome, Opera böngészők már sugall egy kis hozzáértést az internethez. Míg egy Safari gyakran egy mobil eszköre utal, hiszen az Apple iPod Touch és iPhone készülékek is ezt használják. (A mobil eszközök/böngészők megkülönböztetéséhez innen tudsz kódot beszerezni: detectmobilebrowsers.mobi.)
Ma úgy gondoltam összedobok egy kis leírást azokról a progikról/oldalakról, amiket fontosnak tartok a webes fejlesztéseimhez. Szerencsére ez egy olyan munka, amit bárhonnan lehet végezni és még otthonról sem kell kimozdulni (de egy laptot + pendrive és máris új munkahely). Persze ha neten kell dolgozni, jó ha a laptop mellé befigyel egy kis mobil internet vagy egy közeli WiFi HotSpot.
Ezt a bejegyzést főként a kezdőknek ajánlom, akik egy része engem is zaklat… Már nem kell tovább.
Néhány alap dolog, amit érdemes tudni:
A lehető legjobb módszer, ha a helyi számítógépünkön tárolunk mindent a fejlesztés alatt lévő weblappal kapcsolatban (fájlok + adatbázis). Azonban ez nem elég ahhoz, hogy teszteljük is, amit összehoztunk, ezért szükség van egy nagyon fontos programra/programcsomagra. Tegyük fel, hogy a leg általánosabb fejlesztői környezet pont megteszi nekünk, ezért szükségünk lesz a PHP + mySQL és az Apache szolgáltatásokra.
A PHP a fejlesztői nyelv maga, aminek legtöbb esetben HTML a kimenete, a mySQL az adatbázis kezelő szolgáltatás, az Apache pedig a webkiszolgáló.
Annak ellenére, hogy nem vagyunk rácsatlakozva a netre, szükség van az Apache-re is, hiszen ez végzi a HTTP lekérések teljesítését.
Ajánlott környezet: XAMPP 1.7.2
Az alkalmazás feltelepítés után a helyi gépünkön elérhetővé válik a PHP kódok futtatása és szerver imitálása. Ebben az esetben a 127.0.0.1 vag http://localhost oldalon keresztül érhetjük el (és php esetében futtathatjuk) a fájljainkat.
A fájlokat a XAMPP telepítési könyvtárának /htdocs/ almappájában találjuk (alapértelmezett esetben: c:/program files/XAMPP/htdocs) és ezeket a böngészőbe a 127.0.0.1 mögé beírva el tudjuk érni.
Példa: c:/program files/XAMPP/htdocs/alma.php fájl eléréséhez a 127.0.0.1/alma.php címet kell bírnunk a böngésző címsorába.
Ezt követően az Apache beindul, átadja az alma.php fájlt a PHP-nak ami lefuttatja a fájl kódját, ha a kód kéri, a mySQL is beszáll és az adatbázis kezelés is elérhetővé válik.
Maga a fejlesztés:
A fejlesztéshez főként egy PHP/HTML/JavaScript/CSS kód kiemelős alkalmazásra van szükségünk. Ez a része a feladatnak korántsem ilyen egyszerű, hiszen ez már nem a programokon múlik, hanem a szakmai tudáson. (Amire utánnaolvasással tudunk szert tenni.)
Ajánlott Programok fejlesztéshez (kezdőknek):
Frontpage (fizetős, magyar) – A Microsoft irodai csomagjának grafikus honlap kreáló progija.
Dreamweaver (fizető, próbaverzió, angol) – Az Adobe grafikus HTML szerkesztője.
NVU (ingyenes, magyar) – Kevésbé felhasználóbarát, grafikus HTML szerkesztő.
Ajánlott Program fejlesztéshez (haladóknak):
Notepad++ (ingyenes, magyar) – Népszerű szerkesztő, hiszen ingyenes, magyar és sok mindent tud.
phpDesigner 7 (fizetős, próbaverzió, magyar) – Én ezt használom, profi progi, megéri a pénzét.
A kezdő és haladó progik közt annyi a különbség, hogy utóbbi főként a tudásra épít, míg az elsők a grafikus tervezésre, azaz programozási tudás nélkül és létrehozhatók weblapok.
Sose legyünk hetekig a szobánk rabjai, ha mégis, legalább másokkal is beszéljünk:
twitter.com – Micro Blog szolgáltatás. Sokak közt a Yamm.hu és a Turulcsirip.hu is erre épül, tehát ezek nem különálló Micro Blog szolgáltatások.
facebook.com – Közösségi oldal, pontosan mint a magyar MyVip.hu és iWiW.hu is.
+MSN massenger & Skype – Azonnali üzenetváltó progik, jó dumálni ismerősökkel még ilyenkor is.
// a.) Ha nincsenek ismerőseink ezeken a hálózatokon, ideje szerezni párat.
// b.) Azért csak óvatosan ezekkel a cuccokal, mert könnyen elvonják a figyelmet.
Ügyeljünk a szórakozásra is, kell a móka és kacagás, hiszen a boldog ember dolgozik jól:
Youtube.com – Videók és jó kis zenék, ez fontos hely a kikapcsolódásra.
RSS olvasó – keressünk nekünk tetsző oldalakat, gyűjtsük be az RSS linkjeiket és olvasgassunk néha, ha már a régi oldalakon nem szörfözünk. (RSS olvasóval gyorsabb és több idő jut minden másra)
+Zene hallgatás – Személy szerint nagyon fontosnak tartom, hogy szóljon vmi jó kis zene fejlesztés közben, úgy nem ül az ember a kukaságban.
Ne fél segítséget kérni:
php.net – A PHP hivatalos oldala, felül lehet keresni bármilyen függvényre, nagyon hasznos oldal.
prog.hu – Nagyszerű közösség rengeteg segítőkész taggal, bármire válaszolnak.
google.com – Gondold végig mit keresel és nézz végig pár lapot, de csak okosan…
A google a barátod.
Friss válaszok