Inspirat de Sindre Sorhus și ale lui liste awesome-whatever
Am și eu lista personalș cu “Stared on Github”
E împărțită in 3: Frontend, Backend și Misc
- Frontend
1.1 Eye-candy
-
smartcrop.js https://github.com/jwagner/smartcrop.js
Un mic tool care crează thumb-uri din pozele uploadate de utilizator. Nu lasa utilizatoru sa aleaga zona, dar nu e nevoie pentru ca are o acuratete foarte mare. Din ce am văzut în demo-uri, mi-a plăcut.
Nu vine cu nici o dependintă, e rapidă, si mică.
Poate fi folosită doar daca există suport pt elementul < canvas />
Poate fi instalată via Bower & NPM -
html5tooltips.js https://github.com/ytiurin/html5tooltipsjs
Numele explică de la sine. Fără dependinte externe. Merge ăi pe browsere vechi dar fără animații.
Se folosește de atribute data-*
CSS foarte ușor de modificat
Poate fi instalat via Bower -
Dragula! https://github.com/bevacqua/dragula
Drag & Drop stupid de ușor
Nu are dependințe externe
CSS super minimalist pt câteva efecte de bun simț
API bine definit
Poate fi instalat via Bower & NPM -
Horsey https://github.com/bevacqua/horsey
Autocomplete & fuzzy search
Chestia asta este de vis pentru oricine a trebuit să implementeze autocomplete. Exact asta face!
Nu are dependințe externe
Nu bagă pe gat template html si css
Poate fi bagată în orice framework fară nici o bătaie de cap
Poate fi instalată via Bower si NPM -
two.js https://github.com/jonobr1/two.js
Un framework miăto pentru desene si animații 2D
Asta are din păcate dependințe, Underscore și Backbone, dar în cazul meu nu e problemă pentru că doar asta folosesc
Ce mi-a plăcut e că poate importa SVG din surse externe. Eg. export din Illustrator etc
Stie grupuri si scene graph ce îți permite să aplici efecte la nivel de părinte
Altă chestie care mi-a plăcut e posibilitatea de a alege renderer-ul (svg, webgl, canvas) -
Polycal https://github.com/camwiegert/polycal
Tot ce îți trebuie să faci un calendar custom. Ei dau baza, tu faci rendering-ul.
Pentru că mi s-a acrit de calendarele de jquery-ui -
CamanJS https://github.com/meltingice/CamanJS
Dacă ai nevoie să aplici repede niște filtre pe o poză ca la Instagram
Dacă ai nevoie de să faci resize, crop și nu numai
Fară dependințe externe
Plugins!
Cu umpic de ambiție ai putea face un Photoshop browser based -
Hammer.JS https://github.com/hammerjs/hammer.js
Multi-touch baby! "tap, doubletap, pan, swipe, press, pinch and rotate"
La aproape ~4Kb, merge de minune cu Cordova. Atât că nu suportă Android 2.3
Fără dependințe externe.
1.2 Plotting & charting
Aici e ceva mai multă vorbărie. Ce mă înteresează pe mine e așa: responsive, ușor de stilizat, suport amd/commonjs/requirejs, resurse (cpu/ram) și dependințe (din păcate majoritatea au d3.js ca dependință)
-
d3.compose https://github.com/CSNW/d3.compose
Ruda săracă!
Știe doar Lines & Bars
Stilizare prin CSS
Dependințe d3.js și d3.chart
Singurul motiv pentru care a intrat pe listă e că are 7Kb, e responsive si e numai bună în caz că te grăbești -
Epoch https://github.com/epochjs/epoch
Pe asta am băgat-o cam forțat.
Nu are suport pt amd/common/require
Stilizarea e prin CSS (se construieste theme via SASS), într-un mod urât aș adăuga
Dependințe: d3.js
Singura chestie mai interesantă e partea de “real-time” , care defapt e numai eye-candy. Nu știe să-și ia datele de la vre-un websocket ceva, in mod nativ. -
Chart.js https://github.com/nnnick/Chart.js
O librărie ceva mai modernă și de bun simț. Output-ul este < canvas />
Știe 6 tipuri de diagrame
Fără dependințe externe.
Are suport de amd/common/require dar tot poluează window; are o metodă noConflict()
Fără CSS. Stilizarea se face la nicel de parametrii; Știe niște template-uri asemănătoare cu Underscore
No Events. -
Chartist https://github.com/gionkunz/chartist-js
Mică 10Kb
Fără dependințe externe
Suport amd/common/require
Events !
Plugins
Output-ul este SVG și știe și animații
Din păcate stilizarea se face printr-un SCSS care arată … horror (imho) -
dc-js https://github.com/dc-js/dc.js
Deja nu mai e o librărie, e un ditai mai framework-ul
Dependințe: d3.js și corssfilter.js pt că e făcut să lucreze cu dataset-uri de ordinul sutelor de mii !
Output SVG
Events
Stilizare minimală via CSS dar și via parametri -
plotly.js https://github.com/plotly/plotly.js
Versiunea Comunnity/Open-Source
Dependințe: d3.js și stack.gl
No Events!
Output SVG
Îți bagă un toolbar în fiecare chart, de conține un “mabe by Plotly”; se poate scoate, dar nu ușor
Foarte multe tipuri de charts
1.3 Tools
-
JSONC https://github.com/tcorral/JSONC
Mesajele vin ele de la server comprimate cu gzip… dar nu se și duc comprimate -
formatter.js https://github.com/firstopinion/formatter.js
Un utilitar pt formatarea textului introdus într-un < input /> pentru că html5 nu are formatare/validare pentru multe chestii
Fără dependințe; Are wrapper pt jQuery (god knows why :P) -
AT.js https://github.com/ichord/At.js
An autocompletion library to autocomplete mentions, smileys etc.
Ca să faci ușor mentionări cu @username sau : smile : etc
Din pacate necesită jQuery -
LargeLocalStorage https://github.com/tantaman/LargeLocalStorage
In caz că ai nevoie de stocat niște Gigabytes de key:value -
Waypoints https://github.com/imakewebthings/waypoints
Lasă utilizatorul să facă niște scroll prin pagină și după trage-i pop-up cu newsletter
Metoda are rată de conversie mai bună -
Numeral.js https://github.com/adamwdraper/Numeral-js
Un fel de Moment.js da pentru formatare numere/bani/etc
Nu are Română. Am tot zis că îi fac un pull request, da… lene -
PDFMake https://github.com/bpampuch/pdfmake
Bun. Fiindcă unele aplicații mai sunt și offline și de ce să te complici cu backend -
Backbone.ioBind https://github.com/noveogroup/backbone.iobind
Drop-in, înlocuieste Backbone.sync cu socket.io -
Html2Canvas https://github.com/niklasvh/html2canvas
N-ar fi frumos ca atunci când utilizatorul îți raportează o problemă, să poată face și screenshot ? -
Piecon https://github.com/lipka/piecon
Îți transformă Favicon întrun piechart-progressbar. Ca să vadă și utilizatorul un feedback acolo -
Chardin.JS https://github.com/heelhook/chardin.js
Un modal simplu ca să poți sublinia frumos, ultimile update-uri în aplicația ta -
Mousetrap https://github.com/ccampbell/mousetrap
Keyboard shortcuts la doar 2Kb
2 Backend
2.1 NodeJS
-
Tesseract for node.js https://github.com/desmondmorris/node-tesseract
Tesseract face OCR și o face bine.
Fiindcă programele de “spart” captcha sunt scumpe și nu sunt prea flexibile, așa că mai bine îți faci tu.
Sau poate faci o aplicatie de mobil care transforma poza în word/pdf -
a node.js websocket library https://github.com/websockets/ws
Oamenii zic " probably the fastest WebSocket library for node.js". Personal zic că chiar este cea mai rapidă -
SPDY Server for node.js https://github.com/indutny/node-spdy
Pentru că un programator adevărat întotdeauna alege comunicare secure prin internet. Chiar și pentru WebSockets de mai sus. Si cu ăsta poți face HTTP/2 cu fallback in SPDY cu fallback in HTTP/1.1
2.2 PHP
-
Guzzle https://github.com/guzzle/guzzle
Dar pe ăsta ar trebui să îl știe toată lumea. Pentru că oricât de șmecheră crezi că e implementarea ta peste cURL, îți zic sigur că nu este
Il folosesc exclusiv și cu plăcere înca de pe la versiunea 1.x (de acu ~4ani) -
zfr-mailchimp https://github.com/zf-fr/zfr-mailchimp
E mai bun decât orice “official” crap de la Mailchimp. Și are și un Bundle pt Symfony -
Money https://github.com/mathiasverraes/money
"If I had a dime for every time I’ve seen someone use FLOAT to store currency, I’d have $999.997634"
Și vine cu implementare pentru Symfony, Doctrine și Zend
Extrem de util pentru orice program financiar -
Geocoder https://github.com/geocoder-php/Geocoder
Foarte multe aplicații.
Mie mi-a fost utilă pt locația IP, ca nu toate php-urile au extensia de GeoIP.
Am mai folosit-o pt a găsi TimeZone-ul unui utilizator, pornind de la adresa pe care a dat-o. Truc mișto când aplicația ta are utilizatori de pe tot globul. Calcule de distanțe între adrese. Și bineinteles hărți
2.2.1 Symfony
-
Symfony-REST https://github.com/gimler/symfony-rest-edition
Symfony Standard dar cu composer.json gata preparat pentru REST -
ExcelBundle https://github.com/liuggio/ExcelBundle
Toți știu Excel dar dacă le dai un .csv habar n-au ce să facă cu el -
KnpSnappyBundle https://github.com/KnpLabs/KnpSnappyBundle
wrapper super usor de folosit pentru wkhtmltopdf Serios!
Și are și o versiune simplă ce nu depinde de Symfony -
NelmioSecurityBundle https://github.com/nelmio/NelmioSecurityBundle
Dacă crezi că un programator știe să își securizeze aplicația și/sau serverul … ai crede prost
Plus că mai sunt cazuri în care chiar n-ai acces la server să faci modificări, iar să împlementezi unele chestii la nivel de aplicație e chinul de pe lume -
NewRelic Bundle https://github.com/ekino/EkinoNewRelicBundle
Pentru cine are bani de NewRelic …
2.2.2 PHP Tools
-
Deployer https://github.com/deployphp/deployer
Practic e Capistrano făcut în PHP. Că managementul de ruby & gems e lafel de plăcut precum o colonoscopie -
phpcs-security-audit https://github.com/FloeDesignTechnologies/phpcs-security-audit
Extensie de Code_Sniffer care face și un audit de securitate.
Momentan include reguli generale, CVE și Drupal 7&8 și e pe vine si Symfony
Atenție! Poate răni orgolii -
PHPCompatibility https://github.com/wimg/PHPCompatibility
O altă extensie de Code_Sniffer care verifică compatabilitatea cu una sau mai multe versiuni de PHP
2.3 Backend tools în diverse limbaje
-
OpenFace https://github.com/cmusatyalab/openface
Recunoaștere facială.
Fie că ai nevoie de un feature de recunoscut prieteni în poze cum face Facebook sau Google
Sau vrei să îl legi direct la camera de supraveghere pe care am pus-o să bată în stradă
Este bun, se instalează rapid (via Docker) și funcționează -
openalpr https://github.com/openalpr/openalpr
Asta tot recunoaștere face dar pentru numerele de înmatriculare
Urmează să îl testez acum în vacanța de iarnă.
Combinat cu OpenFace … chiar n-o să mai vină nimeni în vizită -
ZeroDB https://github.com/zero-db/zerodb
Bază de date noSQL encriptata! Și nu doar conexiunea … TOT
Scrisă în Python, promite performanță chiar si cu overhead-ul de criptare
Nu știu o aplicație imediată, mă gândesc la un program desktop in wxPython ceva făcut pentru paranoici
Oricum, bun de știut că există -
nginx-rtmp-module https://github.com/arut/nginx-rtmp-module
Modul de streaming pt NginX. Acum poți construi următoarea platformă de video-chat (if you know what i mean) -
SimianArmy https://github.com/Netflix/SimianArmy
De proiectul ăsta m-am îndrăgostit la prima vedere. Din păcate e făcut numai pentru AWS si vSphere dar din câte am înțeles s-ar putea adăuga în viitorul apropiat și OpenStack
Bun … da ce face?
Face haos E un framework cu care simulezi probleme în cloud-ul tău. Poți să oprești random mașini sau să simulezi incărcări de resurse anormale sau chiar să faci diferite servicii să meargă prost.
E un fel de CI dar pentru disaster-recovery
Pentru că echipa ta trebuie să fie tot timpul în alertă
3 Misc
-
https://github.com/poiuytrez/AndroidInAppBilling Un plugin bun pt Cordova
-
Un tool bun de generat clase Doctrine din schema existentă. Și nu numai Doctrine
https://github.com/johmue/mysql-workbench-schema-exporter -
Cum arăta codul Facebook în 2008 https://github.com/facebookarchive/platform
-
Cum să fii un “Developer Evangelist” https://github.com/codepo8/Developer-Evangelism-Handbook
-
Unelte pentru scris cărți https://github.com/GitbookIO/gitbook
Îmi place pentru că am revisions
Pot să scriu în Markdown
Și pot să export ca website, pdf, epub sau mobi -
Că tot veni vorba de cărți sau handout-uri … Edward Tufte is the man!
- stilizare via css https://github.com/edwardtufte/tufte-css
- via LaTeX https://github.com/Tufte-LaTeX/tufte-latex
- ba chiar si template-uri pentru Jekyll https://github.com/clayh53/tufte-jekyll
- și pentru atunci când o să trebuiască să îmi public cartea dar să o pot pune și online
https://github.com/susanemcg/pandoc-tufteLaTeX2GitBook
Si cam asta a fost tot ce am crezut eu că poate fi util.
Mai sunt multe, dacă interesează pe cineva: https://github.com/stars/ct27stf