Month: May 2016

แนะนำ responsive lightbox plugin ขนาดเล็ก ใช้งานง่าย

โค้ชเอก,

แนะนำ responsive light box plugin ขนาดเล็ก ใช้งานง่าย ขนาดเพียง 2kB เราแค่ระบุ data-lity เข้าไปใน html tag ก็ใช้ได้แล้วครับ ตัวอย่างการใช้งาน <a href=”‪#‎inline‬” data-lity>Inline</a> ดูรายละเอียดการใช้งานเต็มๆได้ที่นี่ http://sorgalla.com/lity/ Views: 1007

Continue Reading

แนะนำ 5 Date Picker (ปฏิทิน) ที่น่าใช้

โค้ชเอก,

1. Pickadate.js http://amsul.ca/pickadate.js 2. Bootstrap Datepicker https://github.com/eternicode/bootstrap-datepicker 3. jQuery UI datepicker https://jqueryui.com/datepicker/ 4. Zebra_Datepicker http://stefangabos.ro/jquery/zebra-datepicker/ 5. Eyecon.ro datepicker http://www.eyecon.ro/datepicker/ ถ้าให้เลือกตัวที่ชอบที่สุดน่าจะเป็น Pickdate.js (mobile-friendly,responsive) กับคู่มือที่ละเอียดดีจริงๆ Views: 31154

Continue Reading

13 ข้อ แนวทางการเพิ่มความเร็ว (Speed) ให้กับหน้าเว็บไซต์

โค้ชเอก,

จริงๆ แล้วการเพิ่มความเร็วให้หน้าเว็บเพจมีหลายวิธี โพสต์นี้จะเน้นไปที่ CSS นะครับ และเพิ่มเรื่องการจัดการรูปภาพให้ด้วยครับ   ……………………………………………………. 9 แนวทางเพิ่มความเร็วให้เว็บไซต์ด้วย CSS ……………………………………………………. 1. เขียนโค้ดแบบ Shorthand แน่นอนเมื่อโค้ดสั้นลง การประมวลผลย่อมน้อยลง ส่งผลให้หน้าเว็บโหลดเร็วขึ้น 2. หลีกเลี่ยงการทำ CSS Hacks ให้กับแต่ละบราวเซอร์ เพราะมันเพิ่มขนาดให้กับไฟล์และซับซ้อน 3. ลดขนาดไฟล์ของ CSS ลง เพื่อเพิ่มความเร็วในการโหลด 4. ควรเขียน CSS ใน tag <head> 5. พยายามใช้ external CSS เพียง 1 ไฟล์ 6. อย่าใช้การเรียกแบบ @import 7. เอา CSS ที่ไม่ใช้ออกให้หมด อย่าปล่อยทิ้งไว้…

Continue Reading

แนะนำ PouchDB

โค้ชเอก,

เป็น JavaScript Database (NoSQL) ที่ช่วยให้ web app หรือ mobile app ของเราเก็บข้อมูลแบบ offline ได้ และสามารถ sync กับ server ได้ทันทีที่ online! เหมาะมากสำหรับ app ใดๆก็ตามที่อยากเก็บข้อมูล local ไว้ตลอดเวลา และซิงค์กับ server ทันทีเมื่อออนไลน์ครับ ประยุกต์ใช้ได้เยอะมาก จะทำเป็นโปรแกรม chat ก็ได้ หรือจะทำเป็น app แบบ realtime ก็ยังไหว ลองใช้ดูครับ มีตัวอย่างเป็น todo app ให้ลองเล่นด้วย อ้อที่ว่า sync กับ Server หมายถึง เราต้องติดตั้ง CouchDB (คนละตัวกับ PouchDB…

Continue Reading

สรุป 14 คำสั่ง NPM ที่ใช้บ่อย สำหรับสาย Node.js

โค้ชเอก,

  • npm init เริ่มต้นใช้งาน และช่วยให้เราสร้าง และใส่รายละเอียดเกี่ยวกับโปรเจคของเรา (package.json) • npm install module_name ติดตั้ง module • npm install -g module_name ติดตั้ง module ในระดับ global • npm install module_name –save ติดตั้ง module และเพิ่มมันเข้าไปในไฟล์ package.json (ข้างใน dependencies) • npm install module_name –save-dev เหมือนกันกับข้างบน ติดตั้ง module และเพิ่มมันเข้าไปในไฟล์ package.json (ข้างใน dependencies) และบอกว่าจะนำมาช่วยในส่วนของนักพัฒนา • npm list…

Continue Reading

รวมลิงก์แหล่งศึกษา PHP 7 ที่ควรอ่านครับ

โค้ชเอก,

1. PHP Manual: Migrating from PHP 5.6.x to PHP 7.0.x https://secure.php.net/manual/en/migration70.php 2. PHP 7 UPGRADING doc https://github.com/php/php-src/blob/PHP-7.0.0/UPGRADING 3. PHP 7 Requests for Comments https://wiki.php.net/rfc#php_70 4. PHPNG (next generation) https://wiki.php.net/phpng 5. Getting Ready for PHP 7 https://www.digitalocean.com/…/blog/getting-ready-for-php-7/ 6. What to Expect When You’re Expecting: PHP 7, Part 1 https://blog.engineyard.com/2015/what-to-expect-php-7 7. What…

Continue Reading

แนะนำ 16 เว็บไซต์ ไว้ออกแบบ UI แนว Material Design

โค้ชเอก,

1. Material Design Lite (ของ google) http://www.getmdl.io/ 2. Material UI http://www.material-ui.com/#/home 3. Bootswatch Paper http://bootswatch.com/paper/# 4. MUI https://www.muicss.com/ 5. Leaf http://getleaf.com/ 6. Materialize http://materializecss.com/ 7. Polymer https://www.polymer-project.org 8. Angular Material https://material.angularjs.org/latest/ 9. LumX http://ui.lumapps.com/ 10. daemonite material http://daemonite.github.io/material/index.html 11. Angular 2 Material https://material.angular.io/ 12. MATERIAL DESIGN FOR BOOTSTRAP 4 http://mdbootstrap.com/ 13. Material design theme…

Continue Reading