Link Web Design & Programming

รายการ ลิงค์ สำหรับ ทำเว็บไซต์

THEME

1. http://pratikborsadiya.in/blog/vali-admin/
2. http://propeller.in/ (Bootstrap Framework show Material Design)

Theme on Mobile

1. https://emy-library.org/
2. https://www.infernojs.org

BUTTON

1. https://varin6.github.io/Hover-Buttons/
2. http://ow.ly/NGxp30bnIxG
3. http://offcanvas.vasilis.co/ (Off Canvas)
4. http://slicknav.com/ (Hamberger For Mobile)
5. http://okazari.github.io/Rythm.js/ (Sound and Move or Change Color)

IMAGES Free For Use

1. https://www.stockio.com/

IMAGES Compress

1. https://github.com/xkeshi/image-compressor

IMAGES Effect : hover

1. https://github.com/davidecalignano/MediumLightbox
2. https://sachinchoolur.github.io/lightgallery.js/
3. https://henrygd.me/bigpicture/

IMAGES Zoom

1. https://github.com/kingdido999/zooming

AI make IMAGEs to Code

1. https://github.com/tonybeltramelli/pix2code

Background - CSS / Javascript

1. https://display.js.org/
2. http://ow.ly/1icr30bXhRy

Font Responsive

1. https://rikschennink.github.io/fitty/

Print

1. http://printjs.crabbly.com/

CSS Framework

1. https://shoelace.style/

2. http://getbootstrap.com/

3. https://fractures.space/

4. http://gridle.org/ (CSS for GRID)
5. http://ow.ly/G5rb30cjj8y (Inspiration สำหรับการทำ headlines CSS)
6. http://coreui.io/ (CoreUI คือ Bootstrap4 admin template แบบ free)
7. http://markojs.com/

Loader CSS / CSS Animation

1. https://connoratherton.com/loaders

2. http://scrollanim.kissui.io/
3. http://animista.net/
4. http://jquery.eisbehr.de/lazy/
5. https://webkul.github.io/csspin/

Font & PSD File

1. http://ow.ly/QMvv30ef2yg

2. http://fontdrop.me/

3. https://www.creative-tim.com/product/now-ui-kit (NOW UI KIT สำหรับ Bootstrap 4 Theme)

MOCK UP

1. https://dimmy.club/
2. https://t.co/61rGqmjKIK (On Web - Drag&Drop)

Real Time for E-commerce

1. https://reactioncommerce.com/

API

1. https://github.com/lord/slate

2. https://insomnia.rest/
3. http://teerapuch.com/2017/coding/php/start-slim-framework/
4. http://instaphp.com/ (Instagram)

React Native

1. https://akveo.github.io/react-native-ui-kitten/

2. https://www.gatsbyjs.org/ (Static Site for React)
3. https://github.com/tannerlinsley/react-form

Date Range Picker

1. https://github.com/airbnb/react-dates

Date Format JS

1. http://ow.ly/JxFY30bnJYE

WYSIWYG / Text Editor

1. https://jaredreich.com/pell

2. https://github.com/sofish/pen
3. https://github.com/ory/editor (Make HTML/CSS/JS)
4. http://nowodzinski.pl/syncope/

ICON - CSS Animation

1. https://icons8.com/c/animated-icons

2. https://icons8.com/

3. https://feathericons.com/
4. http://ow.ly/AYOf30bJPQ2
5. http://nagoshiashumari.github.io/Rpg-Awesome/
6. http://xtoolkit.github.io/Micon/

JSON / CSV ----> SQL

1. https://sqlify.io/convert

Generate Background Color dependent Images

1. http://benhowdle.im/grade/

Chart Real-Time

1. http://epochjs.github.io/epoch/

Chart

1. https://naver.github.io/billboard.js/
2. https://github.com/ConsoleTVs/Charts (For Laravel)

jQuery Plugins

