01. HTML a CSS (táto stránka)
02. JavaScript
03. Dizajn
04. Animácia
05. Testovanie a zostavenie
06. Najlepšie zo zvyšku
V mnohých zamestnaniach je hlavnou prioritou riešenie problémov a hľadanie spôsobov, ako byť produktívnejší. To platí najmä pre webových dizajnérov a frontendových vývojárov, ktorí mnohonásobne vykonávajú mnoho mikroúloh. Skutočnosť, že pracujeme s otvorenými webovými technológiami, ktoré sa často používajú na vytváranie bezplatného a otvoreného softvéru, znamená, že ich máme nepreberné množstvo nástroje na návrh webu k dispozícii.
To tiež znamená, že na výber je veľa nástrojov, od skriptov a doplnkov po Témy WordPress , rozšírenia prehliadača, natívne aplikácie, web hosting služby, knižnice, rámce, šablóny webových stránok , grafické balíčky, tvorca webových stránok nástroje a ešte oveľa viac. Chceš niečo iné? Vyskúšajte nášho sprievodcu po cloud-ové úložisko .
Prešli sme stovkami dostupných možností, aby sme našli tie najlepšie nástroje, ktoré môžete vyskúšať - a najlepšie na tom je, že všetky sú zadarmo. Pomocou boxu vpravo (alebo rozbaľovacej ponuky vyššie) preskočte na konkrétnu oblasť.
okrúhla vec na zadnej strane iphone
Toto je skript otvoreného zdroja, ktorý prevádza vaše dokumenty Ilustrator na HTML a CSS od vývojárov z New York Times. Vyzerá to ako skutočne výkonný a užitočný nástroj pre návrhárov, ktorí pracujú v programe Adobe Illustrator. Skript je súbor JavaScript, ktorý si stiahnete a umiestnite do priečinka skriptov pri inštalácii aplikácie Illustrator.
Stále nepíšete predpony dodávateľov CSS, že? Udržujte svoje vývojové súbory čisté a nechajte program Autoprefixer (teraz doplnok PostCSS), aby za vás vykonal tvrdú prácu ako súčasť procesu vytvárania.
Sada nástrojov pre rozloženie na základe Sass, ktorá od svojho uvedenia neustále získava na sile. Má silnú komunitu a ponúka veľa prispôsobiteľných funkcií, aby vyhovoval potrebám takmer každého projektu.
ako zafarbiť veci vo photoshope
Inline CSS je požiadavka na dobrý výkon. Addy Osmani's Critical je k dispozícii ako doplnok Grunt a spolu s Filament Group’s loadCSS skript , je to skvelá voľba na extrahovanie a načítanie štýlov nad záhybom stránky.
Shoelace je ľahko použiteľný nástroj na tvorbu vizuálnej mriežky Bootstrap 3. Medzi jeho vlastnosti patria responzívne zobrazenia mediálnych dotazov a plne funkčný náhľad.
Rozšírenie pre Chrome, ktoré umožňuje označovať prvky v DOM pomocou a domflags atribút. Po otvorení nástroja DevTools sa prvý označený prvok automaticky skontroluje a na prechádzanie vlajkami sa dajú použiť klávesové skratky. Tento nástroj je užitočný na zvládnutie chaotického modelu DOM, v ktorom je ťažké sa orientovať.
ako používať pero vo photoshope na vystrihovanie obrázkov
Sass Lint je nástroj kvality kódu na báze uzlov pre kód Sass / SCSS, dostupný ako doplnok Grunt alebo gulp. Sass Lint je obzvlášť vhodný pre začiatočníkov, ktorí nie sú príliš oboznámení s osvedčenými postupmi Sass.
SMACSS je škálovateľná a modulárna architektúra pre CSS. Nie je tu čo sťahovať alebo inštalovať, iba celá rada nápadov na štruktúrovanie veľkých i malých projektov. Táto webová stránka obsahuje bezplatný ebook, ktorý si môžete stiahnuť, prečítať a študovať.
koľko stojí adobe po efektoch
BEM je metodika CSS, ktorá sa široko používa v celom priemysle. Jednoduchosť jeho konvencie pomenovania pomáha riešiť problémy so špecifickosťou v CSS - umožňuje, aby prvky boli priradené k názvu bloku pomocou dvojitého podčiarknutia a upravené pomocou dvojitej pomlčky.
OOCSS sa zrodil z metodiky vývoja backendu. Základný princíp spočíva v opätovnom použití kódu a programovaní Don’t Repeat Yourself (DRY), ktorého výsledky sa ľahšie udržiavajú, s menšími CSS vo vašom projekte.
Ďalšia stránka: Bezplatné nástroje JavaScript ...
Aktuálna stránka: Nástroje HTML a CSS
Ďalšia strana Bezplatné nástroje JavaScript
