เว็บไซต์คืออะไร?

The Arks - Dev Solution

The Arks Company

CONTACT FOR WORK :
[email protected]
091-8615209 P.Perapat Pongsuwan

17/05/2023

ห่างหายกันไปนานเลย วันนี้แอดเอาวิธีการทำ Scroll Indicator มาฝากกัน
พูดง่าย ๆ คือเวลาเราเลื่อนหน้าจอขึ้นลงจะมีแทบบอกว่าเราเลื่อนใกล้สุดเพจหรือยัง เหมือนที่เราเคยเห็นตามเว็บเพจต่าง ๆ นั้นแหละ
_____________________
The Arks - Dev Solution

17/04/2023

⚠️วันนี้มีโค้ดมาแจก⚠️

หยุดยาวสงกรานต์เป็นไงบ้าง ส่วนแอดนั้นร่างจะพังอยู่แล้ว 55555 🤣

ผ่านหยุดยาวมา ก็มีโค้ดมาแจกกันนะ เป็น Landing Page Portfolio แบบง่าย ๆ ที่ทุกคนเอาไปใช้หรือพัฒนาต่อได้เลยนะ

ฝากกดไลค์ กดแชร์ กันด้วยนะทุกคน

Download : https://bit.ly/3KC18Gq
Demo : https://bit.ly/3ok8jM5

________________________
- The Arks - Dev Solution -

11/04/2023

เบื่อกันมั้ยกับสีข้อความแบบเดิม ๆ วันนี้แอดมาแชร์เทคนิคเปลี่ยนสีข้อความแบบธรรมดา ๆ ให้สวยขึ้นได้ด้วย image text css กัน

ทั้งง่าย ทั้งสวย แบบนี้จะไม่ใช้ได้ยังไง

________________________
- The Arks - Dev Solution -

07/04/2023

ช่วงนี้แอดหายไปนานเพราะยุ่ง ๆ กับงานอยู่
วันนี้แอดเลยแวะเอาทิปเล็ก ๆ น้อย ๆ เกี่ยวกับการลบข้อมูลซ้ำที่อยู่ใน array มาฝากกันนะ เผื่อเอาไปประยุกต์ใช้กับงานกันน้า

________________________
- The Arks - Dev Solution -

02/04/2023

🥳 วันนี้แอดมีโค้ดมาแจกกันทุกคนนน 🥳

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

อย่าลืมกดไลค์ กดติดตามให้ด้วยน้า

Demo : https://hover-card-1.web.app/
Download Code : https://mega.nz/folder/sEgUlZ5L

_______________________
- The Arks - Dev Solution

31/03/2023

โค้ด css ยาวจังเลยน้าา ทำยังไงให้โค้ดสั้นลงแล้วคลีนขึ้นได้บ้าง

ลองมาเปลี่ยนวิธีเขียน css ให้สั้นลงด้วย Shorthand CSS กัน
วันนี้แอดเลยเอาการเขียนแบบ shorthand เนี่ยมาให้ดูกันบางส่วนนะว่าเขียนยังไงได้บ้าง

_______________________
- The Arks - Dev Solution -

29/03/2023

ถ้าเขียน css มาสักพักจะต้องเจอกับ nth-child แน่ ๆ ว่าแต่มันคืออะไรแล้วใช้ยังไงกันนะ?

พูดง่าย ๆ คือ nth-child เป็น css selector ที่ช่วยในการแสดงผลสไตล์ตามลำดับที่เราต้องการ ไม่ว่าจะเป็น child ที่อยู่ในจำนวนคู่หรือคี่ จะตัวแรกหรือตัวสุดท้าย ก็จะใช้ nth-child นี่แหละในการกำหนด

แต่จะใช้งานยังไงแล้วมีอะไรบ้าง วันนี้เราได้เอาตัวอย่างการใช้งานง่าย ๆ มาให้ดูแล้ว

- The Arks - Dev Solution -

27/03/2023

css border style ไม่ได้มีแค่ solid นะ ว่าแต่มันมีอะไรบ้าง วันนี้มาดูกันเลย

___________________________
- the The Arks - Dev Solution -

24/03/2023

จากโพสก่อนหน้านี้เราได้เรียนรู้เรื่องการจัดเลย์เอาต์ด้วย css flex order ไปแล้ว

วันนี้เรามาดูสิ่งที่เรียกว่า justify-content กันดีกว่าว่าใช้งานยังไง สะดวกในการจัดเลย์เอาต์ขนาดไหน

บอกได้เลยว่าง่ายสุด ๆ จะจัดหน้าจัดหลังจัดเท่า ๆ กัน ก็ได้หมด 🥰

_______________________

22/03/2023

เรามีกิจกรรมแจกโค้ดมาฝากกันนนน 🥳

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

เพียงแค่มีผู้ติดตามในเพจครบ 300 ผู้ติดตามเราจะแจกทันทีเลยนะ 🫰

อย่าลืมแชร์แล้วพาเพื่อนมาติดตามกันเยอะ ๆ น้า