Saveti – Web design

Kako najbolje da vam izgledaju brojne ikone koje se pojavljuju na stranama sajta. Woork je napravio kolekciju od 10 prelepih setova ikona. Pošaljite nam svog favorita.

27 Amazing Web Development Tools for the Past Year (v. 2018) For the past year, we’ve compared nearly 7,500 Web Development open source tools to pick the Top 27 (0. 4% chance). This is an extremely competitive list and it carefully picks the best open source Web Development tools, libraries and projects published between January and December 2017.  Mybridge AI evaluates the quality by considering popularity, engagement and recency. To give you an idea about the quality, the average number of Github stars is 5,260. JavaScript Projects of the Year (avg. 4,866 ⭐️): Here (1 duplicate) Node. js Projects of the Year (avg. 4,078 ⭐️): Here (0 duplicate) Open source tools can help programmers become more productive at almost no cost. You can also learn by reading the source code and building something on top of the projects. Give a plenty of time to play around with Web Development open source tools you may have missed for the past year. (Click the numbers below. Credit given to the biggest contributor. ) No 1 Public APIs: A collective list of public JSON APIs for use in web development. Courtesy of Todd Motto and Dave Machado [31194 stars on Github]. No 2 Hyper v2. 0: A terminal built on web technologies. Courtesy of Guillermo Rauch [20633 stars on Github]. No 3 Parcel: Blazing fast, zero configuration web application bundler [15386 stars on Github]. Courtesy of Devon Govett No 4 Feather: Simply beautiful open source icons [11593 stars on Github]. Courtesy of Cole Bemis No 5 Hyperapp v1. 0: 1kb library for building modern UI applications [9773 stars on Github]. Courtesy of Jorge Bucaran No 6 Kap: An open-source screen recorder built with web technology [6318 stars on Github]. Courtesy of Matheus Fernandes No 7 Pencil v3. 0: Opensource tool for making diagrams and GUI prototyping that everyone can use. Made with Electron.  [5567 stars on Github]. No 8 Sizzy: A tool for testing responsive websites crazy-fast [4639 stars on Github]. Courtesy of Kitze No 9 Heml: An open source markup language for building responsive email.  [3532 stars on Github]. Courtesy of Avi Goldman No 10 Cypress: Fast, easy and reliable testing for anything that runs in a browser.  [3243 stars on Github]. Courtesy of Brian Mann No 11 Mail-for-good: An open source email campaign management tool for nonprofits [2609 stars on Github]. Courtesy of freeCodeCamp No 12 Rtv: Browse Reddit from your terminal [2524 stars on Github]. No 13 BundleSize: Keep your bundle size in check [2309 stars on Github]. Courtesy of Siddharth Kshetrapal No 14 Amplitude. JS (v3. 0): HTML5 Audio Player for the modern era. No dependencies required.  [2232 stars on Github]. Courtesy of Dan Pastori No 15 Mitt: Tiny 200b functional event emitter / pubsub [2203 stars on Github]. Courtesy of Jason Miller at Google No 16 Uncaptcha: Defeating Google’s audio reCaptcha with 85% accuracy.  [2015 stars on Github]. No 17 Bundle-buddy: A tool to identify bundle duplication across splits.  [1995 stars on Github]. Courtesy of Sam Saccone No 18 Git-recall: Simple and handy tool to easily recall what you’ve done [1911 stars on Github]. No 19 Probot: A framework for building GitHub Apps to automate and improve your workflow [1802 stars on Github]. Courtesy of Brandon Keepers at Github No 20 Hazel: This project lets you deploy an update server for Electron apps with ease: You only need to run a single command and fill out two text fields.  [1775 stars on Github]. Courtesy of Leo Lamprecht at Zeit No 21 Speedracer: Collect performance metrics for your library/application.  [1660 stars on Github]. Courtesy of Nicolas Gryman No 22 Devportfolio-template: A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass [1596 stars on Github]. Courtesy of Ryan Fitzgerald No 23 Cell: A self-driving web app framework [1439 stars on Github]. Courtesy of Ethan No 24 Across-tabs v1. 0: Easy communication between cross-origin browser tabs [1163 stars on Github]. Courtesy of Varun Malhotra No 25 Chimee: A video player aims to bring wonderful experience on browser [1009 stars on Github]. No 26 Propeller v1. 0: A front-end responsive framework based on Google’s Material Design Standards & Bootstrap [1007 stars on Github]. No 27 Image-trace-loader: Loads images and exports traced outlines as image/svg+xml URL-encoded data [919 stars on Github].   ORIGINAL

