favico.js je knižnica, ktorá dokáže programovo ovládať štandardnú favicon ikonu – rôzne ju animovať či dokonca v nej prehrať video
Webdesign
There are 5 posts filed in Webdesign (this is page 1 of 1).
Ako vytvoriť perfektnú typografiu pre web
Pokiaľ potrebujete vyskúšať rôzne fonty pre web, pomôže typeanything.io. Umožňuje potom stiahnuť aj výsledne CSS.
Youtube iframe resposive
Ak chcete vložiť responsive video z youtube, treba použiť CSS trik:
<div class="video-container"><iframe.......></iframe></div>
CSS:
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
Viac na https://coolestguidesontheplanet.com/videodrome/youtube/
Ako zistiť o aký font ide
Možno ste sa stretli s nasledovným problémom:
- máte nejaký obrázok s vyrenderovaným textom (napr. banner) a niečo potrebujete v ňom zmeniť
- neviete však o aký font ide
Čo s tým?
Môžete jednoducho skúšať font za fontom porovnávať od oka a možno sa trafíte. Ovšem existuje na to aj špecializovaná stránka What The Font, ktorá identifikuje daný font.
Jednoducho spravíte upload obrázku s textom a program sa pokúsi zistiť o aký font môže ísť. Lepšie výsledky dosiahnete, ak použijete dostatočné rozlíšenie s čo najväčším počtom znakov, hlavne s tými, ktoré sú pre daný typ písma unikátne.
Ak aj napriek tomu neviete, o aký font ide, je možné zadať aj otázku do ich fóra.
Ako porovnať fonty
FontComparer.com je stránka, ktorá Vám ukáže náhľad textu v rôznych fontoch, ktoré môžete používať pre web pomocou Google Fonts API. Môžete si tak pozrieť, ako bude konkrétny text na webe vyzerať a tiež pomocou tlačidla Get font získať kód, ktorý môžete priamo použiť pre svoju webstránku.
Viac na www.fontcomparer.com