Muj dalsi webu bude asi v Dart + PHP

Tohle uz tu bylo hodnekrat. Mel by to byt web kompletne v responsive web designu. Zatim jsem udelal jen prvni krok – ten nejvetsi pro me – pustil jsem se do uceni toho. Zatim jsem se naucil jen naproste zaklady Media Queries. Image 2015-05-31 at 4.55.20 odp.

A zjistil jsem ze jsou uzasne v tom ze kdyz okno prohlizece zmensim pod 1000px, automaticky zmizne i cerveny div “Hledani”. Nainstaloval jsem si emulator prohlizece iPhonu a tam to vypada takhle:
Image 2015-05-31 at 5.01.43 odp.

Zajimavosti je, ze iPhone pracuje u device-height s celou sirkou obrazovky, vc. ovladacich prvku prohlizece, listy atd. To me ale zase nemusi tak stvat, stejne v 99% pripadu budu stranku optimalizovat na nejakou sirku a nikoliv vysku(stranky se budou stejne natahovat dolu, kdyz budou na displejich s mensim rozsirenim). Responzivni web design se sklada ze 3 zakladnich slozek:

  1. Flexibilni struktura – tu jsem taky pouzil, tedy zadaval rozmery v %. Je to dobra vychytavka.

  2. Flexibilni obrazky – s temi se teprve budu ucit pracovat, ale myslim ze to nebude nic tezkeho.

  3. Media Queries – to je to o cem je zacatek tohoto blogpostu.

O stezejsi zakladech se doctete na wiki: //cs.wikipedia.org/wiki/Responzivn%C3%AD_web_design . A ted k samotnemu nadpisu. Zatim jsem vytvarel weby v ASP.NET + CSS + HTML + JS(bud puvodni nebo zkompilovany z TypeScriptu) a premyslel jsem jak udelat svoje stranky vice dynamictejsi a animovane a chtel jsem zabit hned 2 mouchy jednou ranou – kdyz uz se ucit neco noveho, tak poradne z gruntu. Proto jsem si rekl ze budu mit dalsi web v PHP(ktery budu psat ve VS s extension //visualstudiogallery.msdn.microsoft.com/6eb51f05-ef01-4513-ac83-4c5f50c95fb5?SRC=VSIDE ktere se sice plati, ale tak nejakych 750Kc za rok snad bych mohl utratit kdyz budu aktualizovat obrok, furt lepsi nez programovat v necem jinem nez ve VS).

Tak uvidime jestli to vzdam jako vsechny moje ostatni pokusy s PHP. Edit den pote: Uz jsem s PHP zase skoncil, nesnasim Javovske IDE a ty entensiony do PHP jsou nedopracovane, je to skoro jako Linux, furt tam neco nefunguje :D.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.