69 fantastických bezplatných webových nástrojov

Strana 1 z 6: Nástroje HTML a CSS
  • Nástroje HTML a CSS
  • Bezplatné nástroje JavaScript
  • Bezplatné nástroje na návrh webu
  • Zdarma animačné nástroje
  • Nástroje na zostavenie a testovanie zdarma
  • Najlepšie zo zvyšku
Bezplatné webové nástroje: rýchle odkazy

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

Nástroje HTML a CSS

01. ai2html

50 bezplatných webových nástrojov - ai2html

Teraz môžete navrhovať v aplikácii Illustrator a vytvárať okamžité HTML a CSS

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.

02. Autoprefixer

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.

03. Susy

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

04. Kritické

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.

05. Šnúrka do topánok

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.

06. DomFlags

50 bezplatných webových nástrojov - DomFlags

Program DomFlags uľahčuje navigáciu v hlboko vnorených prvkoch HTML v nástrojoch DevTools

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

07. Sass Lint

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.

08. SMACSS

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ť.

09. DOBRE

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.

10. Objektovo orientovaný CSS

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 ...

  • 1
  • dva
  • 3
  • 4
  • 5
  • 6

Aktuálna stránka: Nástroje HTML a CSS

Ďalšia strana Bezplatné nástroje JavaScript