Post Tagged with: "web"

Big dump – jak zkrotit velkou zálohu

Big dump – jak zkrotit velkou zálohu

Pokud se vám stane že například přenášíte svůj web na redakčním systému na jiný hosting a jeho sql databáze přerostla do rozměrů v několika desítkách až stovkách MB, jistě budete řešit, co s tím. Import v PHPMyAdminu soubory o velikosti desítek až stovek MB nepodporuje a nahrávat je přes webové rozhraní taky není zrovna spolehlivé.

Jednoduchá a účinná možnost je použít skript BigDump.php, který naleznete ke stažení zde.

bigdump

Stačí v něm vyplnit údaje jako jsou přístupy do databáze, název importovaného souboru a znakovou sadu, pak už staší ho jen přes ftp nahrát společně s SQL dumpem na web a spustit ho.

13.6.2012 0 comments Read More
Open web icons – obrázkové písmo

Open web icons – obrázkové písmo

Zajímavé řešení jak nahradit ikonky na webu pomocí písma. Bohužel u osekanych prohlížečů jako je např. Opera mobile se vám nezobrazí nic. Otázkou je na kolik je tohle řešení přínos oproti použití obrázků.

Příklad použití a info zde: pfefferle.github.com/openwebicons/

26.5.2012 0 comments Read More
Maslovova pyramida webdesignu

Maslovova pyramida webdesignu

Maslovova pyramida webdesignu by Jan Řezáč

Nenuťte uživatele přemýšlet – Steve Krug

Nenuťte uživatele přemýšlet – Steve Krug

Výborné čtení, doporučuji, uvedu si zde pár svých postřehů:

Krugovy zákony použitelnosti

  • Nenuťte mě přemýšlet
  • Nezáleží na tom, kolikrát musím klepnout, pokud jde vždy o bezmyšlenkovitou a jednoznačnou volbu
  • Zbavte se poloviny slov na každé stránce, A potom se zbavte poloviny toho, co zbylo

Pravdy o chování uživatelů

  • Stránky nečteme, ale prohlížíme
  • Neprovádíme optimální výběry, ale děláme kompromisy
  • Nebádáme nad tím, jak věci fungují, jednoduše to „nějak uděláme“.

Přehledná a intuitivní stránka by měla mít

  • Jasnou vizuální hierarchii na stránce
  • Rozdělení stránky na jasně definované oblasti
  • Jasně by mělo být vidět, na co lze klepnout
  • Vynechte zbytečná slova – škrtnout půlku a z nich zase půlku
  • Ovládání musí být okamžitě jasné nebo alespoň samovysvětlující

Z každé stránky musím na první pohled poznat

  • Co je to za web (firmu) – zřetelné logo
  • Jaký má web účel
  • Jaký má stránka název tato konkrétní stránka
  • V jakém místě webu se nacházíme (dobrá navigace)
  • Kam a jak můžeme ze stránky pokračovat
  • Kde se dá vyhledávat
  • Které části stránky jsou důležité
  • Že stránka žije
24.3.2012 1 comment Read More
Slider, slideshow v js

Slider, slideshow v js

Šikovný slider v javascriptu, krom obrázků se do něj dá napsat i text nebo složitější html kód, takže může sloužit jako „prezentace“ přímo na webu.

Je zdarma a ke stažení zde:

http://slidesjs.com/

via @karelnox

21.3.2012 0 comments Read More
Stručný průvodce použitelnými CSS3

Stručný průvodce použitelnými CSS3

Tohle se může hodit:

Stručný průvodce použitelnými CSS3 vlastnostmi v češtině — Vzhůru do CSS3! Kuk sem: http://t.co/boYEFvBQ

Via @machal na Twitteru

19.3.2012 0 comments Read More
Keymaster pro web (klávesové zkratky)

Keymaster pro web (klávesové zkratky)

Narazil jsem na moc zajímavou js knihovnu která umožní jednoduše do webové aplikace implementovat klávesové zkratky.

Je malá(35kb) a na jakékoliv dalsi knihovně nezavysla.

Cool

https://github.com/madrobby/keymaster#readme

19.3.2012 0 comments Read More
Fonty na webu

Fonty na webu

Aby web vypadal co k čemu, chce si to trochu hrát s fonty.

Základní přehled

webových fontů je zde: http://www.jakpsatweb.cz/priklady/fonty.html

Google web fonts

http://www.google.com/webfonts

Trochu přehlednější zobrazení je zde:

http://somadesign.ca/demos/better-google-fonts/

jsou super a zdarma, bohužel mají většinou problém s cz znaky, seznam českých písem je zde:

http://misc.maly.cz/webfonts.php

Tady jsou ke stáhnutí některé fonty které jsou na web fonts:

http://joemaller.com/1856/download-google-fonts/

Alternativy

Jsou bohužel placené, ale rozhodně disponují více písmy s lepší podporou cz znaků

https://typekit.com/

http://www.fontslive.com/

Dobře se to testuje zde:

http://dabblet.com/

Font Face

Další možností je si vygenerovat písmo přímo pro váš web a mít ho uložené u sebe. Je třeba brát na zřetel hlavně práva (to že je písmo free neznamená že ho můžete použít automaticky na webu přes font face)

Výborná stránka s velkou databází písmen a generátorem všeho potřebného je Fontsquirrel

Pro češtinu: EXPERT > Custom Subsetting > zatrhnout Czech. Pro slovenštinu a další jazyky je postup obdobný.

Fonty k užití zdarma:

Exo Sans – zdarma k užití i na webu - http://ndiscovered.com/index.php/exo-font-family

14.3.2012 1 comment Read More
Responsivní tutorialy

Responsivní tutorialy

Responsivnímu webu se bude chtít ještě podívat na zoubek. Dnes při hledání responsivních templejtů pro wordpress a prestashop jsem narazil na tohle, vypadá to na celkem fajn tutoriály. Omrknout ;-)

http://dapurpixel.com/blog/articles/responsive-web-design-learn-more

Super web plný zajímavých příkladů

je k nalezení zde: http://mediaqueri.es/

Rimons twitter widget by Rimon Habib