Ciekawe skrypty do frontu

Odpowiedz Nowy wątek
2017-02-15 17:15
9

Znalezione w sieci:

MJML
Framework do budowania responsywnych wiadomosci
https://mjml.io/

NACHOS UI
Komponenty dla aplikacji react/js
https://avocode.com/nachos-ui/

FitVids
Malutki plugin jQuery dla plików video
http://fitvidsjs.com/

Muuri
Biblioteka js pozwalającą zbudować interaktywny layout
https://haltu.github.io/muuri/

OFFCANVAS
Plugin jQuery do "hamburgerowego" :) menu
http://offcanvas.vasilis.co/

NOTYF
Lekka biblioteka js do alertów na stronie
http://carlosroso.com/notyf/

UNGRID
niespełna stu bajtowy grid css
http://chrisnager.github.io/ungrid/

SIMPLESLIDER
prosty slider jQuery
http://supersimpleslider.com/
lub
http://sachinchoolur.github.io/lightGallery/

CHARTIST
biblioteka js do responsywnych wykresów
http://gionkunz.github.io/chartist-js/

Textillate
animacje css
http://textillate.js.org/
lub
https://www.minimamente.com/example/magic_animations/

update:

Push.js
lekka biblioteka js do powiadomień przeglądarek
https://nickersoft.github.io/push.js/

Flexdatalist
plugin jQuery do auto uzupełniania pól
http://projects.sergiodinislopes.pt/flexdatalist/

Concisecss
malutki framework css
http://concisecss.com/

Vuelidate
plugin vue.js do walidacji
https://monterail.github.io/vuelidate/

edytowany 1x, ostatnio: czysteskarpety, 2017-02-16 12:32

Pozostało 580 znaków

2017-02-16 13:29
1

update2.0

Pomysły jak dobrać kolory na stronę:
http://www.colourlovers.com/
https://www.design-seeds.com/

Gradienty na tło i nie tylko:
https://webgradients.com/

Jak na szybko naszkicować layout strony:
https://www.draw.io/

Pół miliona darmowych ikon na stronę:
http://findicons.com/
lub
https://www.smashingmagazine.[...]/08/on-stage-a-free-icon-set/

ikony do sklepu
http://www.mezzoblue.com/icons/chalkwork/payments/
http://www.webdesignerdepot.c[...]0-free-exclusive-icons-siena/

Leaflet
Biblioteka js do wyświetlania map
http://leafletjs.com/index.html

LORY
slider w js obsługujący gesty
http://meandmax.github.io/lory/

GRANIM
animacje js
https://sarcadass.github.io/granim.js/

REFRAME
plugin js, tworzy responsywne elementy
https://dollarshaveclub.github.io/reframe.js/

edytowany 2x, ostatnio: czysteskarpety, 2017-02-16 14:35
Poprawka, Leaflet nie pozwala tworzyć map a tylko je wyświetlać, z ewentualnymi metadanymi. - hauleth 2017-02-16 14:22

Pozostało 580 znaków

2017-02-17 12:07
0

update 3.0

Sticky
jQuery plugin "przykleja" obiekt, który jest widoczny przy przewijaniu
http://stickyjs.com/

alertify.js
wyskakujące powiadomienia i alerty
http://fabien-d.github.io/alertify.js/

jQuery File Upload
plugin do walidacji, ściągania plików itp.
http://blueimp.github.io/jQuery-File-Upload/

pickadate.js
responsywny plugin do wyboru daty
http://amsul.ca/pickadate.js/

superscrollorama
animacje przy przewijaniu
http://johnpolacek.github.io/superscrollorama/

nanoScrollerJS
prosty scrollbar contentu na stronę
http://jamesflorentino.github.io/nanoScrollerJS/
lub
http://manos.malihu.gr/jquery-custom-content-scroller/

Tubular.js
film z youtube jako background
http://www.seanmccambridge.com/tubular/
podobne
http://srobbin.com/jquery-plugins/backstretch/

threesixty
podgląd 360 stopni
http://nick-jonas.github.io/threesixtyjs/

Pozostało 580 znaków

2017-02-20 15:02
0

update 4.0

DECK
framework do wizualizacji
https://uber.github.io/deck.gl/#/

turbo.js
wykorzystuje GPU do przyspieszania obliczeń
https://turbo.github.io/

CSS PIN
animowane loadingi
https://webkul.github.io/csspin/

CARD
formularz do kart
https://jessepollak.github.io/card/