1. http://nitinhayaran.github.io/jRange/demo/ (Range ปรับเลือกระดับ)
2. http://dsmorse.github.io/gridster.js/ (Dash board)
3. http://ow.ly/pqwZ30aj71s (Image Lightbox)
4. https://lucasgruwez.github.io/waffle-grid/
5. https://txpub.usgs.gov/dss/gwis/0.0/doc/#overview (GWIS หรือ Graphing Water Information System) (Data Chart)

6. https://gopalraju.github.io/gridtab/ (Tab)
7. http://gijsroge.github.io/tilt.js/
8. http://umbrellajs.com/

Sticky Navbar / Items

1. https://dollarshaveclub.github.io/stickybits/

Design by Sketch App

1. https://www.sketchapp.com/

2. https://plantapp.io/
3. https://www.figma.com/

Web on Desktop --> (Project JackCEO)

1. https://getpublii.com/

CSS Scroll / Parallex

1. https://infinite-scroll.com/
2. http://t-scroll.com

3. http://ow.ly/AANz30bnKx6

CSS show / hide

1. http://pedroduarte.me/wallop/

CSS Tooltip

1. http://ow.ly/eJnu30bXiob
2. https://atomiks.github.io/tippyjs/

Github 

1. https://getstandup.com/

2. https://github.atom.io/ (Atom)
3. https://www.gitshowcase.com/teerapuch (Make Profile on Github)
4. http://wp.me/p2JmZC-1lU (Git Command - CHEAT SHEET)

Query OS by Code

1. http://ow.ly/E25230cPix0 (Read more : https://web.facebook.com/teerapuch/photos/a.216190628472861.50640.143129885778936/1438517592906819/?type=3)

Staticrypt (เข้ารหัสหน้า HTML)

1. https://robinmoisson.github.io/staticrypt/

For E-mail

1. http://slicejack.github.io/bojler/
2. http://ow.ly/6ldZ30cjk2P

Live Stream

1. http://nilejs.com/

Paper Size CSS

1. http://ow.ly/jvmm30bXi9r

Color

1. http://ambiance.somethingjustlikethis.com/?ref=teerapuch
2. http://colorsupplyyy.com/app/

Slide Show

1. http://ow.ly/hVYp30bnJGR (4 Way)
2. https://zulko.github.io/eaglejs-demo/
3. https://webslides.tv/

Responsive Display

1. http://ow.ly/jmlZ30bnJop (Check Display)

Comment

1. http://ow.ly/lW5v30bnHP3

Modal

1. https://jessekorzan.github.io/expodal/

Generate Fake Data

1. http://ow.ly/E5Ie30bnHRz

Hi-light

1. http://ow.ly/j6IB30ba38l

Alert

1. http://carlosroso.com/notyf/

งาน Framework สำเร็จรูป

1. http://www.boilrplate.com/
2. https://www.emailthis.me/open-source/extension-boilerplate (สร้าง Extension ของ Browser)

JS for Raspberry Pi

1. https://cylonjs.com/

Train Coding

1. https://typing.io/

Tools for Laravel

1. http://ow.ly/5zHv30ajbx7 (Make Easy System - RBAC / Login)
2. https://github.com/codecasts/spa-starter-kit
3. https://the-control-group.github.io/voyager/

Tools for Node JS

1. https://treeline.io/

Docker

1. https://alpinelinux.org/

Group Chat open source

1. https://zulip.org/

User Management

1. http://www.userfrosting.com/

Map

1. https://github.com/hpneo/gmaps (Google Map)

Layout Move / Drag & Drop / Remove / Sort

1. https://haltu.github.io/muuri/

ATOM Editor

1. http://atomlinter.github.io/
2. https://atom.io/packages/remote-ftp (FTP on Atom Editor)

CSS STAT

1. https://github.com/juanv911/SocialCounters

Course - NETPIE IoT

1. https://www.facebook.com/teerapuch/posts/1286193768139203

QR Code

1. https://github.com/kciter/qart.js

Tools for WordPress Theme Framework

1. https://gearside.com/nebula/
2. https://wordpress.org/plugins-…/seriously-simple-podcasting/ (Padcast)

Refresh when Scroll Down

1. https://www.boxfactura.com/pulltorefresh.js/

Table HTML

1. https://www.dynatable.com/