Čerstvé zdroje pre návrhárov webových stránok a vývojárov (február 2015)

Po tom, čo robíte viac ako rok, je najdôležitejšia časť o písaní tejto mesačnej množiny zdrojov pre návrhárov a vývojárov. Zatiaľ čo sme na túto tému, tu je vaša február 2015 rekapitulácia najlepších a najčerstvejších zdrojov pre webových vývojárov, ako ste vy.

V tejto splátke sa pozrieme na špeciálne vyhľadávač nájsť útržky kódu, veľmi vynaliezavý odkaz na problémy s adresami v module Flexbox, a vývojové nástroje pre lepšie riadenie farbu, písmo a gradienty.

Gradient Animator

CSS3 Gradient nám umožňuje vytvárať grafiky bez grafiky na našej webovej stránke bez potreby načítavania akýchkoľvek obrázkov. Dokonca ju môžeme skombinovať s animáciou CSS3, aby sme dosiahli pôsobivý efekt. Ak je však kód pre vás príliš veľký, použite jednoduchšiu trasu Gradient Animator, aby ste vytvorili jeden s pekným rozhraním.

SVG vreckový sprievodca

SVG vreckový sprievodca je zostavená Joni Trythallovou. Je to užitočná referencia, ktorá vás prevedie základmi SVG (ako je vytváranie tvarov a textu) až po pokročilejšie funkcie (napríklad vytváranie gradientov, orezové cesty a vzory). Kniha prichádza vo formáte Markdown a je k dispozícii v angličtine a portugalčine.

Flexbugs

Flexbox je veľmi sľubný nový modul v systéme CSS3, ktorý by sa úplne zmenil tak, ako budeme vytvárať rozloženia webu. Napriek tomu však prichádza aj s vlastnými problémami kompatibility s viacerými prehliadačmi. Toto úložisko, Flexbugs, je zbierka týchto chýb a riešenia ich riešenia. Je to veľmi užitočný zdroj pre každého, kto žije na krvavom okraji webu.

icono

Je úžasné, čo môžeme dosiahnuť iba pomocou CSS, ako je vytvorenie plne predstaviteľnej ikony pomocou jediného prvku. icono je knižnica, ktorá to robí. V tejto knižnici nájdete zbierku známych ikon, ktoré sú vytvorené len s jedným prvkom a CSS. Tieto ikony sa načítajú rýchlejšie a sú viac prispôsobiteľné ako ikony založené na obrázkoch.

Dillinger

Dillinger je oka-potešujúce Markdown editor. Tu môžete písať vo formáte Markdown a okamžite vidieť výstup na pravej záložke. Pre vaše pohodlie vám spoločnosť Dillinger dovtedy, ako ste to urobili, môžete exportovať svoju prácu do formátu HTML, PDF alebo vo formáte Markdown. Prípadne ho môžete tiež pripojiť k službe tretej strany, ako je napríklad Dropbox a Github, kde môžete uložiť súbor.

HTML5Up

HTML5Up je zbierka šablón na základe HTML5 zdarma. Môžete nájsť niekoľko rozložení, ktoré sa starajú o rôzne typy webových stránok: podnikanie, portfólio alebo len jednoduchý blog. Všetky šablóny reagujú rovnako a zabezpečujú, aby obsah a rozloženie stránok boli príjemné pri rôznych veľkostiach obrazovky.

CSS Colours

Niekedy sa zaujímate, čo je pomenovaná konkrétna farba? CSS Colours zobrazuje názov farby ako aj formát Hex a RGBA pre zbierku základných farieb. Je to dobrý zdroj na nájdenie perfektnej farebnej kombinácie pre vaše webové stránky.

Emmet Re-view

Opätovné zobrazenie je rozšírenie prehliadača Chrome, ktoré analyzuje vaše webové stránky @media dotazy a zobrazuje vaše webové stránky v každej z hraničných bodov zadaných v každom z nich @media dopyt. Ak hľadáte nástroj, ktorý by vám pri testovaní citlivých webových stránok mohol ušetriť trochu času, potom je to nástroj, ktorý potrebujete.

TypeGenius

Ak sa pozriete na knižnicu písiem Google, nájde sa veľa písiem v rôznych tvárach, rodine, hmotnosti a typoch. Preto výber správneho páru alebo kombinácie písiem by mohol byť skutočnou ohromujúcou úlohou. TypeGenius umožňuje jednoduché a rýchle výbery párov fontov pre celú populáciu.

SearchCode

Ako už uviedlo tento názov, ide o vyhľadávač, ktorý hľadá kódy alebo úryvky kódu mnohých programovacích jazykov vrátane jazyka JavaScript, C, PHP. Tento vyhľadávací nástroj odvodí svoj výsledok z mnohých zdrojov, ako napríklad Github, Bitbucket a Google Code. To je určite nevyhnutný nástroj pre ťažké kodéry.