1. Preuzimanje skriptova @smashingmag Smashing Magazine A nice WordPress trick: Load script if post has Short Code - http://bit. ly/nJGVZX 10 korisnik alatki za prevod @Inspirationf Igor Ovsyannykov Top 10 Useful Translation Plugins for Wordpress - http://su. pr/2yC8DZ 3. Kako da uvučete Facebook u svoj WordPress sajt? @nicholaspatten Nicholas Patten Tutorial: WordPress: How to Get Facebook Insights for Your WordPress Site. http://bit. ly/r619sdLINK. 4. POSAO ZA VAS: AKO ZNATE DNS @hostgator HostGator Do you know DNS? Have you worked with linux? Need a Job? We're hiring! http://gtr. bz/jobsLINK. 5. ANALIZA WORDPRESS+DRUPAL+JOOMLA @simond Simon Dickson WordPress vs Drupal vs Joomla infographic. Drupal only recommended for unicycling mountain climbers. http://bit. ly/o2c5mqLINK.

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:   Odgovarajući listovi za skiciranje Web dizajna   Ovaj set listova za skiciranje, od Jeremy P Alforda je odlična početna tačka za počinjanje mapiranja odeljaka stranica i prikaza kako će se odeljci pomerati pri različitim rezolucijama.   Knjiga za skiciranje web dizajna   Ako biste radije da zadržite sve skice na jednom mestu, možete da razmotrite set od 50 listova za skiciranje od kompanije App Sketchbook.

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani. Narednih dana predstavljaćemo vam ove korisne alatke:     3. Šabloni   Jedna od težih stvari prilikom kreiranja web sajta je upotreba šablona koji prikazuju kako će funkcionisati dizajn. James Mellers iz Adobe-a kreirao je ovu eksperimentalnu alatku koja će vam prikazati kako će funkcionisati izgled složenih razmeštaja.   4. Šabloni razmeštaja za više uređaja   Kada planirate da kreirate dizajn veoma je korisno da pogledate kako će ga drugi ljudi razumeti. Luke Wroblewski je kreirao alatku Multi-Device Layout Patterns, koja lista popularne šablone sa linkovima ka primerima, što je odlično mesto da započnete istraživanje.  

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     5. Style Tiles   Samanatha Warren nudi Style Tiles novu tehniku za dizajn u ovo moderno doba. Umesto da imate dizajn sa fiksnom širinom, ovo su uzorci koji vam prikazuju osnovni pristup bez potrebe za ulaženje u detalje.   Slede alatke koje su unapred ugrađene, tako da je potrebno samo da ih preuzmete i koristite ih prilikom dizajniranja vaše web stranice.   6. Golden Grid System   Joni Korpi, koji je kreirao Less Framework, nedavno je izdao ovu novu verziju pouzdanog grid sistema za dizajn. Golden Grid System se lako prilagođava od 16 do 8, do 4 kolona, i sadrži mali pretraživač koji otkriva mrežu na vašim stranicama za testiranje.

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     7. Foldy960   Talentovani ljudi u Paravel, Inc. su izdali modifikovanu 960. gs mrežu koju su oni koristili kao osnovu za njihove prilagodljive projekte.   8. SimpleGrid   SimpleGrid, od Conor Muirheada, je građen sa ugrađenom prilagodljivošću tako da će vam puno pomoći da kreirate vaše prilagodljive web sajtove.

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani. Narednih dana predstavljaćemo vam ove korisne alatke:     17. Prilagodljiv kalkulator   Još jedan kalkulator koji će odlično odraditi izračunavanja iz piksela u procente je i ovaj  Responsive Calculator. Ali ovaj kalkulator od Stu Robsona ide i korak dalje od drugih generišući sva CSS pravila za vas, što znači da možete da ih kopirate i pejstujete u listove.   Alati za prilagodljive slike i tekst   Još jedna veoma važna komponenta prilagodljivog web dizajna je slika. Optimizovanje performanse i učitavanja stranice za različite uređaje je jedan od najvećih izazova prilagodljivog web dizajna. Evo nekih alata koji će vam u tome pomoći.   18. Prilagodljive slike Filament Group otkrio je način kako da pošaljete sliku odgovarajuće veličine u zavisnosti od rezolucije ekrana – Responsive Images. Ovaj alat pružiće vam mogućnost da se slike prilagođavaju rezoluciji ekrana, što je velika pomoć.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:       9. 1140px CSS Grid   Još jedan odličan prilagodljiv sistem mreže je 1140px CSS Grid od dizajnera Andy Taylora iz Melburna, koji vam nudi šablone od rezolucije širokog ekrana do veličine mobilnih uređaja.    10. Columnal CSS grid system   Columnal grid system, kreirali su u Pulp+Pixelsu, odnosno kreativni direktor Nick Gorsline. Ovaj sistem je zasnovan na 1140px grid systemu ali sa nekim odličnim dodacima kao što su alati za dizajniranje i šabloni, kao i neki korisni CSS stilovi.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     11. Semantic grid system   Unapred obrađene CSS ekstenzije, kao što su Sass i LESS sve su popularnije. Tyler Tate--ov Semantic grid system koristi ove ekstenzije za maksimalni efekat u ovom mrežnom sistemu ne koji koristi nepotrebne elemente.   12. SUSY   Kao i Semantic grid system Oddbird-ov SUSY kreirao je mrežni sistem koji ne koristi nepotrebne markup-e niti specijalne klase. SUSY je namenjen samo korisnicima Sass-a.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     13. Gridpak   Gridpak, od Erskine Design, je jedan od najnovijih generatora mreže. On vam omogućava da podesite kolone i razmake između kolona u više tačaka, zatim vam daje CSS, JavaScript i PNG fajlove tako da ceo tim može da radi iz iste početne tačke.   14. Gridset   Još uvek postoji malo misterije oko Gridseta, jer još uvek nije izdat. Ali Mark Boulton Design obećava mrežni sistem i način snimanja i organizovanja mreža online.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     15. Bolja Photoshop mreža za RWD   Elliot Jay Stocks je prestao da radi u standardnoj mreži od 960px i umesto toga prešao da radi na osnovi od 1000px, olakšavajući rad sa kalkulacijama. Ako i vi to želite, preuzmite njegov a PSD kao početnu tačku za vaš projekat.   16. Fluid Grids   Ako je vaš rad specijalizovan i treba da kreirate sopstvenu mrežu, to možete da uradite pomoću Harry Roberts-ovim Fluid Grid kalkulatorom koji je nominovan za . net Awards.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     19. Adaptive Images   Matt Wilcox je kao inspiraciju upotrebio alat Responsive Images u kreirao alat Adaptive Images, koji koristi PHP i malo JavaScripta da bi vam pružio slike koje odgovaraju posebnim uređajima.   20. Sencha. io Src (ranije Tinysrc)   Sencha nudi a cloud service koji šalje optimizovane verzije hostovanih slika za veličinu uređaja koji tražite. Da biste otkrili kako da ga upotrebite, pogledajte na adresi docs. sencha. com/io/src/.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     21. FitText   Ovo je još jedan dragulj od Paravel, Inc - FitText. js. jQuery plug-in koji će učiniti naslove prilagodljivim dizajnu i uređaju.   22. slabText   Inspirisan FitText-om i SlabType algorithm-om, Brian McAllister je kreirao slabText koji je jQuery plug-in koji čini da se tamni blokovi teksta menjaju tako da zadržavaju definisanu širinu.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     Sada kada već imate neku ideju o tome kako će se vaš razmeštaj menjati za različite uređaje, potrebno je da prilagodite elemente stranice.   23. Respond. js   Jedan od vodećih problema sa prilagodljivim dizajnom je što pretraživači koji ne mogu da čitaju zahteve ostavljeni su pozadi. Ovo možda nije problem za ciljnu publiku, ali je veoma korisno da prilagodite dizajn korisnicima sa starim pretraživačima. Respond. js, od  Scott Jehla, podržava samo parametre za minimalnu i maksimalnu širinu.   24. CSS3-Mediaqueries. js   CSS3-Mediaqueries. js, od Wouter van der Graafa omogućava starije verzije Internet Explorera i drugih pretraživača da efektno testira i primeni sve vrste media zahteva.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     Sada kada već imate neku ideju o tome kako će se vaš razmeštaj menjati za različite uređaje, potrebno je da prilagodite elemente stranice.   25. Adapt. js   Nathan Smith, autor originalnog 960. gs sistema razmeštaja je kreirao Adapt. js, skript koji detektuje dimenziju pretraživača.   26. Categorizr   Ovaj skrip detektuje uređaj pristupljeno iz drugog ugla. Brett Jankord-ov Categorizr skript pretpostavlja da su uređaji mobilni osim ako ne detektuje desktop ili tablet omogućavajući vam da daje resurse pretraživačima na veoma simpatičan način.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     27. 320 and Up   Andy Clarke-ov 320 and Up je deo koda koji se integriše sa puno drugih modernih alatki za web dizajn, kao što su LESS i Bootstrap. Ovo je jednostavan i prilagodljiv način da brzo postavite web sajt.   28. Gridless   Gridless je HTML5 i CSS3 kod koji služi kao osnova za vaš prilagodljiv dizajn sa fokusom na tipografiju i kompatibilnost pretraživača.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     37. The Responsinator   Sve što treba da uradite je da unesete URL i The Responsinator će vam pokazati kako će izgledati prikaz u mnogim uobičajenim veličinama uređaja. Responsinator su kreirali Tama Pugsley i Andy Hovey.   38. Responsive. is   Još jedan emulator uređaja, Responsive. is omogućava vam da ukucate URL zatim brzo menja veličine u rasponu od različitih unapred definisanih veličina.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     29. Skeleton   Za razliku od prethodna dva koda, čija je početna tačka sa najmanjom rezolucijom, Skeleton, od Dave Gamache-a je zasnovan na 960. gs grid sistemu i skalira do veličine za mobilni uređaj. Skeleton takođe ima odlične stilove za programere kao osnovu za dalje kreiranje stilova.   30. Bootstrap   Kreiran od strane Twittera, otvorenog koda, Bootstrap je okvir i serija komponenti za brzo postavljanje sajtova i od verzije broj dva, svi osnovni delovi su prilagodljivi.   Izvor: http://www. netmagazine. com

