สำหรับนักพัฒนาเว็บสามารถกำหนดให้ ข้อความ รูปภาพ ไปแสดงบน Facebook Google Twitter ได้ตามต้องการด้วย Tag ด้านล้างนี้
Canonical SEO เพื่อบอกลิงค์ที่แท้จริงของบทความ
วิธีใช้: ก็อปแท็กด้านล่างไปใส่ในส่วย < header > และลบช่องว่าง < meta ให้ตัวอักษรติดกัน
Social tags สำหรับ Google
< meta name="keywords" content="[ใส่ Keywords คั้นด้วย Comma(,)]"> < meta name="description" content="[คำอธิบาย 125 ตัว...
การจัดตำแหน่งส่วนหัว ข้อให้กราฟ Chart.js
โดย เขียนเว็บไซต์
Chart.js จะมี option ให้เลือกจัดได้ 3 อย่าง คือ title.position, title.align, title.textAlign
ดูตัวอย่างด้านล่างนี้
title.position: position of the box around the chart (top, left, right, bottom)
title.align: title alignment inside the layout box (start, center, end, stretch)
title.textAlign: horizontal alignment of text (left, center and right)
title.position is already i...
การแก้ปัญหา SQL Server
โดย เขียนเว็บไซต์
ปัญหาพื้นที่ Log ทำให้พื้นที่เต็ม
เมื่อมีข้อมูล 100,000 รายการ และมีผู้ใช้ต่อวันจำนวนมากจะเกิดปัญหาพื้นที่เต็มจากไฟล์ Log ที่ SQL Server จะเก็บ Log ทุกรายการ
วิธีแก้ปัญหาลดพื้นที่ด้วยคำสั่ง Shrink ทำดังนี้ > ให้คลิกขวาที่ฐานข้อมูล tempdb > เลือกคำสั่ง Tasks > เลือกคำสั่ง Shrink และ เลือกไฟล์
คลิกขวาที่ฐานข้อมูล tempdb
เลือกคำสั่ง Shrink และ เลือกไฟล์
นับจำนวนข้อมูลทีละหล...
Visual Studio Code หรือ VS Code Extension เสริมที่จำเป็...
โดย เขียนเว็บไซต์
VS Code หรือ Visual Studio Code สำหรับนักพัฒนาใช้เขียน Code ที่มาแรงสุด แนะนำให้ติดตั้งส่วนเสริมช่วยให้นักพัฒนา โปรแกรมเมอร์เขียนโค๊ดได้สะดวกง่ายขึ้น
สำหรับผู้สนใจอยากเขียนโปรแกรมจำเป็น ต้องมีใจรัก ต้องฝึกอ่านและลงมือทำในทันที เรียนรู้ในข้อผิดพลาด หลังจากหาวิธีแก้ไขปัญหาได้สำเร็จ ก็จะมีประสบการณ์เก่งขึ ้น
ลงโปรแกรม Visual Studio Code ได้ฟรี รองรับระบบ Windows, Linux, Mac
คลิก: https://c...
Handlebars ที่ใช้บ่อยสุด
โดย เขียนเว็บไซต์
Handlebars JS คือ Template HTML ที่เขียนด้วยภาษาจาวาสคริปต์โดยใช้ข้อมูลแบบ JSON วนลูปได้ผลลัพท์ออกมาเป็น HTML นำไปแสดงบนหน้าเว็บ ก็อปไปใช้จะช่วยงานได้เร็วขึ้น
#unless ตรวจสอบค่าเป็นเท็จ ตรงข้ามกับ #if จะตรวจสอบค่าเป็นจริง
{{#unless isValid}}
//do
{{/unless}}
นับจำนวน Array ด้วย Handlebarjs สามารถใช้ length วางไว้ใน Template ได้เลย
{{array.length}}
Handlebars การเข้าถึ...
คำค้น:
Handlebars ที่ใช้บ่อยสุด
ขั้นตอนติดตั้ง Python
โดย เขียนเว็บไซต์
ก่อนเริ่มเขียนภาษาไพธอน ต้องติดตั้งโปรแกรมก่อน ยกตัวอย่าง Windows
ดาวโหลดโปรแกรม Python คลิกลิงค์นี้: https://www.python.org/downloads/
เริ่มจากหน้าต่าง Setup > คลิกที่ Customize installation
ที่หน้าต่าง Advanced แนะนำให้ติกเลือกตามภาพด้านล่างนี้ และคลิก Install
รอจนโปรแกรมติดตั้งเสร็จ
เริ่มเขียนด้วย Editor เช่น Visual Studio Code (ฟรี), Sumlime Text (ใช้ได้ฟรี), Pyc...
คำค้น:
ขั้นตอนติดตั้ง Python
Animate Ajax ไอคอนขณะโหลดข้อมูล
โดย เขียนเว็บไซต์
Animate Ajax รวมไอคอนสำหรับแสดงบนเว็บให้ผู้ใช้รอขณะหน้าเว็บกำลังโหลด ข้อมูลยังไม่ครบ มี 3 ขนาดให้เลือกนำไปใช้ตามต้องการ
รูปลูกศรหมุดวน
รูปจุดไข่ปลา 3 จุด
รูปจุดไข่ปลาวงกลม สึเข้ม
รูปจุดไข่ปลาวงกลม สีเทา
รูปแท่ง
รูปลูกโลก
...
FPDF คำสั่ง Output ส่งออกเป็น PDF
โดย เขียนเว็บไซต์
FPDF คือ framwork ที่ใช้สร้าง pdf ในภาษา PHP
การส่งออกหรือการ Save ไฟล์จะมีให้ 3 พารามิเตอร์ I, D, F, S
หากไม่กำหนดพารามิเตอร์ I จะเป็นค่าเริ่มต้น
รูปแบบ: $html2pdf->output('example02.pdf', 'I');
ความหมายของพารามิเตอร์มีดังนี้
I: ส่งไฟล์ไปเปิดที่เบราว์เซอร์ สามารถดู PDF ได้ทันทีหาก Browser รองรับ
D: ส่งให้ผู้ใช้ดาวโหลด
F: บันทึกบน Server ตามชื่อที่กำหนด
S: เปิดเอกสารเป็นข้อความ
...
Bootstrap ที่ใช้บ่อยสุด
โดย เขียนเว็บไซต์
เครื่องมือที่ต้องใช้ทำเว็บด้วย Bootstrap เพื่อให้ทำงานได้อย่างรวดเร็ว
กำหนดวันที่เริ่มต้นของ Boostrap 4 DatePicker
$(".DateRightTranfer, .DateComReceiver").datepicker({
format: "dd/mm/yyyy",
autoclose: true,
startDate: "+1d",
});
การทำเมนู Dropdown สำหรับ Bootstrap 4
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; /*remove the gap so it doesn-t...
คำค้น:
Bootstrap ที่ใช้บ่อยสุด
การนำไฟล์ SVG แสดงบนเว็บ เช่นแสดงไอคอน
โดย เขียนเว็บไซต์
นำส่วนนี้ไปแสดงตามต้องการ โดยระบุ ID: icon-thai-flag ให้ตรงกันกับเนื้อหา
< svg class="icon-love" width="30px" height="22px"> < use xlink:href="#icon-thai-flag"> < /svg>
นำส่วนเนื้อหา SVG ไปไว้ท้าย Page
< svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" display="none">
< symbol id="icon-thai-flag" viewBox="0 0 52 29"> < style type="text/css"> .thai-flag-st0 { clip-path: url...
ปัญหา Adobe Illustrator ใช้ CPU 100%
โดย เขียนเว็บไซต์
หากรู้สึกคอมพิวเตอร์ทำงานหน่วง ๆ ให้กด Ctrl + Shift + ESC จะขึ้นหน้าจอ Task Manager เพื่อดูมีโปรแกรมใดกำลังทำงาน
ในบทความนี้พบ Illustrator 2020 ใช้ CPU 100% ย่อมทำให้เครื่องช้า
วิธีแก้ไข: ให้เปลี่ยนไปใช้เวอร์ชั่นที่ลดลงเช่น Illustrator 2019
...
ขั้นตอนทำลิงค์สั้น Facebook และ Messager
โดย เขียนเว็บไซต์
เพื่อให้ผู้ใช้ก็อป หรือพิมพ์น้อยที่สุด แล้วลิงค์ไป URL นั้น1. ดูตัวอย่างแรกย่อลิงค์ของ Facebook.com เครือข่ายค้นหาเพื่อน โพสต์ชีวิตประจำวัน
ลิงค์แต็มhttps://www.facebook.com/boonvongsaลิงค์ที่ย่อแล้วfb.com/boonvongsa
2. ดูตัวอย่างสอง ย่อลิงค์ของ Messenger.com สำหรับส่งข้อความคุยกัน หรือโทรผ่านเน็ตฟรี ต่างประเทศจะใช้เป็นส่วนใหญ่
ลิงค์แต็มhttps://www.messenger.com/t/boonvongsaลิงค์ที่ย่อแล้วm.me/...
การตั้งค่าอีเมล์ของ G-Suite รับและส่งเมล์
โดย เขียนเว็บไซต์
เพื่อให้ G-Suite รับและส่งอีเมล์บนชื่อเว็บของเราได้เช่น info@guimee.com ต้องตั้งค่า MX (หากเช่าโฮส ให้แจ้งผู้ดูแลเพิ่มให้บน Server)
ค่าสำหรับระเบียน MX ของ G Suite มีดังนี้
ชื่อ/โฮสต์/ชื่อแทนTime to Live (TTL*)ประเภทระเบียนลำดับความสำคัญค่า/คำตอบ/ปลายทาง
@ หรือเว้นไว้
3600
MX
1
ASPMX.L.GOOGLE.COM
@ หรือเว้นไว้
3600
MX
5
ALT1.ASPMX.L.GOOGLE.COM
@ หรือเว้นไว้
3600
MX
...
IIS Redirect ลิงค์ http เป็น https
โดย เขียนเว็บไซต์
IIS Redirect ลิงค์ http เป็น https วิธีคือแก้ไฟล์ web.config ใส่แท็กด้านล่าง
<configuration> <system.webServer> <rewrite> <rules> <rule name="HTTPS force" enabled="true" stopProcessing="true"> <match url="(.*)" /> <conditions> <add input="{HTTPS}" pattern="^OFF$" /> </conditions> <action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" redirectType="Permanent" /> </rule> </rules> </rewri...
ขั้นตอนสร้างเมล์เสมื อนใน NameCheap
โดย เขียนเว็บไซต์
การสร้างเมล์เสมือนขึ้นเพื่อใช้รับอีเมล์ โดยทุกเมล์จะส่งไปเก็บที่อีเมล์หลัก เช่น info@guimee.com เป็นเมล์หลัก สามารถสร้างเมล์เสมือน webmaster@guimee.com ใช้เฉพาะรับเมล์เท่านั้น เป็นเหมือนชื่อไม่ต้องมีอีเมล์จริง ๆ ก็รับเมล์ปกติได้
ขั้นตอน: Login > ไปที่เมนู Domain List > Manage Aliases > ตั้งชื่อเมล์เสมือนตามต้องการได้สูงสุด 10 ชื่อ
...