Csatlakozz te is!

A közösséghez

 
 
Fejlesztői blog
Fejlesztői blog : Fejlesztések mobil ügyben

Fejlesztések mobil ügyben

Figi  2016.02.08. 14:31

Rég volt már olyan, hogy jöttem valami mobil cikkel, nemde bár? :) A chatben és emailben is piszkáltatok minket, hogy tegyünk valamit azzal kapcsolatban, hogy lehessen mobilra optimalizált weboldalt készíteni. Bár a G-Portál weboldal szerkezetével a mobilos weboldal felépítés nem a legegyszerűbb, mégis vannak elszánt felhasználóink, akik megpróbálkoznak vele (nagyon helyesen!). Lássuk hát a mai termésünket.


HTML5 DOCTYPE elem

A mobilos kinézet egyik feltétele az, hogy HTML5-tel támogatott legyen az oldalad. Ahhoz, hogy a böngésző meg tudja állapítani, hogy weboldalad HTML5 szabványainak megfelel, be kell rakni a <html> elé egy <!DOCTYPE html> sort. Ezzel a böngésző tudni fogja, hogy milyen szabvány szerint tekintsen rá a weboldaladra.

A HTML5 DOCTYPE bekapcsolására a Vezérlőpult > Beállítások menüpont alatt, a Haladó beállítások blokkban van lehetőség.
FONTOS: Csak akkor kapcsold be, ha valóban HTML5 és CSS3 szabványainak megfelelően kódolsz.

Reszponzív meta tag

A mobilos kinézet másik feltétele, hogy weboldalad <head></head> részébe szerepeljen egy meta tag, amelyről a telefonod meg tudja állapítani, hogy ez egy mobilra készült weboldal. Ha szerepel a <meta name="viewport" content="width=device-width, initial-scale=1"> sor a head részben, a megfelelő méretarány szerint fog betöltődni mobilon a weboldal. Ehhez CSS kódban a megfelelő felbontási skálára el kell készítened a weboldalad CSS kódját.

A Reszponzív meta tag bekapcsolására a Vezérlőpult > Beállítások menüpont alatt, a Haladó beállítások blokkban van lehetőség.
FONTOS: Csak akkor kapcsold be, ha valóban HTML5 és CSS3 szabványainak megfelelően kódolsz, és weboldalad mobil barát!

Ha nem vagy biztos benne, hogy weboldalad mobil barát, akkor ne kapcsold be, különben a mobilos felhasználóktól elveszed a zoomolási lehetőséget.

Még haladóbb felhasználóinknak

Ezennel megteremtettük a lehetőséget, hogy reszponzív weboldalt alkossatok. A Stílus és felület nem rendelkezik még ilyen modern, új stílusokkal, így ha úgy gondoljátok, hogy egyszerűbb stílusok, „sablonok” elkészítésére adnátok a fejeteket, amelyet szeretnétek a Stílus és felületben is látni, akkor ne habozzatok! Essetek neki egy-két új CSS megírására, s küldjétek be nekünk!

Ha van bármi kérdésetek ezzel kapcsolatban vagy nem értetek valamit, ne habozzatok megkérdezni kommentben, chatben, vagy akár a webmesternek emailben is megírhatjátok a webmester@gportal.hu címre!

Szólj hozzá te is!
Név:
E-mail cím:
Amennyiben megadod az email-címedet, az elérhető lesz az oldalon a hozzászólásodnál.
Hozzászólás:
Azért, hogy ellenőrízhessük a hozzászólások valódiságát, kérjük írd be az alábbi képen látható szót. Ha nem tudod elolvasni, a frissítés ikonra kattintva kérhetsz másik képet.
Írd be a fenti szót: új CAPTCHA kérése
 
 
Még nincs hozzászólás.
 

 
KEDVENC KÉP

Küldj be Te is képet! >>>

 
TÁRSALGÓ
 
HÍRFOLYAM
Friss hozzászólások
 
SZAVAZÁS
Te varázsoltál tavaszi kinézetet a portálodra?

Igen
Nem
Szavazás állása
Lezárt szavazások
 
HÍRLEVÉL
E-mail cím:

Feliratkozás
Leiratkozás
SúgóSúgó
 
TÁMOGATÓK

AndreaSerlegBolt
UIP Duna Nemzetközi FIlm Kft
Horgolt Csoda
Moments