MILIGRAM
lekki framework css
https://milligram.github.io/

Eg.js
biblioteka zawierająca komponenty interfejsu
https://naver.github.io/egjs/

Labelauty
malutki plugin jQuery poprawiający widok checkboxów
http://labelauty.js.org/

Pozostało 580 znaków

2017-03-06 22:24
0

update 5.0
Propeller
framework css mix bootstrapa i material design
http://propeller.in/index.html

Animatelo
animacje, tym razem w js
https://gibbok.github.io/animatelo/

Sticky-Kit
plugin jQuery "przykleja" element
http://leafo.net/sticky-kit/

ScrollDir
lekka biblioteka js
https://dollarshaveclub.github.io/scrolldir/#setup

Scrollanim
animacje js przy przewijaniu
http://scrollanim.kissui.io/

Hamburgers
20 animowanych buttonów menu
https://jonsuh.com/hamburgers/
to samo tylko loading
https://connoratherton.com/loaders

Grd
css grid 512bajtów
https://1000ch.github.io/grd/
lub
http://mincss.com/
lub
http://pintsize.io/

Progress.js
progress bar w js
http://usablica.github.io/progress.js/

OkayNav
navbar w js
https://github.com/VPenkov/okayNav

edytowany 2x, ostatnio: czysteskarpety, 2017-03-06 22:25

Pozostało 580 znaków

2017-03-26 17:21
2017-04-04 18:43
0

Update 7

Aquarelle
Ciekawy efekt wody
https://github.com/Ramotion/aquarelle

Datedropper
Datownik w jQuery
http://felicegattuso.com/projects/datedropper/

Core UI
FW do budowy panelu admina
http://coreui.io/index.html

React Trend
Proste wykresy dla React.js
https://unsplash.github.io/react-trend/

Element
FW UI bazujacy na Vue.js
http://element.eleme.io/#/en-US

BigPicture
Lightbox plugin dla obrazów i video
https://henrygd.me/bigpicture/

Reactive Listener
Biblioteka do tworzenia zdarzeń po najechaniu kursorem
http://zurb.com/playground/reactive-animation-listener#

Eagle.js
slideshow framework dla Vue.js
https://zulko.github.io/eaglejs-demo/#/

Pushy Buttons
Malutka biblioteka CSS do tworzenia przycisków
https://iraul.github.io/pushy-buttons/
i jeszcze mniejsza do efektu click-to-scroll:
https://hsnaydd.github.io/moveTo/demo/

RPG Awesome
paczka 500 ikon
http://nagoshiashumari.github.io/Rpg-Awesome/

Tent CSS
Mały FW CSS
https://css.sitetent.com/index.html

Pozostało 580 znaków

2017-04-17 11:49
0

Update 8
Materiały do nauki webdev (na pod. github-nathansmith)

Design

http://52weeksofux.com
http://smashingmagazine.com
http://littlebigdetails.com
http://markboulton.co.uk/archives
http://mikeindustries.com/blog/archive/2004/05/getting-started-in-design
http://webtypography.net
http://cooper.com/journal
http://adaptivepath.com/ideas
http://zurb.com/blog
http://google.com/design

HTML

http://diveintohtml5.info
http://html5demos.com
http://html5doctor.com
http://html5rocks.com
http://htmldog.com
http://developer.mozilla.org/en/HTML
http://developer.mozilla.org/en-US/learn/html
http://html5boilerplate.com
http://webplatform.org

CSS

http://css-tricks.com
http://csstutorial.net
http://csszengarden.com
http://developer.mozilla.org/en/CSS
http://developer.mozilla.org/en-US/learn/css
http://meyerweb.com/eric/css
http://css-101.org
http://iamacamera.org/default.aspx?id=95
http://stopdesign.com/archive/2004/07/27/throwing-tables.html

JavaScript

http://developer.mozilla.org/en/javascript
http://developer.mozilla.org/en-US/learn/javascript
http://developer.yahoo.com/yui/theater
http://yuiblog.com/crockford
http://javascriptweekly.com
http://badassjs.com
http://dailyjs.com
http://bonsaiden.github.com/JavaScript-Garden
http://paulirish.com
http://wait-till-i.com
http://icant.co.uk
http://davidwalsh.name
http://blog.reybango.com/2010/12/15/what-to-read-to-get-up-to-speed-in-javascript

jQuery

http://api.jquery.com
http://docs.jquery.com
http://learningjquery.com
http://events.jquery.org/2010/boston/video
http://jqfundamentals.com

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0