Earthchie Software Engineer, Front-end Developer, Google Fanboy

Page 3 of 6

อัพเดต CKEditor Edit in Place เป็นเวอร์ชัน 2.0

ckeditor

ผ่านไปสองปีแล้วนะครับ หลังจากที่ผมปล่อย script สำหรับทำ Edit in Place ด้วย CKEditor
น่าแปลกใจที่แม้จะผ่านไปแล้วกว่าสองปี แต่ลูกเล่น Edit in Place ก็ยังดูล้ำอยู่เลย

ประกอบกับมี Feedback มาว่าของเดิมใช้ไม่ค่อยได้แล้ว เพราะ dependency เยอะไปหน่อย
เวลา CKEditor ออกเวอร์ชันใหม่ๆ เอาไปใช้ร่วมกันลำบาก แถมจะลงปลั๊กอินอะไรเพิ่มก็ลำบาก

ตอนนี้ CKEditor พัฒนาไปไกลแล้ว จริงๆ ถ้าใครคล่อง javascript หน่อยก็สามารถทำ edit in place ได้เองไม่ยาก เพราะมันพัฒนา API มาให้อยู่แล้ว
แต่ก็นะ มันยังยุ่งอยู่ไง ติดนิสัยขี้เกียจ 55
เพราะปลั๊กอินตัวเดิมแค่ใส่คลาส editable กับ data-handler มันก็จัดการทุกอย่างให้เสร็จสรรพ ให้มาเขียนโค้ดใหม่ยาวๆ ก็ไม่เอาแล้ว ขี้เกียจ

ผมเลยตัดสินใจทำเวอร์ชัน 2.0 ขึ้นมา โดยทำการปัดฝุ่น เขียนโค้ดใหม่ทั้งหมด และยังใช้ CKEditor เหมือนเดิม
เพราะพูดตามตรง มี WYSIWYG Editor เกิดใหม่เยอะแยะ แต่ไม่มีอันไหนถูกจริตผมเท่า CKEditor เลย

เวอร์ชันนี้ก็คงคอนเซ็ปต์ใช้งานง่ายไว้เหมือนเดิม แล้วก็เพิ่มในส่วนของความยืดหยุ่น และ dependency ที่พอดีๆ ไม่กระทบปลั๊กอินตัวอื่น

ตัวอย่างว่าอะไรคือ Edit in Place นะครับ ลองดับเบิลคลิกข้อความนี้ดู

อ่านต่อ

On Page SEO เบื้องต้น – Focus Keyword

GA_Home_Hero_02_social

 

ออกตัวก่อนเลยว่าผมก็เป็นมือใหม่ เพิ่งศึกษา SEO ได้ไม่นาน แต่ในช่วงที่ผมกำลังศึกษาวิธีทำ SEO นั้นผมพบว่า หาบทความที่ตอบโจทย์ผมไม่ได้เลย

บทความที่ผมอยากได้คือ ไม่ต้องยาวลงละเอียดมากก็ได้ แค่ช่วยสรุปมาเป็นข้อๆ เลย ว่าต้องทำอะไรตรงไหนบ้าง
มัวแต่สาธยายอยู่นั่นแหละ ว่า search engine ทำงานยังไง ซึ่งผมไม่แคร์ไง 555

เลยไปจบที่ข้อมูลตามเว็บบอร์ดครับ ไปแอบอ่านคนอื่นคุยกัน เออแฮะ แบบนี้สิ สั้นดี เข้าใจง่าย
แต่มันกระจัดกระจายชะมัดเลย

ดังนั้นบล็อกนี้จึงขอเสนอตัวเป็นทางเลือกสำหรับคนที่มองหาบทความ SEO กระชับๆ แบบเดียวกับที่ผมเคยมองหาครับ อ่านต่อ

[experiment] คำสั่ง random string สั้นๆ ใน javascript

randomnumber_wordle

พอดีเพิ่งรู้ว่าคำสั่ง toString() ใน javascript เนี่ยสามารถใช้แปลงเลขฐานได้ ตั้งแต่ฐาน 2-32 เลย ตัวอย่างเช่น

(15).toString(16);

จะได้ f ออกมาเพราะ 15 ฐาน 10 คือ f ในเลขฐาน 16

ไอเดียบรรเจิดครับคราวนี้ มันผุดขึ้นมาในหัวว่าสามารถเอาไปประยุกต์ใช้กับการ random string ได้นี่หว่า แบบได้โค้ดสั้นๆ เลย อ่านต่อ

หนังสั้น The Expert (มีซับไทย)

เวลาไม่ค่อยมีเขียนบล็อก ขอมักง่ายเอาแบบนี้ละกัน ง่ายดี 55

หนังสั้นเรื่องนี้ ชื่อเรื่องว่า The Expert ครับ

เป็นการเสียดสีให้เข้าใจว่าฝ่ายเทคนิคอย่างเราๆ เหนื่อยยังไง เวลาออกไปรับมือกับลูกค้า

ดูแล้วก็ฮาปนน้ำตาดีครับ 55 T^T

ซับไทยอยู่ล่างๆ เลยนะครับ อันที่ 4 นับจากด้านล่างขึ้นมา อ่านต่อ

โปรเจคนี้ คิดกี่บาท?

dibbble-shot
ที่มาภาพ Abdullah Noman

เป็นคำถามที่ฟรีแลนซ์มือใหม่ใคร่รู้เหลือเกิน ว่าโปรเจคที่จะทำเนี่ย “ควรคิดกี่บาท” บางท่านก็ใช้วิธีกะเอา กะว่าหมื่นนึง กะว่าแสนนึง (เดาล้วนๆ)
ซึ่งจากที่อยู่ในกรุ๊ปชมรมคนทำเว็บมาประมาณ 1 ปี สิ่งที่ผมเจอทุกๆ เดือนคือคำถามที่ว่า โปรเจคนี้ คิดกี่บาท?

คนที่มาตอบก็มีหลากหลาย บางคนก็เดามาตอบ คิดเอาเองจากโปรเจคคล้ายๆ กัน น้อยคนจะตอบด้วยหลักการที่ถูกต้อง – ขอย้ำตรงคำว่าน้อยคน…
คงเป็นเพราะคำถามนี้โดนถามบ่อย และคำตอบที่ถูกต้อง ไม่ใช่คำตอบสั้นๆ จะให้พิมพ์ตอบกันยาวๆ บ่อยๆ ก็ไม่ไหว

แล้วทำไมเราไม่เขียนเป็นบันทึกเอาไว้ แล้วแปะลิงค์ให้แทนล่ะ? – ผมถามคำถามนี้กับตัวเอง พร้อมๆ กับคลิกที่แท็ป Files หวังจะสร้างบันทึกใหม่เกี่ยวกับประเด็นที่ว่า “คิดกี่บาท”
แต่พอคลิกไปแล้วถึงกับสะพรึง เพราะมันรกมาก เต็มไปด้วย script ของผู้ที่มาถามคำถาม โครงการสร้างบันทึกจึงเป็นอันต้องล้มเลิกไป เพราะเกรงว่าเขียนไปแล้ว จะหาไม่เจอ

แต่ตอนนี้มีบล็อกละ เปลี่ยนมาเขียนในนี้แทนละกัน ^_^ อ่านต่อ

« Older posts Newer posts »

Copyright © 2019 Earthchie

Theme by Anders NorenUp ↑