Ako planirate da kreirate web sajt, korisno je da imate dobre alatke koje će vam olakšati posao.   Denise Jacobs i Peter Gasston su sakupili 50 fantastičnih alatki koje vam olakšavaju i ubrzavaju rad na web sajtu.   Pre nego što započnete kreiranje web sajta najbolje je da skicirate sve elemente i način na koji će se oni prilagoditi različitim veličinama pretraživača, različitim uređajima na kojima će biti pregledani.   Narednih dana predstavljaćemo vam ove korisne alatke:     Pluginovi   Iako moderni pretraživači i programi teže da budu prilagodljivi, ponekad treba da upotrebimo neke dodatne alatke da bismo obezbedili doslednost u dizajnu.   31. Responsive Plugin   Marios Lublinski je napisao a WordPress plug-in koji obećava da će svaku WordPress temu pretvoriti u prilagodljivu. Isprobajte da li je zaista tako jer će vam to zaista puno pomoći u radu.   32. Overthrow   Rešavanje problema sa prelivanjem sadržaja je prilično jednostavno za desktop pretraživače, ali za pretraživače starijih mobilnih pretraživača je malo komplikovanije. Overthrow polyfill od Filament Group-a dodaje doslednost  i rešiće vam ovaj problem, pa će korisnici mobilnih uređaja moći da dobiju najbolje moguće iskustvo pregleda vašeg sajta.   Izvor: http://www. netmagazine. com