Ez az \u00f6sszefoglal\u00f3 a k\u00f6vetkez\u0151 szakaszokat tartalmazza:<\/p>\n
- \n
- Webdiz\u00e1jn eszk\u00f6z\u00f6k<\/a><\/li>\n
- N\u00e9h\u00e1ny freebie Sketch \u00e9s Machez<\/a><\/li>\n
- UI \/ UX + hasznos olvas\u00e1s<\/a><\/li>\n
- K\u00f3dol\u00e1s \u00e9s webfejleszt\u00e9si eszk\u00f6z\u00f6k<\/a><\/li>\n
- Webfejleszt\u0151knek k\u00f6telez\u0151<\/a><\/li>\n
- CSS<\/a><\/li>\n
- JavaScript<\/a><\/li>\n
- ES6<\/a><\/li>\n
- B\u0151v\u00edtm\u00e9nyek<\/a><\/li>\n
- J\u00e1tssz \u00e9s tanulj meg k\u00f3dolni<\/a><\/li>\n<\/ul>\n
Webdiz\u00e1jn eszk\u00f6z\u00f6k<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/01.jpg\")
<\/p>\n- \n
- Macaw<\/a> - egy webdiz\u00e1jn eszk\u00f6z, amely lehet\u0151v\u00e9 teszi a k\u00f3d \u00edr\u00e1s\u00e1nak abbahagy\u00e1s\u00e1t \u00e9s rajzol\u00e1s\u00e1nak megkezd\u00e9s\u00e9t. A Macaw ugyanazt a rugalmass\u00e1got ny\u00fajtja, mint a kedvenc k\u00e9pszerkeszt\u0151d, de ezenk\u00edv\u00fcl szemantikus HTML-t \u00e9s a rendk\u00edv\u00fcl t\u00f6m\u00f6r CSS-t is \u00edr.<\/li>\n
- Gravit<\/a> - A Gravit egy professzion\u00e1lis webalap\u00fa diz\u00e1jn eszk\u00f6z a tervez\u0151k sz\u00e1m\u00e1ra. K\u00f6nnyed\u00e9n l\u00e9trehozhatsz gy\u00f6ny\u00f6r\u0171 log\u00f3kat, n\u00e9vjegyk\u00e1rty\u00e1kat, weboldalakat, sz\u00f3r\u00f3lapokat \u00e9s k\u00f6z\u00f6ss\u00e9gi m\u00e9dia bor\u00edt\u00f3kat.<\/li>\n
- Lucidpress<\/a> - Leny\u0171g\u00f6z\u0151 vizu\u00e1lis tartalom l\u00e9trehoz\u00e1sa \u00e9s megoszt\u00e1sa: bros\u00far\u00e1k, sz\u00f3r\u00f3lapok, h\u00edrlevelek, jelent\u00e9sek, digit\u00e1lis kiadv\u00e1nyok, online sz\u00f3r\u00f3lapok, digit\u00e1lis magazinok \u00e9s egyebek. Ez kik\u00fcsz\u00f6b\u00f6li a hagyom\u00e1nyos elrendez\u00e9s \u00e9s design szoftver tanul\u00e1si g\u00f6rb\u00e9j\u00e9t, \u00edgy mind az \u00faj, mind a tapasztalt tervez\u0151k otthonosan \u00e9rezhetik magukat.<\/li>\n
- Sparkle<\/a> - Vektoros rajzeszk\u00f6z, amely v\u00e9gtelen lehet\u0151s\u00e9geket biztos\u00edt az \u00f6nkifejez\u00e9shez. A Sparkle nem z\u00e1r merev sablonok keretei k\u00f6z\u00e9, az elrendez\u00e9s szabad form\u00e1ban van. Az eszk\u00f6z fizetett, de ingyenes pr\u00f3baverzi\u00f3val rendelkezik.<\/li>\n
- LogoGala<\/a> - A tervez\u0151k bemutathatj\u00e1k egy gal\u00e9ri\u00e1ban munk\u00e1jukat vagy inspir\u00e1ci\u00f3t keresve b\u00f6ng\u00e9szhetnek a gal\u00e9ri\u00e1ban.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/LogoGala.jpg\")
<\/a><\/p>\n- \n
- Fabricator<\/a> - Szervezd meg a diz\u00e1jn rendszeredet a k\u00edv\u00e1nt m\u00f3don. Hozz l\u00e9tre egy st\u00edlus \u00fatmutat\u00f3t az eszk\u00f6zt\u00e1r k\u00f3dodb\u00f3l. \u00cdrj dokument\u00e1ci\u00f3t a markdown-ban, hogy az eszk\u00f6zt\u00e1r k\u00f6nnyen haszn\u00e1lhat\u00f3 legyen a t\u00f6bbi fejleszt\u0151 sz\u00e1m\u00e1ra. Protot\u00edpus gyorsan.<\/li>\n
- Uilang<\/a> - Az Uilang kiv\u00e1l\u00f3 egy\u00e9ni felhaszn\u00e1l\u00f3i fel\u00fclet \u00f6sszetev\u0151k k\u00e9sz\u00edt\u00e9s\u00e9hez, hozz\u00e1adva n\u00e9mi interaktivit\u00e1st a webhelyedhez, protot\u00edpusok \u00e9p\u00edt\u00e9s\u00e9hez \u00e9s \u00edgy tov\u00e1bb. Nem ig\u00e9nyel programoz\u00e1si tapasztalatot.<\/li>\n
- Anijs<\/a> - Egy k\u00f6nyvt\u00e1r webdiz\u00e1jn k\u00e9szs\u00e9geid fejleszt\u00e9s\u00e9re k\u00f3dol\u00e1s n\u00e9lk\u00fcl. Jobb integr\u00e1ci\u00f3t biztos\u00edt a k\u00f3derek \u00e9s a tervez\u0151k k\u00f6z\u00f6tt, k\u00f6nny\u0171 haszn\u00e1lni, gyors, j\u00f3l m\u0171k\u00f6dik iPaden, iPhone-n, Androidon \u00e9s a modern b\u00f6ng\u00e9sz\u0151k\u00f6n.<\/li>\n
- ColorFavs<\/a> - Ez az a hely, amely megk\u00f6nny\u00edti az \u00faj sz\u00ednek \u00e9s palett\u00e1k l\u00e9trehoz\u00e1s\u00e1t \u00e9s felfedez\u00e9s\u00e9t minden projektedhez.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/ColorFavs.jpg\")
<\/a><\/p>\n- \n
- Froont<\/a> - Hozz l\u00e9tre egyed\u00fcl reszponz\u00edv oldalakat fejleszt\u0151 bevon\u00e1sa n\u00e9lk\u00fcl. A FROONT-tal l\u00e9trehozott minden oldal egy k\u00f6nnyen l\u00e9trehozhat\u00f3 \u00e9s gyorsan bet\u00f6lt\u0151d\u0151 statikus oldal.<\/li>\n
- STATNUT<\/a> - A STATNUT az \u00f6sszes webstatisztik\u00e1d k\u00f6zponti helysz\u00edne. Az alkalmaz\u00e1s sz\u00e9p \u00e9s sz\u00ednes.<\/li>\n
- Designfeed<\/a> - Csak mondd meg a Designfeednek, hogy mit akarsz, az pedig automatikusan l\u00e9trehoz egy v\u00e9gtelen sz\u00e1m\u00fa diz\u00e1jn vari\u00e1ci\u00f3t, melyb\u0151l kedvedre v\u00e1laszthatsz. Az eszk\u00f6z automatikusan l\u00e9trehozza diz\u00e1jnod t\u00f6k\u00e9letesen m\u00e9retezett verzi\u00f3it minden k\u00f6z\u00f6ss\u00e9gi m\u00e9dia platformon val\u00f3 megjelen\u00e9shez.<\/li>\n
- Bonsai<\/a> - Fedezd fel a szabad\u00fasz\u00f3k d\u00edjaz\u00e1s\u00e1t a Bonsai-jal. Seg\u00edt a top 10.000 + szabad\u00fasz\u00f3 id\u0151ben t\u00f6rt\u00e9n\u0151 kifizet\u00e9s\u00e9ben. A regisztr\u00e1ci\u00f3kor 5 ingyenes sz\u00e1ml\u00e1t kapsz.<\/li>\n
- The Pattern Library<\/a> - Az elk\u00e9peszt\u0151 Pattern Library egy olyan folyamatos projekt, amely egyet jelent a legtehets\u00e9gesebb tervez\u0151k \u00e1ltal megosztott mint\u00e1kkal, hogy te azokat szabadon felhaszn\u00e1lhasd diz\u00e1jnjaidhoz. A mint\u00e1k gy\u0171jtem\u00e9nye \u00e9s min\u0151s\u00e9ge a cs\u00facsok cs\u00facsa.<\/li>\n
- Write a Book<\/a> - Szeretn\u00e9d megosztani tud\u00e1sodat egy k\u00f6nyvben vagy tervezn\u00e9l egy k\u00f6nyvet harmadik felek sz\u00e1m\u00e1ra? Ez a gy\u00f6ny\u00f6r\u0171 gy\u00e1rt\u00e1si eszk\u00f6z gondoskodik a form\u00e1z\u00e1sr\u00f3l \u00e9s a konverzi\u00f3r\u00f3l, m\u00e9g miel\u0151tt befejezn\u00e9d az \u00edr\u00e1st.<\/li>\n
- Hack<\/a> - A Hack t\u00falmutat minden modern bet\u0171t\u00edpus-szerkeszt\u0151 eszk\u00f6z\u00f6n, r\u00e1ad\u00e1sul testre szabhatod az ig\u00e9nyeid szerint. Mag\u00e1ban foglalja a t\u00f6bbr\u00e9teg\u0171 rendszeres, mer\u00e9sz, ferde \u00e9s mer\u00e9sz ferde k\u00e9szleteket, amelyek lefedik az \u00f6sszes szintaxiskiemel\u00e9si ig\u00e9nyt. T\u00f6bb mint 1500 szimb\u00f3lumot tartalmaz, amelyek k\u00f6z\u00e9 tartozik a kib\u0151v\u00edtett latin, a modern g\u00f6r\u00f6g \u00e9s cirill karakterk\u00e9szlet.<\/li>\n
- Desygner<\/a> - A Desygner seg\u00edts\u00e9g\u00e9vel szerkeszthetsz sz\u00e1m\u00edt\u00f3g\u00e9pr\u0151l, t\u00e1blag\u00e9pr\u0151l vagy telefonr\u00f3l, k\u00e9peket \u00e9s sz\u00f6vegeket import\u00e1lhatsz az Adobe PDF-b\u0151l, a PSD-r\u0151l \u00e9s a Microsoft Powerpointb\u00f3l. T\u00f6bb milli\u00f3 ingyenesen k\u00edn\u00e1lt, nyilv\u00e1nos k\u00e9p \u00e1ll k\u00e9szen a felhaszn\u00e1l\u00e1sra, amellett t\u00f6bb ezer ingyenes h\u00e1tt\u00e9r, matrica \u00e9s sz\u00f6veg. Oszd meg online, vagy t\u00f6ltsd le ingyen PDF, JPG vagy PNG form\u00e1tumban.<\/li>\n
- CMD space<\/a> - Minden tervez\u0151nek sz\u00fcks\u00e9ge van portfoli\u00f3ra. Az eszk\u00f6z kapcsol\u00f3dik a Dribbble fi\u00f3kodhoz, amely lehet\u0151v\u00e9 teszi egy azonnali diz\u00e1jn portf\u00f3li\u00f3 l\u00e9trehoz\u00e1s\u00e1t.<\/li>\n
- WeVideo<\/a> - A WeVideo egy felh\u0151alap\u00fa egy\u00fcttm\u0171k\u00f6d\u0151 vide\u00f3alkot\u00f3 platform. Nem kell szak\u00e9rt\u0151nek lenni a kiv\u00e1l\u00f3 min\u0151s\u00e9g\u0171 vide\u00f3k l\u00e9trehoz\u00e1s\u00e1hoz. Azonban a vide\u00f3d kin\u00e9zet\u00e9t szab\u00e1lyozhatod, ide\u00e9rtve az \u00e1tmeneteket, a gyors \/ lass\u00fa mozg\u00e1st, a z\u00f6ld k\u00e9perny\u0151t \u00e9s egyebeket. A WeVideo lehet\u0151v\u00e9 teszi, hogy megk\u00edm\u00e9ld a merevlemezed. T\u00f6ltsd fel alkot\u00e1saidat a felh\u0151be. Kezd el a munk\u00e1t az egyik sz\u00e1m\u00edt\u00f3g\u00e9pen \u00e9s folytasd egy m\u00e1sikon ott, ahol abbahagytad.<\/li>\n
- Semplice<\/a> - Az els\u0151, teljesen reszponz\u00edv portf\u00f3li\u00f3rendszer, amely fejlett funkci\u00f3kkal rendelkezik a kis st\u00fadi\u00f3k \u00e9s indul\u00f3 v\u00e1llalkoz\u00e1sok sz\u00e1m\u00e1ra.<\/li>\n
- Build it with Me<\/a> - Ez egy olyan eszk\u00f6z, amely seg\u00edt a hasonl\u00f3 gondolkod\u00e1s\u00fa tervez\u0151k \u00e9s fejleszt\u0151k \u00f6sszekapcsol\u00e1s\u00e1ban, akiknek egyazon c\u00e9lja van: szuper \u00e9s hasznos alkalmaz\u00e1sok l\u00e9trehoz\u00e1sa.<\/li>\n
- Visage<\/a> - Sok vizu\u00e1lis tartalmat kell l\u00e9trehoznod? A Visage egy olyan diz\u00e1jn eszk\u00f6z, amely min\u0151s\u00e9gi tartalom l\u00e9trehoz\u00e1s\u00e1t egyszer\u0171v\u00e9 teszi, \u00edgy nincs sz\u00fcks\u00e9g egy lass\u00fa \u00e9s k\u00f6lts\u00e9ges t\u00e1mogat\u00e1sra.<\/li>\n
- Ezgif<\/a> - Az Ezgif.com egy egyszer\u0171 online gif k\u00e9sz\u00edt\u0151 \u00e9s eszk\u00f6zcsomag anim\u00e1lt gifek alapvet\u0151 szerkeszt\u00e9s\u00e9hez. Itt l\u00e9trehozhatsz, \u00e1tm\u00e9retezhetsz, v\u00e1ghatsz, optimaliz\u00e1lhatsz, r\u00e1ad\u00e1sul alkalmazhatsz bizonyos hat\u00e1sokat is a gifekhez. Ezt az online eszk\u00f6zt szinte b\u00e1rmilyen m\u00e1s t\u00edpus\u00fa k\u00e9phez is (jpeg, png, bmp, tiff) haszn\u00e1lhatod.<\/li>\n
- Imgix<\/a> - Az imgix seg\u00edts\u00e9g\u00e9vel \u00e1tm\u00e9retezheted \u00e9s feldolgozhatod a k\u00e9peket val\u00f3s id\u0151ben egyszer\u0171 URL parancsokkal. Adj meg egy imgix URL-t, vagy kattints egy p\u00e9ld\u00e1ra, \u00e9s megkapsz minden k\u00e9p\u00e1talak\u00edt\u00e1st az \u00faj m\u0171veletek szerkeszt\u00e9se \u00e9s hozz\u00e1ad\u00e1sa k\u00f6zben.<\/li>\n<\/ul>\n
N\u00e9h\u00e1ny freebie Sketch \u00e9s Machez<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/sketch-mac.jpg\")
<\/p>\n- \n
- Craft<\/a> - A Craft az \u00faj referencia\u00e9rt\u00e9k a Sketch b\u0151v\u00edtm\u00e9ny felhaszn\u00e1l\u00f3i fel\u00fcletekhez. Lehet\u0151v\u00e9 teszi a k\u00f6zvetlen manipul\u00e1ci\u00f3t, WYSIWYG-szer\u0171 kezel\u00e9st a mock adatokhoz. Ezenk\u00edv\u00fcl egy egyszer\u0171, be\u00e9p\u00edtett interf\u00e9szt is tartalmaz, amely a mintaadatokat a lapos sz\u00f6veges f\u00e1jlok m\u00e1sol\u00e1s\u00e1val \u00e9s beilleszt\u00e9s\u00e9vel n\u00f6veli. A megl\u00e9v\u0151 webhelyek tartalm\u00e1nak blokkj\u00e1ra kattintva az adatok saj\u00e1t tervez\u00e9s\u0171v\u00e9 t\u00e9tele egy m\u00e1sik praktikus megk\u00f6zel\u00edt\u00e9s.<\/li>\n
- Mobile Wireframe Kit<\/a> - A Mobile Wireframe Kit egy Sketch dokumentum, amely a mobilalkalmaz\u00e1sok tervez\u00e9s\u00e9hez leggyakrabban haszn\u00e1lt UI elemekb\u0151l \u00e1ll.<\/li>\n
- Sketch Plugins<\/a> - Harmadik f\u00e9l fejleszt\u0151k \u00e1ltal l\u00e9trehozott Sketch b\u0151v\u00edtm\u00e9nyek gy\u0171jtem\u00e9nye.<\/li>\n
- Sketch Toolbox<\/a> - Egy egyszer\u0171 b\u0151v\u00edtm\u00e9ny menedzser a Sketch sz\u00e1m\u00e1ra. Lehet\u0151v\u00e9 teszi a Sketch sz\u00e1m\u00e1ra el\u00e9rhet\u0151 legn\u00e9pszer\u0171bb b\u0151v\u00edtm\u00e9nyek b\u00f6ng\u00e9sz\u00e9s\u00e9t. Egyetlen kattint\u00e1ssal let\u00f6lti \u00e9s telep\u00edti az \u00faj b\u0151v\u00edtm\u00e9nyeket \u00e9s azok mindegyik\u00e9t naprak\u00e9szen tartja.<\/li>\n
- Sketch Land<\/a> - A leghasznosabb forr\u00e1sok list\u00e1ja azok sz\u00e1m\u00e1ra, akik a Sketch-t haszn\u00e1lj\u00e1k.<\/li>\n
- Craft<\/a> - A Craft egy plugin-csomag a Sketch \u00e9s a Photoshop sz\u00e1m\u00e1ra, amely lehet\u0151v\u00e9 teszi a val\u00f3s adatokkal t\u00f6rt\u00e9n\u0151 tervez\u00e9st, a gazdag adatok import\u00e1l\u00e1s\u00e1t \u00e9s a tervez\u00e9si eszk\u00f6z\u00f6k gyors duplik\u00e1l\u00e1s\u00e1t.<\/li>\n
- Bjango<\/a> - Alkalmaz\u00e1s ikon sablonok \u00e1tfog\u00f3 csomagja a Photoshop, az Illustrator, a Sketch \u00e9s az Affinity Designer sz\u00e1m\u00e1ra. Android, iOS, OS X, Apple TV (tvOS), Apple Watch (watchOS), Windows, Windows Phone \u00e9s webes favicon. Plusz Photoshop-m\u0171veletek , Photoshop-parancsf\u00e1jlok, Hazel szab\u00e1lyok, OS X munkafolyamatok \u00e9s egy\u00e9b v\u00e9letlenszer\u0171 dolgok a k\u00e9perny\u0151-tervez\u0151k \u00e9s a fejleszt\u0151k sz\u00e1m\u00e1ra.<\/li>\n
- Sketch Palettes<\/a> - Sketch plugin, amely lehet\u0151v\u00e9 teszi a sz\u00ednek bet\u00f6lt\u00e9s\u00e9t a sz\u00ednv\u00e1laszt\u00f3ba.<\/li>\n
- Marvel<\/a> - A Marvel egy plugin a Sketch sz\u00e1m\u00e1ra mobil \u00e9s webes protot\u00edpusok l\u00e9trehoz\u00e1s\u00e1hoz.<\/li>\n
- Cognitom<\/a> - Sablonok k\u00e9szlete szimb\u00f3lum bet\u0171t\u00edpus vagy ikon bet\u0171t\u00edpus k\u00e9sz\u00edt\u00e9s\u00e9hez.<\/li>\n
- Devices - A n\u00e9pszer\u0171 eszk\u00f6z\u00f6k k\u00e9p- \u00e9s Sketchf\u00e1jljainak gy\u0171jtem\u00e9nye.<\/li>\n<\/ul>\n
Eszk\u00f6z\u00f6k csak Mac sz\u00e1m\u00e1ra<\/h3>\n
- \n
- RapidWeaver<\/a>- Tervezd meg, k\u00e9sz\u00edtsd el \u00e9s tedd k\u00f6zz\u00e9 saj\u00e1t honlapod ezzel a kiv\u00e1l\u00f3 eszk\u00f6zzel a Mac sz\u00e1m\u00e1ra.<\/li>\n
- Cactus for MAC<\/a> - Egy gyors \u00e9s egyszer\u0171 statikus webhely gener\u00e1tor, amely a legjobb webdesign technol\u00f3gi\u00e1t alkalmazza egy eleg\u00e1ns megold\u00e1sban.<\/li>\n
- iOS 9 GUI<\/a> - Ez a k\u00e9szlet lehet\u0151v\u00e9 teszi az iOS 9 felhaszn\u00e1l\u00f3i fel\u00fclet\u00e9nek 100% -os vektoros form\u00e1tumban t\u00f6rt\u00e9n\u0151 elemz\u00e9s\u00e9t. Haszn\u00e1ld nagyszer\u0171 alkalmaz\u00e1sok tanulm\u00e1nyoz\u00e1s\u00e1hoz, bemutat\u00e1s\u00e1hoz \u00e9s tervez\u00e9s\u00e9hez.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/ui-ux.jpg\")
<\/p>\nUI \/ UX eszk\u00f6z\u00f6k<\/h3>\n
- \n
- UI<\/a> - Napi ihlet\u00e9s az UI arch\u00edvumb\u00f3l \u00e9s azon t\u00fal. T\u00f6bb mint 2200 diz\u00e1jn 117 kateg\u00f3ri\u00e1ba szedve.<\/li>\n
- Heat Map<\/a> - A Heat Map seg\u00edteni fog meg\u00e9rteni, a weboldalak mely elemei kapnak t\u00f6bb vagy kevesebb figyelmet. Az eredm\u00e9ny \u00e1tlag kevesebb mint 20 m\u00e1sodperc alatt el\u00e9rhet\u0151. Nem kell k\u00fcl\u00f6n k\u00f3dot vagy szkriptet beilleszteni. Az algoritmus tudom\u00e1nyos kutat\u00e1sokon alapul.<\/li>\n
- Usability Square<\/a> - Ez az a hely, ahol a haszn\u00e1lhat\u00f3s\u00e1g szerelmesei \u00f6sszegy\u0171lnek, hogy tesztelj\u00e9k egym\u00e1s elk\u00e9pzel\u00e9seit \u00e9s term\u00e9keiket, neked pedig lehet\u0151s\u00e9ged van arra, hogy val\u00f3di emberekt\u0151l elfogulatlan visszajelz\u00e9seket kapj. A Heatmaps azonnal el\u00e9rhet\u0151.<\/li>\n
- Marvel<\/a> - V\u00e1ltoztasd a diz\u00e1jnokat \u00e9s v\u00e1zlatokat IOS protot\u00edpusokk\u00e1 drag and drop m\u00f3dszerrel a Marvelben. K\u00fcldd el protot\u00edpusodat a felhaszn\u00e1l\u00f3knak \u00e9s l\u00e1ss hozz\u00e1 a tesztel\u00e9shez. N\u00e9zd meg, hogy pontosan mi t\u00f6rt\u00e9nt a protot\u00edpusod minden pontj\u00e1n, majd oszd meg az eredm\u00e9nyeket csapatoddal.<\/li>\n<\/ul>\n
UI \/ UX olvas\u00e1s<\/h3>\n
- \n
- URX<\/a> - Adj hozz\u00e1 \"V\u00e1s\u00e1rl\u00e1s\" gombot az alkalmaz\u00e1sodhoz URX k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- Chinese Mobile UI Trends<\/a> - M\u00e9g t\u00f6bb k\u00ednai mobil UI trend - egy cikk Dan Grovert\u0151l.<\/li>\n
- Animation Principles<\/a> - \u00d6t alapelv a hat\u00e9kony anim\u00e1ci\u00f3\u00e9rt UX-ben Linn Vizard \u00e1ltal.<\/li>\n
- UX Design Steps<\/a> - UX design 14 egyszer\u0171 l\u00e9p\u00e9sben Alan Coopert\u0151l.<\/li>\n
- Using Micro-interactions<\/a> - Stephen Moyers webhely\u00e9n v\u00e9gzett mikrointerakci\u00f3k haszn\u00e1lat\u00e1nak m\u00f3dszerei.<\/li>\n
- Mind Control in Web Design<\/a> - 9 m\u00f3dja az intellektu\u00e1lis ellen\u0151rz\u00e9snek a webes tervez\u00e9sben egy egyszer\u0171 infografik\u00e1ban.<\/li>\n
- Prototyping Tips<\/a> - A protot\u00edpusok l\u00e9trehoz\u00e1sa kev\u00e9sb\u00e9 f\u00e1jdalmas Charles Costa tippjeivel.<\/li>\n
- Content Wireframes for Responsive Design<\/a> - Tartalomsz\u00f6veges dr\u00f3tv\u00e1zak k\u00e9sz\u00edt\u00e9se a reszponz\u00edv tervez\u00e9shez - Tom Green bemutat\u00f3ja.<\/li>\n<\/ul>\n
K\u00f3dol\u00e1s \u00e9s webfejleszt\u00e9si eszk\u00f6z\u00f6k<\/h3>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/041.jpg\")
<\/p>\n- \n
- Im Creator<\/a> - Ez t\u00f6bb mint egy tipikus weboldal k\u00e9sz\u00edt\u0151. Nem kell k\u00f3dolni, az eredm\u00e9nyek pedig teljes m\u00e9rt\u00e9kben reszponz\u00edvak \u00e9s Google-bar\u00e1tok. E-kereskedelmi \u00e9s blogol\u00e1si lehet\u0151s\u00e9g.<\/li>\n
- StackHive<\/a> - A StackHive lehet\u0151v\u00e9 teszi a reszponz\u00edv \u00e9s pixelt\u00f6k\u00e9letes weboldalak kialak\u00edt\u00e1s\u00e1t drag and drop interf\u00e9sszel, \u00e9s automatikus l\u00e9trehozza a HTML, CSS \u00e9s JS gy\u00e1rt\u00e1si min\u0151s\u00e9gi k\u00f3dokat. Sz\u00e9les k\u00f6r\u0171 formatervez\u00e9si \u00e9s anim\u00e1ci\u00f3s paneleket biztos\u00edt a tervez\u00e9s \u00e9s az interakci\u00f3k minden aspektus\u00e1nak ir\u00e1ny\u00edt\u00e1s\u00e1hoz.<\/li>\n
- RAML<\/a> - A RAML seg\u00edts\u00e9g\u00e9vel l\u00e1thatod, hogy az API hogyan n\u00e9z ki tervez\u00e9s k\u00f6zben, h\u00e1la a k\u00f6nnyen olvashat\u00f3 sz\u00f6vegnek. Nem kell egyetlen k\u00f3dsorozatot se \u00edrni. Nemcsak t\u00f6k\u00e9letes\u00edthetied API-diz\u00e1jnodat, hanem teljes k\u00f6r\u0171 funkcion\u00e1lis mockot hozhatsz l\u00e9tre az \u00fcgyfelek, a partnerek \u00e9s a m\u00e9rn\u00f6k\u00f6k sz\u00e1m\u00e1ra az \u00e1tvizsg\u00e1l\u00e1shoz \u00e9s a ki\u00e9p\u00edt\u00e9shez.<\/li>\n
- Design Research Techniques<\/a> - Ez egy online t\u00e1rh\u00e1z a r\u00e9szv\u00e9teli tervez\u00e9si technik\u00e1khoz. Ezek a technik\u00e1k seg\u00edtenek egy projekt \u00e9letciklus\u00e1nak fejleszt\u00e9s\u00e9ben t\u00f6bb \u00e9rdekelt r\u00e9szv\u00e9tel\u00e9vel, bele\u00e9rtve a potenci\u00e1lis felhaszn\u00e1l\u00f3kat vagy k\u00f6z\u00f6ns\u00e9geket, partnereket vagy bels\u0151 csapatokat.<\/li>\n
- Surreal CMS<\/a> - A Surreal CMS csatlakozik a weboldaladhoz FTP SFTP vagy Amazon S3-on kereszt\u00fcl a v\u00e1ltoztat\u00e1sok \u00e9rdek\u00e9ben. Soha t\u00f6bb\u00e9 nem kell agg\u00f3dnod a friss\u00edt\u00e9sek miatt. \u00dcgyfeleid csak a megadott elemeken bel\u00fcl szerkeszthetik a tartalmat. Minden v\u00e1ltoz\u00e1s nyomon k\u00f6vethet\u0151, \u00edgy megn\u00e9zheted, hogy az \u00fcgyfelek mit csin\u00e1lnak. Ingyenes 14 napos pr\u00f3baid\u0151.<\/li>\n
- Brackets<\/a> - Egy ny\u00edlt forr\u00e1sk\u00f3d\u00fa sz\u00f6vegszerkeszt\u0151 a webes tervez\u0151k sz\u00e1m\u00e1ra az Adobe \u00e1ltal JavaScript, HTML \u00e9s CSS form\u00e1tumban \u00edrt sz\u00f6veggel.<\/li>\n
- Web Designer<\/a> - Hozz l\u00e9tre vonz\u00f3, interakt\u00edv HTML5 alap\u00fa diz\u00e1jnt \u00e9s mozg\u00f3k\u00e9peket, amelyek b\u00e1rmely eszk\u00f6z\u00f6n futtathat\u00f3k. Ez egy teljes k\u00f6r\u0171 tervez\u0151csomag, amely lehet\u0151v\u00e9 teszi, hogy b\u00e1rmilyen v\u00edzi\u00f3t \u00e9ltre kelts. Az eszk\u00f6z kezeli a HTML5 \u00e9s a CSS3-at, \u00edgy szabadon koncentr\u00e1lhatsz a csod\u00e1latos vizu\u00e1lis \u00e9lm\u00e9nyek l\u00e9trehoz\u00e1s\u00e1ra.<\/li>\n
- Responsive Web Design Tester<\/a> - Teszteld diz\u00e1jnodat b\u00e1rmely eszk\u00f6z\u00f6n, gyorsan tekintsd meg reszponz\u00edv webhely diz\u00e1jnodat azon param\u00e9terek alapj\u00e1n, amelyek a n\u00e9pszer\u0171 k\u00fcty\u00fck\u00f6n is l\u00e1that\u00f3.<\/li>\n
- Browser Shots<\/a> - A Browsershots k\u00e9perny\u0151k\u00e9peket k\u00e9sz\u00edt webdiz\u00e1jnodr\u00f3l k\u00fcl\u00f6nb\u00f6z\u0151 b\u00f6ng\u00e9sz\u0151kben \u00e9s oper\u00e1ci\u00f3s rendszerekben. \u00cdgy tesztelheted weboldalad b\u00f6ng\u00e9sz\u0151 kompatibilit\u00e1s\u00e1t egy helyen.<\/li>\n
- Fenix Web Server<\/a> - A Fenix egy egyszer\u0171, statikus asztali webszerver. J\u00f3 fejleszt\u0151k \u00e9s tervez\u0151k sz\u00e1m\u00e1ra, akik statikus webhelyekkel dolgoznak. Lehet\u0151v\u00e9 teszi a helyi webhelyek egym\u00e1s melletti vizu\u00e1lis kezel\u00e9s\u00e9t, miniat\u0171r\u00f6kkel, napl\u00f3kkal \u00e9s m\u00e9g sok m\u00e1ssal, fejlessz lok\u00e1lis szinten \u00e9s oszd meg online.<\/li>\n
- NW.js<\/a> - NW.js lehet\u0151v\u00e9 teszi, hogy az \u00f6sszes Node.js modult k\u00f6zvetlen\u00fcl a DOM-b\u00f3l h\u00edvd, emellett pedig az \u00faj alkalmaz\u00e1sok \u00edr\u00e1s\u00e1t a modern HTML5, CSS3, JS \u00e9s WebGL -ben.<\/li>\n
- Commerce.js<\/a> - Az eszk\u00f6z lehet\u0151v\u00e9 teszi a gy\u00f6ny\u00f6r\u0171 e-kereskedelmi \u00e9lm\u00e9nyek l\u00e9trehoz\u00e1s\u00e1t, amelyek n\u00e9h\u00e1ny sornyi k\u00f3ddal kezd\u0151dnek.<\/li>\n
- Valence<\/a> - A Valence egy k\u00eds\u00e9rleti kieg\u00e9sz\u00edt\u0151, amely lehet\u0151v\u00e9 teszi a Firefox Developer Tools sz\u00e1m\u00e1ra a b\u00f6ng\u00e9sz\u0151k sz\u00e9lesebb sk\u00e1l\u00e1j\u00e1nak hibakeres\u00e9s\u00e9t, nem csak a Gecko-alap\u00fa Firefoxban, az Androidos Firefoxban \u00e9s a Firefox OS b\u00f6ng\u00e9sz\u0151j\u00e9ben. A kezdeti hibakeres\u00e9si c\u00e9lok: Androidos Chrome, Chrome Desktop \u00e9s Safari az iOS rendszeren.<\/li>\n
- Bedrock<\/a> - Ez egy WordPress boilerplate, modern fejleszt\u0151eszk\u00f6z\u00f6kkel, k\u00f6nnyebb konfigur\u00e1ci\u00f3val \u00e9s jobb mappaszerkezettel.<\/li>\n
- MJML<\/a> - Az MJML olyan jel\u00f6l\u0151nyelv, amely cs\u00f6kkenti a reszponz\u00edv e-mail k\u00f3dol\u00e1s neh\u00e9zs\u00e9geit. Szemantikus szintaxisa egyszer\u0171v\u00e9 teszi, valamint a gazdag, szabv\u00e1nyos komponensek k\u00f6nyvt\u00e1ra felgyors\u00edtja a fejleszt\u00e9si id\u0151t, \u00e9s megk\u00f6nny\u00edti az e-mail k\u00f3db\u00e1zis\u00e1t.<\/li>\n
- Firebug<\/a> - A legn\u00e9pszer\u0171bb \u00e9s leger\u0151sebb webes fejleszt\u0151eszk\u00f6z, amely lehet\u0151v\u00e9 teszi a HTML-ellen\u0151rz\u00e9st \u00e9s a st\u00edlus \u00e9s elrendez\u00e9s m\u00f3dos\u00edt\u00e1s\u00e1t val\u00f3s id\u0151ben. Haszn\u00e1lj speci\u00e1lis JavaScript hibakeres\u0151t minden b\u00f6ng\u00e9sz\u0151 sz\u00e1m\u00e1ra, pontosan elemezd a h\u00e1l\u00f3zat haszn\u00e1lat\u00e1t \u00e9s teljes\u00edtm\u00e9ny\u00e9t, terjeszd ki a Firebug funkci\u00f3kat a nagyobb hat\u00e9konys\u00e1g \u00e9rdek\u00e9ben.<\/li>\n
- Web Starter Kit<\/a> - A Web Starter Kit egy k\u00f6nny\u0171 m\u00f3dja az \u00faj projekt elind\u00edt\u00e1s\u00e1hoz. Minden olyan f\u00e1jlt tartalmaz, amelyre sz\u00fcks\u00e9g lehet egy \u00faj webes projekt elind\u00edt\u00e1s\u00e1hoz, bele\u00e9rtve a fel\u00e9p\u00edt\u00e9si folyamatot, a boilerplate HTML-t \u00e9s a st\u00edlusokat. A k\u00e9szlet tartalmaz reszponz\u00edv elrendez\u00e9st.<\/li>\n
- UserForge<\/a> - Hozz l\u00e9tre re\u00e1lis reprezent\u00e1ci\u00f3kat a felhaszn\u00e1l\u00f3i csoportodnak sokkal kevesebb kattint\u00e1ssal, mint amennyire sz\u00fcks\u00e9g lenne egy tervez\u0151 szoftverrel vagy sz\u00f6vegszerkeszt\u0151vel.<\/li>\n
- Kore<\/a> - A Kore egy k\u00f6nnyen haszn\u00e1lhat\u00f3 webes alkalmaz\u00e1si keret a sk\u00e1l\u00e1zhat\u00f3 webes API-k l\u00e9trehoz\u00e1s\u00e1hoz C-ban. F\u0151 c\u00e9lja a biztons\u00e1g, a m\u00e9retezhet\u0151s\u00e9g \u00e9s lehet\u0151v\u00e9 teszi az ilyen API-k gyors fejleszt\u00e9s\u00e9t \u00e9s telep\u00edt\u00e9s\u00e9t.<\/li>\n
- Hoodie<\/a> - a Hoodie egy komplett backend az alkalmaz\u00e1sokhoz: fejleszd frontend k\u00f3dodat, csatlakoztasd az API-ba, \u00e9s \u00e9lvezd a haszn\u00e1latra k\u00e9sz alkalmaz\u00e1st.<\/li>\n
- Tumult Hype<\/a> - K\u00e9sz\u00edts gy\u00f6ny\u00f6r\u0171 HTML5 webes tartalmat k\u00f3dol\u00e1s n\u00e9lk\u00fcl. A Tumult Hype-al k\u00e9sz\u00fclt interakt\u00edv webes tartalom \u00e9s anim\u00e1ci\u00f3k asztali sz\u00e1m\u00edt\u00f3g\u00e9pekhez, okostelefonokhoz \u00e9s iPadekhez.<\/li>\n
- WebShell<\/a> - A WebShell egy bundle webes alkalmaz\u00e1s az OS X alkalmaz\u00e1shoz k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- UberBot<\/a> - Ha szeretn\u00e9d megm\u00e9rettetni magad \u00e9s bar\u00e1taid k\u00e9pess\u00e9geit, oszd meg a botot \u00e9s n\u00e9zd meg, ki tudja megverni.<\/li>\n
- WatchPeopleCode<\/a> - Itt l\u00e1thatod, m\u00e1sok hogyan k\u00f3dolnak \u00e9l\u0151 ad\u00e1sban.<\/li>\n
- Mobirise<\/a> - A Mobirise egy offline alkalmaz\u00e1s Windows \u00e9s Mac sz\u00e1m\u00e1ra, amellyel k\u00f6nnyen l\u00e9trehozhatsz kis \/ k\u00f6zepes weboldalakat, c\u00e9loldalakat, online \u00f6n\u00e9letrajzokat \u00e9s portf\u00f3li\u00f3kat, prom\u00f3ci\u00f3s oldalakat alkalmaz\u00e1sokhoz, esem\u00e9nyekhez, szolg\u00e1ltat\u00e1sokhoz \u00e9s term\u00e9kekhez.<\/li>\n
- GrapesJS<\/a> - A GrapesJS egy k\u00f6vetkez\u0151 gener\u00e1ci\u00f3s eszk\u00f6z sablonok \u00e9p\u00edt\u00e9s\u00e9hez k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- Plyfe<\/a> - Interakt\u00edv k\u00e1rty\u00e1k l\u00e9trehoz\u00e1sa: ny\u0171g\u00f6zd le k\u00f6z\u00f6ns\u00e9gedet a Plyfe interakt\u00edv k\u00e1rty\u00e1k n\u00f6vekv\u0151 katal\u00f3gus\u00e1val. Csak v\u00e1lassz egy interakt\u00edv k\u00e1rty\u00e1t, t\u00f6ltsd fel a k\u00e9peket, vide\u00f3kat, gifeket \u00e9s tedd k\u00f6zz\u00e9 b\u00e1rhol.<\/li>\n
- Mailmalade<\/a> - Ez az eszk\u00f6z lehet\u0151v\u00e9 teszi a kompatibilis HTML e-mailek gyors fel\u00e9p\u00edt\u00e9s\u00e9t tervez\u00e9si f\u00e1jljaiddal. Nincs sz\u00fcks\u00e9g k\u00f3dol\u00e1si ismeretekre.<\/li>\n
- Challenge Hunt<\/a> - a Challenge Hunt egy ny\u00edlt forr\u00e1sk\u00f3d\u00fa programoz\u00f3 verseny \u00e9s hackathon aggreg\u00e1tor. Megtekintheted az \u00f6sszes akt\u00edv, k\u00f6zelg\u0151 k\u00f3dol\u00e1si versenyt, a hackathonokat, a felv\u00e9teli \u00e9s az adathaszn\u00e1lati kih\u00edv\u00e1sokat egyetlen helyen.<\/li>\n
- Lytmus<\/a> - A Lytmus egy \u00e9l\u0151 interj\u00fak\u00e9sz\u00edt\u0151 eszk\u00f6z azoknak, akik interj\u00fakat folytatnak le m\u00e9rn\u00f6k\u00f6kkel. Interj\u00fak k\u00e9sz\u00edt\u00e9se a back-end, front-end, full-stack, mobil fejleszt\u00e9s \u00e9s term\u00e9kelemz\u0151kkel. V\u00e1lassz 21 nyelvb\u0151l, 6 keretb\u0151l \u00e9s 10+ eszk\u00f6zb\u0151l a virtu\u00e1lis sz\u00e1m\u00edt\u00f3g\u00e9pen b\u00f6ng\u00e9sz\u0151dben.<\/li>\n
- My Tips - id\u0151szer\u0171, relev\u00e1ns, k\u00e9perny\u0151n megjelen\u0151 eszk\u00f6ztippek \u00e9s term\u00e9kismertet\u0151k l\u00e9trehoz\u00e1sa k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- Etleap<\/a> - Az eszk\u00f6z lehet\u0151v\u00e9 teszi az \u00f6sszes adatforr\u00e1s \u00f6sszekapcsol\u00e1s\u00e1t, az adatok gyorsabb feldolgoz\u00e1s\u00e1t. Soha t\u00f6bb\u00e9 ne agg\u00f3dj az ETL miatt.<\/li>\n
- Code Fight Club<\/a> - Ez egy igazi harcosok klubja k\u00f3derek sz\u00e1m\u00e1ra. Itt szavazhatsz, kommentelhetsz vagy elind\u00edthatod a saj\u00e1t k\u00f3dcsat\u00e1dat.<\/li>\n
- Experimental Platform<\/a> - fejleszt\u0151k\u00e9nt sz\u00f3rakoztat\u00f3 lesz sz\u00e1modra ez a platform a k\u00f6vetkez\u0151 dolgok l\u00e9trehoz\u00e1s\u00e1hoz. Egy egyszer\u0171 leveg\u0151min\u0151s\u00e9gi mutat\u00f3 egy intelligens f\u00e9nyt haszn\u00e1lva, amely a CO\u2082 szintt\u0151l f\u00fcgg\u0151en z\u00f6ldr\u0151l pirosra v\u00e1ltozik. Hang alap\u00fa f\u0151z\u00e9si id\u0151z\u00edt\u0151. Az ip-alap\u00fa biztons\u00e1gi kamer\u00e1k bekapcsolnak minden alkalommal, amikor bez\u00e1rod az otthonodat smartlockot haszn\u00e1lva.<\/li>\n<\/ul>\n
Webfejleszt\u00e9si egy\u00fcttm\u0171k\u00f6d\u00e9si eszk\u00f6z\u00f6k<\/h3>\n
- \n
- Figma<\/a> - A figm\u00e1val online tervezhetsz diz\u00e1jnt, dolgozz egy\u00fctt m\u00e1sokkal ugyanazon a diz\u00e1jnon, ak\u00e1r egyid\u0151ben. A munk\u00e1d folyamatosan mentve lesz (a r\u00e9gi verzi\u00f3k egyetlen kattint\u00e1ssal el\u00e9rhet\u0151k). Az eszk\u00f6z b\u00e1rmilyen oper\u00e1ci\u00f3s rendszeren m\u0171k\u00f6dik.<\/li>\n
- Simple Team<\/a> - Nagyszer\u0171 eszk\u00f6z a fejleszt\u0151knek \u00e9s a tervez\u0151knek. \u00d6sszehozza a csapatot egy k\u00f6z\u00f6s platformra, amely lehet\u0151v\u00e9 teszi tagjai sz\u00e1m\u00e1ra a tervez\u00e9st, fejleszt\u00e9st \u00e9s kommunik\u00e1ci\u00f3t.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/05.jpg\")
<\/p>\n- \n
- Getting ready for HTTP\/2<\/a> - Felk\u00e9sz\u00fcl\u00e9s a HTTP \/ 2-re: \u00fatmutat\u00f3 webes tervez\u0151k \u00e9s fejleszt\u0151k sz\u00e1m\u00e1ra Rachel Andrewt\u00f3l.<\/li>\n
- Google Accelerated Mobile Pages<\/a> - minden, amire sz\u00fcks\u00e9ged van a Google gyors\u00edtott mobiloldalaira. Szerz\u0151 Christian Cantrell.<\/li>\n
- Improve Google Ranking<\/a> - 5 lehet\u0151s\u00e9g a Google rangsor fejleszt\u00e9s\u00e9re SERP-ben CDN-nel. Szerz\u0151 Brian Jackson.<\/li>\n
- A Frame<\/a> - A keret anat\u00f3mi\u00e1ja az Aerotwist \u00e1ltal.<\/li>\n
- Cleaning After Internet Explorer<\/a> - Tiszt\u00edt\u00e1s az Internet Explorer ut\u00e1n Adrian Sandu \u00e1ltal.<\/li>\n
- Jade Tutorial for Beginners<\/a> - Jade bemutat\u00f3 kezd\u0151knek Sanjay Guruprasad \u00e1ltal.<\/li>\n
- Remote Debugging<\/a> - T\u00e1voli hibakeres\u00e9s a front-end fejleszt\u0151k sz\u00e1m\u00e1ra Panayiotis Velisarakos \u00e1ltal.<\/li>\n
- Frontend Design<\/a> - Frontend design Brad Frost \u00e1ltal.<\/li>\n
- Packt Pub<\/a> - Itt megtekintheted a leg\u00fajabb, legizgalmasabb \u00e9s legelismertebb k\u00f6nyveket \u00e9s vide\u00f3kat a tervez\u0151k \u00e9s fejleszt\u0151k sz\u00e1m\u00e1ra, amelyeket a webhelyszerkeszt\u0151k v\u00e1lasztottak ki.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/monsterspost.com\/hu\/wp-content\/uploads\/2018\/08\/061.jpg\")
<\/p>\nCSS eszk\u00f6z\u00f6k<\/h3>\n
- \n
- HTML Cheat Sheet<\/a> - Ez az interakt\u00edv HTML cheat lap teljes list\u00e1t tartalmaz az \u00f6sszes HTML elemr\u0151l, bele\u00e9rtve a le\u00edr\u00e1sokat, a k\u00f3dp\u00e9ld\u00e1kat \u00e9s az \u00e9l\u0151 el\u0151n\u00e9zeteket.<\/li>\n
- Enjoy CSS<\/a> - Ez egy fejlett CSS gener\u00e1tor gazdag grafikus st\u00edlusok l\u00e9trehoz\u00e1s\u00e1hoz k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- CSS Typeset<\/a> - Csak illeszd be a m\u00f3dos\u00edtani k\u00edv\u00e1nt sz\u00f6veget, majd m\u00e1sold \u00e9s illeszd be a l\u00e9trehozott CSS-t a st\u00edluslapodba.<\/li>\n
- One CSS Feature<\/a> - Egy CSS funkci\u00f3, amit nagyon akarok. A bitsofcode \u00e1ltal.<\/li>\n
- Imperfect Buttons<\/a> - K\u00e9zzel rajzolt hat\u00e1rgombok Tiffany Rayside toll\u00e1b\u00f3l.<\/li>\n
- Poor Man's Styleguide<\/a> - Ezt a frontend styleguide-t \u00fagy terveztek, hogy m\u00e1solhat\u00f3 \u00e9s beilleszthet\u0151 legyen a CMS-edbe.<\/li>\n
- Sass Placeholders<\/a> - Sass: Placeholders and @extend-only Selectors - szerz\u0151 Steven Bradley.<\/li>\n
- Penguin<\/a> - nincs HTML, nincs PS. Abdullah Abusallt\u00f3l.<\/li>\n<\/ul>\n
CSS olvas\u00e1s<\/h3>\n
- \n
- Responsive Web Design Tutorial<\/a> - Reszponz\u00edv webdiz\u00e1jn bemutat\u00f3: k\u00e9rd\u00e9sek, m\u00edtoszok, probl\u00e9m\u00e1k \u00e9s val\u00f3s megold\u00e1sok Jeff Bellt\u0151l.<\/li>\n
- How to Use Variables in Chrome 49<\/a> - CSS egy\u00e9ni tulajdons\u00e1gok: hogyan haszn\u00e1lhatom a Chrome 49-ben?
\nIoanni Mitsakis \u00e1ltal.<\/li>\n- Object Fit and Object Position<\/a> - Robin Rendle gyors \u00e1ttekint\u00e9se az \"object-fit\" \u00e9s \"object-position\" t\u00e9m\u00e1r\u00f3l.<\/li>\n
- How to Use Variables in Chrome 49<\/a> - CSS egy\u00e9ni tulajdons\u00e1gok: hogyan haszn\u00e1lhatom a Chrome 49-ben?
- Enjoy CSS<\/a> - Ez egy fejlett CSS gener\u00e1tor gazdag grafikus st\u00edlusok l\u00e9trehoz\u00e1s\u00e1hoz k\u00f3dol\u00e1s n\u00e9lk\u00fcl.<\/li>\n
- Google Accelerated Mobile Pages<\/a> - minden, amire sz\u00fcks\u00e9ged van a Google gyors\u00edtott mobiloldalaira. Szerz\u0151 Christian Cantrell.<\/li>\n
- Simple Team<\/a> - Nagyszer\u0171 eszk\u00f6z a fejleszt\u0151knek \u00e9s a tervez\u0151knek. \u00d6sszehozza a csapatot egy k\u00f6z\u00f6s platformra, amely lehet\u0151v\u00e9 teszi tagjai sz\u00e1m\u00e1ra a tervez\u00e9st, fejleszt\u00e9st \u00e9s kommunik\u00e1ci\u00f3t.<\/li>\n<\/ul>\n
- StackHive<\/a> - A StackHive lehet\u0151v\u00e9 teszi a reszponz\u00edv \u00e9s pixelt\u00f6k\u00e9letes weboldalak kialak\u00edt\u00e1s\u00e1t drag and drop interf\u00e9sszel, \u00e9s automatikus l\u00e9trehozza a HTML, CSS \u00e9s JS gy\u00e1rt\u00e1si min\u0151s\u00e9gi k\u00f3dokat. Sz\u00e9les k\u00f6r\u0171 formatervez\u00e9si \u00e9s anim\u00e1ci\u00f3s paneleket biztos\u00edt a tervez\u00e9s \u00e9s az interakci\u00f3k minden aspektus\u00e1nak ir\u00e1ny\u00edt\u00e1s\u00e1hoz.<\/li>\n
- Chinese Mobile UI Trends<\/a> - M\u00e9g t\u00f6bb k\u00ednai mobil UI trend - egy cikk Dan Grovert\u0151l.<\/li>\n
- Heat Map<\/a> - A Heat Map seg\u00edteni fog meg\u00e9rteni, a weboldalak mely elemei kapnak t\u00f6bb vagy kevesebb figyelmet. Az eredm\u00e9ny \u00e1tlag kevesebb mint 20 m\u00e1sodperc alatt el\u00e9rhet\u0151. Nem kell k\u00fcl\u00f6n k\u00f3dot vagy szkriptet beilleszteni. Az algoritmus tudom\u00e1nyos kutat\u00e1sokon alapul.<\/li>\n
- Cactus for MAC<\/a> - Egy gyors \u00e9s egyszer\u0171 statikus webhely gener\u00e1tor, amely a legjobb webdesign technol\u00f3gi\u00e1t alkalmazza egy eleg\u00e1ns megold\u00e1sban.<\/li>\n
- Mobile Wireframe Kit<\/a> - A Mobile Wireframe Kit egy Sketch dokumentum, amely a mobilalkalmaz\u00e1sok tervez\u00e9s\u00e9hez leggyakrabban haszn\u00e1lt UI elemekb\u0151l \u00e1ll.<\/li>\n
- STATNUT<\/a> - A STATNUT az \u00f6sszes webstatisztik\u00e1d k\u00f6zponti helysz\u00edne. Az alkalmaz\u00e1s sz\u00e9p \u00e9s sz\u00ednes.<\/li>\n
- Uilang<\/a> - Az Uilang kiv\u00e1l\u00f3 egy\u00e9ni felhaszn\u00e1l\u00f3i fel\u00fclet \u00f6sszetev\u0151k k\u00e9sz\u00edt\u00e9s\u00e9hez, hozz\u00e1adva n\u00e9mi interaktivit\u00e1st a webhelyedhez, protot\u00edpusok \u00e9p\u00edt\u00e9s\u00e9hez \u00e9s \u00edgy tov\u00e1bb. Nem ig\u00e9nyel programoz\u00e1si tapasztalatot.<\/li>\n
- Gravit<\/a> - A Gravit egy professzion\u00e1lis webalap\u00fa diz\u00e1jn eszk\u00f6z a tervez\u0151k sz\u00e1m\u00e1ra. K\u00f6nnyed\u00e9n l\u00e9trehozhatsz gy\u00f6ny\u00f6r\u0171 log\u00f3kat, n\u00e9vjegyk\u00e1rty\u00e1kat, weboldalakat, sz\u00f3r\u00f3lapokat \u00e9s k\u00f6z\u00f6ss\u00e9gi m\u00e9dia bor\u00edt\u00f3kat.<\/li>\n
- N\u00e9h\u00e1ny freebie Sketch \u00e9s Machez<\/a><\/li>\n