สำหรับคนที่เขียน CSS แล้วไม่เข้าใจ ไม่เห็นภาพว่าโค้ดที่เขียนจะมีหน้าตาเป็นแบบไหน แนะนำให้ใช้เว็บนี้นะครับ เค้าจะมีภาพประกอบให้เราดูด้วย รายละเอียด: http://cssreference.io/
แนะนำ Howler.js ครับ
แนะนำ Howler.js ครับ เป็น Audio library สำหรับ modern web สามารถควบคุมการเล่นเสียงทุกรูปแบบ และยังข้าม platforms ด้วย แน่นอนเราสามารถประยุกต์ใช้กับ Hybrid Mobile App ได้เหมือนกัน ตัวนี้ google, disney, NASA, EA ก็ใช้นะ ลองดูครับ รายละเอียดและ DEMO: https://howlerjs.com/
แนะนำ library เกี่ยวกับความปลอดภัย Node.js
สำหรับคนที่เขียน Node.js หรือเขียน JavaScript วันนี้มาแนะนำ library เกี่ยวกับความปลอดภัย 2 ตัวครับ ได้แก่ 1. retire.js เป็น Library ใช้สำหรับแสกนหาช่องโหว่ที่เป็นอันตรายต่อระบบของเราโดยจะเช็คว่า library ต่างๆที่เราใช้ในโปรเจคมีช่องโหว่อะไรหรือไม่ (เช็คจาก package.json ที่เราใช้) รายละเอียด: https://goo.gl/Za9JmZ . 2. ส่วนอีกตัวจะเป็น Node Security Platform ครับ คล้ายกันกับ retire.js ไว้คอยเช็คช่องโหว่และความปลอดภัยเหมือนกัน การใช้งานง่ายมากครับ แค่สั่งติดตั้ง npm install -g nsp และถ้าจะสแกนโปรเจคก็สั่ง nsp check แค่นี้ รายละเอียด: https://goo.gl/1dHH4e ก่อนขึ้น production อย่าลืมตรวจสอบกันด้วยนะครับ 🙂 — โค้ชเอก
Bootstrap 4 beta มาแล้ว!! สรุปสั้นๆ 14 ข้อ เกี่ยวกับ Bootstrap 4 beta ครับ
Bootstrap 4 beta มาแล้ว!! มาอ่านสรุปสั้นๆเกี่ยวกับ Bootstrap 4 beta กันครับว่ามีอะไรใหม่ๆ หรือแตกต่างจากเวอร์ชัน 3 ยังไงบ้าง . 1. เปลี่ยนจากใช้ Less มาเป็น Sass 2. ไม่มี thumbnails, wells และ panels แล้วนะครับ แต่จะมี Cards component ให้ใช้แทน (เขียนด้วย flexbox) 3. มีการใช้ HTML resets ชื่อว่า Reboot (cross-browser rendering) โดย forked จาก normalize.css อีกที 4. ไม่รองรับ IE8,IE9 แล้วนะครับ ถ้าใครจะใช้ก็ให้ไปใช้ Bootstrap เวอร์ชัน 3 แทน 5. สำหรับ…
สรุป 11 สิ่งใหม่ที่น่าสนใจใน “Laravel 5.5” ครับ
สรุป 11 สิ่งใหม่ที่น่าสนใจใน “Laravel 5.5” ครับ ปลายๆเดือน ก.ค. 60 นี้น่าจะได้ใช้กันแล้ว 1. Hosting หรือ Server ที่ใช้ต้องรองรับ PHP 7.0 ขึ้นไปครับ ส่วน MySQL ถ้าให้ดีแนะนำเวอร์ชัน 5.7+ เลยครับผม . 2. เป็น LTS (Long Term Support) ครับสำหรับเวอร์ชันนี้ จะมีการดูแล bug ต่างๆให้ 2 ปี และดูแลเรื่องความปลอดภัยให้ 3 ปี . 3. กลับมาใช้ Whoops ซึ่งเป็น framework สำหรับแสดงและจัดการ errors ต่างๆ (เคยมีใช้ใน Laravel 4) . 4. หากเราใช้คำสั่ง php…
สรุป 13 คำสั่ง การใช้งาน Angular CLI ที่ใช้บ่อยๆ ครับ
Angular CLI เป็นเครื่องมือแบบ command line interface ช่วยให้เราเขียน Angular ได้ง่าย และยังช่วยจัดโครงสร้างและโค้ดให้ถูกต้องตามหลักของ Best Practices อีกด้วย ถ้าใครจะเริ่มเขียน Angular ก็แนะนำให้ใช้ และศึกษาได้เลยครับ 🙂 . 1. ติดตั้ง Angular CLI (แบบ global) ด้วยคำสั่ง npm install -g @angular/cli . 2. ดู help ทั้งหมดของ Angular CLI ด้วยคำสั่ง ng help . 3. ดูเวอร์ชัน Angular CLI ด้วยคำสั่ง ng -v . 4. เปิดดู doc และค้น keyword ในเว็บ…
สรุป PHP Web Application Security
1. ต้อง Validate input หรือตรวจสอบความถูกต้องของข้อมูลทุกอย่างที่นำเข้ามา เช่น ต้องตรวจสอบว่ามีข้อมูล หรือใช่ข้อมูลที่เราต้องการจริงๆ หรือใหม่ เช่น การใช้ isset(), ?? operator, is_*() อาจเขียนเอง หรือใช้ ctype Extension หรือ ฟังก์ชัน filter_var, filter_input ส่วนใน PHP 7 ให้ใช้ความสามารถของ Type Declarations โดยต้องประกาศคำสั่ง declare(strict_types=1); ไว้บนสุดของไฟล์ เพื่อ strict ชนิดของตัวแปรครับ 2. การป้องกัน Cross-site Scripting (XSS) ต้องมีการกรอง หรือ Filtering Input เสมอ เช่น – ใช้คำสั่ง strip_tags($s) เพื่อเอาคำสั่ง HTML ออกไป หรือจะใช้คำสั่ง filter_var($s, FILTER_SANITIZE_STRING)…
Laravel 5.3 มาแล้วครับ!
ใน Laravel 5.3 คร่าวๆ จะมี Features ใหม่ ที่น่าสนใจ ดังนี้ – Laravel Scout เป็นระบบค้นหา (รองรับ full-text search) สำหรับ Eloquent ไม่ต้องเขียนเองแล้ว และมาพร้อมกับ Pagination ด้วย – Laravel Mailable เป็นคลาสใหม่ สำหรับใช้ส่งเมล แน่นอนง่ายกว่าเดิม – Laravel Passport เป็น package สำหรับ OAuth 2 สำหรับทำล็อกอินเชื่อมต่อ facebook, twitter และอื่นๆ – Laravel Notifications เป็นระบบแจ้งเตือน ไว้แจ้งเตือน SMS, Email หรือ Slack ก็ได้ – Rollback one migration สามารถ…
แนะนำ package CKEditor กับ File Manager สำหรับ Laravel 5.2
แนะนำ package CKEditor กับ File Manager (ใช้ร่วมกัน) สำหรับคนที่เขียน Laravel 5.2 ครับ เท่าที่ผมลองใช้ดู คิดว่ามือใหม่ติดตั้งได้ไม่ยากเลย🙂 1. ให้ติดตั้ง CKEditor ก่อน รายละเอียด https://goo.gl/ZQBvN7 2. แล้วต่อด้วย File Manager ตามนี้ https://goo.gl/E05NBS config ให้ดูตามคู่มือของแต่ละตัวนะครับ ไม่ยาก ลองดูครับผม
PrimeNG เป็น UI components สำหรับ Angular 2
PrimeNG เป็น UI components สำหรับ Angular 2 ครับ เผื่อใครอยากลอง สวยและน่าใช้ทีเดียว รายละเอียด: http://goo.gl/4pChbo อีกตัวสำหรับคนที่คุ้นเคย Bootstrap อยู่แล้ว ก็แนะนำตัวนี้เลยครับ เป็น native คือ ไม่ต้องเพิ่ม jQuery หรือ JS ของ Bootstrap เข้ามา รายละเอียด: http://goo.gl/UwQpC2 สำหรับคนที่รอคอร์ส Angular 2 อยู่ ช่วงนี้ขอเคลียร์งานค้างก่อนนะครับ ไว้ผมจะแจ้งในเพจอีกที