69 fantasztikus ingyenes webes eszköz

1/6 oldal: HTML és CSS eszközök
  • HTML és CSS eszközök
  • Ingyenes JavaScript eszközök
  • Ingyenes webdesign eszközök
  • Ingyenes animációs eszközök
  • Ingyenes építési és tesztelési eszközök
  • A legjobb a többi közül
Ingyenes webeszközök: gyors linkek

01. HTML és CSS (ez az oldal)
02. JavaScript
03. Tervezés
04. Élénkség
05. Tesztelés és felépítés
06. A legjobb a többi közül

Sok foglalkozásban a problémák megoldása és a termelékenység növelésének elsődleges prioritása. Ez különösen igaz a webdesignerekre és a frontend fejlesztőkre, akik sokszor sok mikrotevékenységet hajtanak végre. Az a tény, hogy nyílt webes technológiákkal dolgozunk, amelyeket gyakran használnak szabad és nyílt forráskódú szoftverek felépítésére, azt jelenti, hogy rengeteg webdesign eszközök rendelkezésünkre áll.

Ez azt is jelenti, hogy sokféle eszköz közül lehet választani, a szkriptektől és a beépülő moduloktól kezdve WordPress témák , böngészőbővítmények, natív alkalmazások, webtárhely szolgáltatások, könyvtárak, keretrendszerek, weboldal sablonok , grafikai csomagok, weboldal készítő eszközöket és még sok minden mást. Szeretne mást? Próbálja ki útmutatónkat felhőtároló .

A rendelkezésre álló lehetőségek százait átkutattuk, hogy megtaláljuk a kipróbálható legjobb eszközöket - és a legjobb az, hogy mindez ingyenes. A jobb oldalon lévő boxout (vagy a fenti legördülő menü) segítségével ugorhat egy adott területre.

HTML és CSS eszközök

01. ai2html

50 ingyenes webes eszköz - ai2html

Most már tervezhet az Illustrator alkalmazásban, és létrehozhat azonnali HTML-t és CSS-t

Ez egy nyílt forráskódú szkript, amely átalakítja az Ilustrator dokumentumokat HTML-be és CSS-be, a New York Times fejlesztőitől. Nagyon hatékony és hasznos eszköznek tűnik az Adobe Illustrator programban dolgozó tervezők számára. A szkript egy JavaScript fájl, amelyet letölthet, és az Illustrator telepítésének szkript mappájába dobja.

02. Autoprefixer

Ugye még mindig nem írsz CSS szállító előtagokat kézzel? Tartsa tisztán a fejlesztői fájlokat, és hagyja, hogy az Autoprefixer (most PostCSS plugin) végezze el a kemény munkát az építkezés részeként.

03. Susy

Sass alapú elrendezés eszköztár, amely az indulás óta folyamatosan gyarapodik. Erős közösséggel rendelkezik, és rengeteg testreszabható funkciót kínál, amelyek megfelelnek szinte minden projekt igényeinek.

04. Kritikai

Az inline CSS a jó teljesítmény követelménye. Addy Osmani Critical Grunt bővítményként érhető el, valamint a Filament Groupéval együtt loadCSS szkript , ez egy nagyszerű lehetőség a hajtás feletti stílusok kibontására és betöltésére.

05. Cipőfűző

A Cipőfűző egy könnyen használható Bootstrap 3 vizuális rács-készítő. Jellemzői közé tartoznak az adaptív média lekérdezési nézetek és egy teljesen funkcionális előnézet.

06. DomFlags

50 ingyenes webes eszköz - DomFlags

A DomFlags megkönnyíti a mélyen beágyazott HTML elemek navigálását a DevTools programban

Egy Chrome kiterjesztés, amely lehetővé teszi az elemek megjelölését a DOM-ban az a használatával domflags tulajdonság. A DevTools megnyitása után az első megjelölt elemet automatikusan ellenőrzik, és billentyűparancsokkal lehet navigálni a zászlók között. Ez az eszköz praktikus egy olyan rendetlen DOM kezelésében, amelyben nehéz eligazodni.

07. Sass Lint

A Sass Lint egy csomópont alapú kódminőségi eszköz a Sass / SCSS kódhoz, Grunt vagy gulp pluginként elérhető. A Sass Lint különösen jó kezdőknek, akik nem ismerik túlságosan a Sass legjobb gyakorlatát.

08. SMACSS

Az SMACSS egy skálázható és moduláris architektúra a CSS számára. Itt nincs mit letölteni vagy telepíteni, csak egy csomó ötlet nagy és kicsi projektek strukturálására. A weboldal tartalmaz egy ingyenes e-könyvet, amely letölthető, olvasható és tanulmányozható.

09. JÓL

A BEM egy CSS módszertan, amelyet az iparágban széles körben használnak. Az elnevezési konvenció egyszerűsége segít megoldani a CSS specifitási problémáit - lehetővé teszi az elemek blokknévre való skálázását dupla aláhúzással és dupla gondolatjel használatával.

10. Objektumorientált CSS

Az OOCSS a backend fejlesztési módszertan alapján született. Az alapelv a kód újrafelhasználása és a Ne ismételje meg önmagát (DRY) programozást, amelynek eredményeit könnyebb fenntartani, kisebb CSS-ekkel a projektben.

Következő oldal: Ingyenes JavaScript eszközök ...

  • 1
  • két
  • 3
  • 4
  • 5.
  • 6.

Aktuális oldal: HTML és CSS eszközök

Következő oldal Ingyenes JavaScript eszközök