TOSDN http://www.tosdn.com Thailand Open Source Development Network Wed, 20 Aug 2014 04:29:53 +0000 en-US hourly 1 http://wordpress.org/?v=3.9.2 BugDay Bangkok 2014 ตอน สวัสดี Automate Testing http://www.tosdn.com/lifestyle/update/bugday-bangkok-2014 http://www.tosdn.com/lifestyle/update/bugday-bangkok-2014#comments Wed, 20 Aug 2014 04:26:31 +0000 http://www.tosdn.com/?p=1650 Posted by few on BugDay Bangkok 2014 ตอน สวัสดี Automate Testing

BugDay เป็นงานเกี่ยวกับเรื่องของการมาแบ่งปันประสบการณ์ในด้านของ Software Testing และ Software Quality Assurance/Control แบบที่ จับต้องได้ เน้นเอาประสบกาณ์มาแบ่งปันจากคนที่ลงมือทำจริงๆ

The post BugDay Bangkok 2014 ตอน สวัสดี Automate Testing appeared first on TOSDN.

]]>
Posted by few on BugDay Bangkok 2014 ตอน สวัสดี Automate Testing

BugDay เป็นงานเกี่ยวกับเรื่องของการมาแบ่งปันประสบการณ์ในด้านของ Software Testing และ Software Quality Assurance/Control แบบที่ จับต้องได้ ทำมาเอง เจ็บจริง เลือดออก มือเปื้อนทั้ง ดิน โคลน หรือ เลือด จริงๆ เน้นเอาประสบกาณ์มาแบ่งปันจากคนที่ลงมือทำจริงๆ

BugDay Bangkok 2014 ครั้งนี้ เราจะไปเลี้ยงอาหารกลางวัน บริจาคของใช้และอาหารสำหรับเด็กอ่อน และเวชภัณฑ์ยาที่จำเป็น ที่ สถานสงเคราะห์เด็กอ่อนพิการทางสมองและปัญญาบ้านเฟื่องฟ้า อ.บางเก็ด จ.นนทบุรี (http://www.fuengfah.com/)

โดยจะขอรับเป็นเงินบริจาค และสิ่งของใช้และอาหารสำหรับเด็กอ่อน และเวชภัณฑ์ยา แทนเงินค่าตั๋วเข้างาน รายละเอียดจะแจ้งให้ทราบอีกครั้งที่ www.welovebug.com

วันพบปะ

  • วันพฤหัสบดีที่ 18 กันยายน พ.ศ. 2557
  • เวลา 09:00น. – 17:00น.

หัวข้อแบ่งปัน

  • กำลังจะมา

กำหนดการ

  • 08:30 – 09:30 ลงทะเบียน ณ ชั้น 3 อาคาร Software Park
  • 09:30 – 09:45 กล่าวต้อนรับและเปิดงานโดยผู้อำนวยการเขตอุตสาหกรรมซอฟต์แวร์ประเทศไทย
  • 09:45 – 10:00 Welcome to BugDay Bangkok 2014
  • 10:00 – 10:45 <หัวข้อแบ่งปัน>
  • 10:45 – 11:30 <หัวข้อแบ่งปัน>
  • 11:30 – 12:15 <หัวข้อแบ่งปัน>
  • 12:15 – 13:15 พักรับประทานอาหารกลางวัน
  • 13:15 – 14:00 <หัวข้อแบ่งปัน>
  • 14:00 – 14:45 <หัวข้อแบ่งปัน>
  • 14:45 – 15:30 <หัวข้อแบ่งปัน>
  • 15:30 – 16:15 <หัวข้อแบ่งปัน>
  • 16:15 – 17:00 เสวนาพาเพลิน และปิดงาน

* หมายกำหนดการจะมีการเปลี่ยนแปลง

แผนที่การเดินทางมางาน

แผนที่การเดินทางมายัง Software Park Thailand

software park thailand map

ติดต่อสอบถาม

ข้อสงสัย หรือต้องการสอบถามข้อมูลใดๆ หรือสนใจสนับสนุน ติดต่อได้ที่

  • Email: webmaster@welovebug.com
  • Twitter: @welovebug
  • Facebook Group: https://www.facebook.com/groups/welovebug/
  • hastag: #bugdaybkk2014

The post BugDay Bangkok 2014 ตอน สวัสดี Automate Testing appeared first on TOSDN.

]]>
http://www.tosdn.com/lifestyle/update/bugday-bangkok-2014/feed 0
Google Web Starter Kit – Boilerplate & Tooling for Multi-Device Development http://www.tosdn.com/developer/css-html/google-web-starter-kit http://www.tosdn.com/developer/css-html/google-web-starter-kit#comments Fri, 20 Jun 2014 10:02:37 +0000 http://www.tosdn.com/?p=1644 Posted by few on Google Web Starter Kit – Boilerplate & Tooling for Multi-Device Development

Start your project with the Web Starter Kit and ensure you're following the Web Fundamentalsguidelines out of the box.

The post Google Web Starter Kit – Boilerplate & Tooling for Multi-Device Development appeared first on TOSDN.

]]>
Posted by few on Google Web Starter Kit – Boilerplate & Tooling for Multi-Device Development

Your starting point for building great multi-device web experiences

  • Multi-device responsive boilerplate

    A responsive boilerplate optimized for the multi-screen web, with a high PageSpeed Insights performance score.

  • Living component style guide

    A visual design system for documenting your site’s components that evolves as it does.

  • Cross-device Synchronization

    Synchronize clicks, scrolls, forms and live-reload across multiple devices as you edit your project. Powered by BrowserSync.

  • Live Browser Reloading

    Reload the browser in real-time anytime an edit is made without the need for an extension.

  • Performance optimization

    Minify and concatenate JavaScript, CSS, HTML and Images to help keep your pages lean.

  • Built in HTTP Server

    A built in server for previewing your site means you can test your pages without messing with other tools.

  • PageSpeed Insights Reporting

    Web performance metrics showing how well your site performs on mobile and desktop.

  • Sass support

    Compile Sass into CSS with ease, bringing support for variables, mixins and more.

mobile pixel

  • Responsive Layout

    Responsive layout is included with the kit that adapts to fit the device your user is viewing it on. This helps you hit the ground running with an experience that looks good everywhere.

  • Performance in mind

    Web Starter Kit strives to give you a high performance starting point out of the box and we actively work on delivering the best PageSpeed Insights score and frame-rate possible.

  • Delete-key friendly

    Create a tailored starter kit by taking only what you need, and easily deleting anything you don’t.

The post Google Web Starter Kit – Boilerplate & Tooling for Multi-Device Development appeared first on TOSDN.

]]>
http://www.tosdn.com/developer/css-html/google-web-starter-kit/feed 0
GitHub Octicons – icon font for anyone http://www.tosdn.com/designer/freebie/github-octicons http://www.tosdn.com/designer/freebie/github-octicons#comments Wed, 18 Jun 2014 03:15:39 +0000 http://www.tosdn.com/?p=1640 Posted by few on GitHub Octicons – icon font for anyone

Way back in 2012, social coding community GitHub launched its own icon font called Octicons, leveraging what it called at the time “CSS3 techniques like rounded corners, gradients, and @font-face across all pages of the site.”

The post GitHub Octicons – icon font for anyone appeared first on TOSDN.

]]>
Posted by few on GitHub Octicons – icon font for anyone

Octiconsไอคอนฟรีๆจาก GitHub เป็นการพัฒนาจาก Font และ CSS3 จึงทำให้ย่อ-ขยายดูขนาดไหนก็ยังสวยงามคงเดิม เหมือนกับ Font Awesome Icons ของ Bootstrap

Way back in 2012, social coding community GitHub launched its own icon font called Octicons, leveraging what it called at the time “CSS3 techniques like rounded corners, gradients, and @font-face across all pages of the site.”

This was designed to be as much about aesthetics for the emerging retina-screened products as it was about site performance, and was used across many of GitHub’s sites, including its hackable text editor Atom. Now, GitHub has announced it’s making them available for anyone and everyone to download and use.

The post GitHub Octicons – icon font for anyone appeared first on TOSDN.

]]>
http://www.tosdn.com/designer/freebie/github-octicons/feed 0
osTicket – Widely-used and trusted open source support ticket system http://www.tosdn.com/developer/php/osticket-widely-used-trusted-open-source-support-ticket-system http://www.tosdn.com/developer/php/osticket-widely-used-trusted-open-source-support-ticket-system#comments Sat, 10 May 2014 09:23:48 +0000 http://www.tosdn.com/?p=1621 Posted by few on osTicket – Widely-used and trusted open source support ticket system

ปกติผมใช้ Redmine และพยายามหาตัวใช้แทนอยู่ แต่ต้องการนำมาติดตั้งเอง้ดวย PHP ซึ่งคิดว่าตัวนี้ค่อนข้างใกล้เคียง ออกแบบ Input ได้เอง ระบบค้นหา ระบบฟีลเตอร์ (Filter) ระบบสรุปรายงาน การส่งต่อหรือสั่งงาน การตั้ง SLA หรือแม้แต่การส่งโน๊ตคุยกันเอง ทำได้หมดเลยครับ

The post osTicket – Widely-used and trusted open source support ticket system appeared first on TOSDN.

]]>
Posted by few on osTicket – Widely-used and trusted open source support ticket system

osTicket is a widely-used and trusted open source support ticket system. It seamlessly routes inquiries created via email, web-forms and phone calls into a simple, easy-to-use, multi-user, web-based customer support platform. osTicket comes packed with more features and tools than most of the expensive (and complex) support ticket systems on the market. The best part is, it’s completely free.

Custom Fields

Customize the data collected from users when submitting a ticket to help get straight to the issue.

You can create custom lists of data to add to each ticket or specific help topics for clients to choose from when creating a ticket. Custom Fields/Forms/Lists can be added to each web ticket created or only show up when a specific help topic is chosen. They can be configured as best suits your business needs.

Rich Text HTML

Rich text or HTML email, is supported and allows for rich text markup in staff replies and internal notes posted to the ticket thread.

Auto-Response templates also contain the rich text which allows you to further brand your help desk to your customers by adding your logo. Pictures as well as video can be added to a ticket when responding. (Can you say, SCREEN SHOTS!)

Ticket Filters

Define rules to route incoming tickets to the right departments or staff members, and action triggers.

By using the filter system, osTicket empowers you to automate the creation and routing of tickets. Set actions such as ticket rejection, automatic department assignment or even send a canned response!

Help Topics

Configurable help topics for web tickets. Route inquiries without exposing internal departments or priorities.

Tickets can be streamlined for faster response times by being routed to pre-determined departments. Combined with custom forms, you can design a form for a specific help topics to gather additional information for specific requests.

Agent Collision Avoidance

Ticket locking mechanism to allow staff to lock tickets during response and avoid conflicting or dual responses.

Avoid multiple agents responding to the same ticket at the same time! You set the amount of time the lock remains on a ticket. When a ticket is locked, other staff can not respond to the ticket until the lock expires.

Assign and Transfer

Transfer tickets between departments to make sure it’s being handled by the correct staff. Assign tickets to a staff or to a team.

Tickets can be auto-assigned by help topics or departments when they arrive, but what if they need to be reassigned? No problem! You can reassign tickets to staff or a team of staff or transfer to a different department all together. Transfers and assignment notes are logged as internal notes in the ticket thread so you can keep track of where the ticket has been routed to for processing.

Auto-Responder

Configurable automatic reply sent out when a new ticket is opened or a message is received.

Auto responses can be formatted to pull information from the ticket to personalize the email. osTicket supports placeholder variables such as %{ticket.name.first}which will become the user’s first name when the automated response is sent. Auto responses can be edited and customized for each department and associated with help topics.

Internal Notes

Add internal notes to tickets for staff. Activity logs let you see events or actions that have been taken, when they took place, and by whom.

Service Level Agreements

SLA Plans allow you to track tickets and due dates without the hassle.

Get overdue alerts and notices on missed due dates, and priority escalation. Create an unlimited number of SLA Plans and assign them to help topics, departments or ticket filters.

Customer Portal

All support requests and responses are archived online. User can login using email and ticket ID. No user account or registration required to submit a ticket.

Dashboard Reports

Get system overview and basic historical statistics on tickets count and status per department, staff and help topics.

Dashboard reports give you an at a glance view at the performance and functionality of your help desk. You can also download and export more ticket detail by preforming an advanced search from the ticket que.

Locked-2 Rich Text Response Screen Shot 2013-12-05 at 9.23.26 AM Screen Shot 2013-12-05 at 9.24.22 AM Screen Shot 2013-12-05 at 9.25.23 AM SLA Plans Ticket Assignment 2 Ticket Filters tour-003 tour-004 Auto Responses Dept Transfer 2 Help Topics 2 Help Topics Internal Notes 2- change status

The post osTicket – Widely-used and trusted open source support ticket system appeared first on TOSDN.

]]>
http://www.tosdn.com/developer/php/osticket-widely-used-trusted-open-source-support-ticket-system/feed 0
Brick – Web Fonts that Actually Look Good http://www.tosdn.com/designer/brick-web-fonts http://www.tosdn.com/designer/brick-web-fonts#comments Wed, 02 Apr 2014 10:13:28 +0000 http://www.tosdn.com/?p=1617 Posted by few on Brick – Web Fonts that Actually Look Good

Web Font แจกฟรี เน้นสวยงามและเป็นระเบียบ จะโหลดมาติดตั้งใช้เองหรือจะใช้แบบ CDN เลยก็ได้ สะดวกดีครับ

The post Brick – Web Fonts that Actually Look Good appeared first on TOSDN.

]]>
Posted by few on Brick – Web Fonts that Actually Look Good

In the age of the Internet, we’ve found ourselves in yet another typographic battle. In an effort to speed up loading times, we’ve compressed fonts, and along the way, we’ve lost the majority of the quality of rendered type.

Let’s change that. The fonts served by Brick are clones of the original, converted without modification to WOFF format for high quality rendering and fast loading across all modern browsers.

  • Beautiful

    We don’t modify or subset the font in any way, so they are rendered the way they were meant to be seen.

  • Fast

    Fonts are served throughFastly’s industry-leading CDN network throughout and supported by Linode’s reliable infrastructure.

  • Open source

    Brick is entirely open-source, so in addition to being free, anyone interested can contribute to the project.

The post Brick – Web Fonts that Actually Look Good appeared first on TOSDN.

]]>
http://www.tosdn.com/designer/brick-web-fonts/feed 0
Avatars and Emoticons Vector Set http://www.tosdn.com/designer/avatars-emoticons-vector-set http://www.tosdn.com/designer/avatars-emoticons-vector-set#comments Tue, 01 Apr 2014 05:02:17 +0000 http://www.tosdn.com/?p=1613 Posted by few on Avatars and Emoticons Vector Set

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

The post Avatars and Emoticons Vector Set appeared first on TOSDN.

]]>
Posted by few on Avatars and Emoticons Vector Set

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

An avatar is the graphical representation of the user or the user’s alter ego or character. An emoticon or smiley is a pictorial representation of a facial expression to express a person’s feelings or mood. They are massively use in e-mail, chat, text messages and other forms of communication to dramatize the plain text.

This Avatars and Emoticons Vector set contains over 1,000 combinations available in AI and EPS format that have been lovingly and exclusively prepared for WebAppers readers. You can create your own avatar with those heads, hair, eyes, mouth and accessories icons.

preview-emoticonos

The post Avatars and Emoticons Vector Set appeared first on TOSDN.

]]>
http://www.tosdn.com/designer/avatars-emoticons-vector-set/feed 0
Font Awesome – The iconic font designed for Bootstrap http://www.tosdn.com/designer/font-awesome http://www.tosdn.com/designer/font-awesome#comments Tue, 01 Apr 2014 04:44:18 +0000 http://www.tosdn.com/?p=1602 Posted by few on Font Awesome – The iconic font designed for Bootstrap

Font Awesome สำหรับ Bootstrap (เอาไปดัดแปลงใช้กับอย่างอื่นก็ได้) มันคือเวกเตอร์ไอคอน (vector icons) ที่ถูกสร้างขึ้นจาก Font ครับ

The post Font Awesome – The iconic font designed for Bootstrap appeared first on TOSDN.

]]>
Posted by few on Font Awesome – The iconic font designed for Bootstrap

ทำงานร่วมกับ CSS เท่านั้น ไม่ต้องใช้ Javascript ดังนั้นเราจะใช้ในขนาดใหญ่มาก หรือเล็กมาก ภาพก็ยังสวย และทำงานได้รวดเร็วเพราะขนาดไม่ใหญ่ ตอนนี้นิยมมาก แทนการใช้รูปภาพไอคอนทั่วไป

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

 One Font, 369 Icons

In a single collection, Font Awesome is a pictographic language of web-related actions.

 No JavaScript Required

Fewer compatibility concerns because Font Awesome doesn’t require JavaScript.

 Infinite Scalability

Scalable vector graphics means every icon looks awesome at any size.

 Free, as in Speech

Font Awesome is completely free for commercial use. Check out the license.

 CSS Control

Easily style icon color, size, shadow, and anything that’s possible with CSS.

 Perfect on Retina Displays

Font Awesome icons are vectors, which mean they’re gorgeous on high-resolution displays.

 Made for Bootstrap

Designed from scratch to be fully compatible withBootstrap 3.0.0.

 Desktop Friendly

To use on the desktop or for a complete set of vectors, check out the cheatsheet.

 Screen Reader Compatible

Font Awesome won’t trip up screen readers, unlike other icon fonts.

The post Font Awesome – The iconic font designed for Bootstrap appeared first on TOSDN.

]]>
http://www.tosdn.com/designer/font-awesome/feed 0
Gremlins.js – Simulates Random User Actions http://www.tosdn.com/developer/javascript/gremlins-js http://www.tosdn.com/developer/javascript/gremlins-js#comments Mon, 31 Mar 2014 10:27:40 +0000 http://www.tosdn.com/?p=1605 Posted by few on Gremlins.js – Simulates Random User Actions

Javascript สำหรับจำลองการสุ่มคลิก (ฝรั่งเรียกว่า monkey testing) โดยมันจะลองคลิกทุกจุด กรอกข้อมูลในฟอร์ม คลิกเม้าส์ย้าย element ต่างๆ เพื่อให้เห็นการทำงานของ action ต่างๆ และตรวจสอบว่าพบ Javascript error หรือไม่

The post Gremlins.js – Simulates Random User Actions appeared first on TOSDN.

]]>
Posted by few on Gremlins.js – Simulates Random User Actions

gremlins.js is a  library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleashing a horde of undisciplined gremlins.

Purpose

While developing an HTML5 application, did you anticipate uncommon user interactions? Did you manage to detect and patch all memory leaks? If not, the application may break sooner or later. If n random actions can make an application fail, it’s better to acknowledge it during testing, rather than letting users discover it.

Gremlins.js simulates random user actions: gremlins click anywhere in the window, enter random data in forms, or move the mouse over elements that don’t expect it. Their goal: triggering JavaScript errors, or making the application fail. If gremlins can’t break an application, congrats! The application is robust enough to be released to real users.

This practice, also known as Monkey testing or Fuzz testing, is very common in mobile application development (see for instance the Android Monkey program). Now that frontend (MV*, d3.js, Backbone.js, Angular.js, etc.) and backend (Node.js) development use persistent JavaScript applications, this technique becomes valuable for web applications.

The post Gremlins.js – Simulates Random User Actions appeared first on TOSDN.

]]>
http://www.tosdn.com/developer/javascript/gremlins-js/feed 0
Chart.js – Simple HTML5 Charts using the canvas http://www.tosdn.com/developer/css-html/chart-js http://www.tosdn.com/developer/css-html/chart-js#comments Wed, 26 Mar 2014 07:57:26 +0000 http://www.tosdn.com/?p=1599 Posted by few on Chart.js – Simple HTML5 Charts using the canvas

Easy, object oriented client side graphs for designers and developers 6 Chart types Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays. HTML5 Based Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8. Simple and flexible Chart.js […]

The post Chart.js – Simple HTML5 Charts using the canvas appeared first on TOSDN.

]]>
Posted by few on Chart.js – Simple HTML5 Charts using the canvas

Easy, object oriented client side graphs for designers and developers

6 Chart types
Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

HTML5 Based
Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.

Simple and flexible
Chart.js is dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.

The post Chart.js – Simple HTML5 Charts using the canvas appeared first on TOSDN.

]]>
http://www.tosdn.com/developer/css-html/chart-js/feed 0
Invoice Ninja – Open Source Intuitive Invoicing Tool http://www.tosdn.com/developer/php/invoice-ninja http://www.tosdn.com/developer/php/invoice-ninja#comments Wed, 26 Mar 2014 07:45:40 +0000 http://www.tosdn.com/?p=1596 Posted by few on Invoice Ninja – Open Source Intuitive Invoicing Tool

ระบบทำเอกรายการสั่งซื้อ มีฟอร์มกรอกข้อมูลเข้าใจง่ายและสวยงาม สามารถออกเอกสารได้ในรูปแบบ PDF, ส่งอีเมล์หลังจากสร้างเสร็จ, และบันทึกเก็บไว้ใช้ในคราวต่อๆไปได้ พัฒนาระบบด้วย PHP บน Laravel Framework และ JavaScript

The post Invoice Ninja – Open Source Intuitive Invoicing Tool appeared first on TOSDN.

]]>
Posted by few on Invoice Ninja – Open Source Intuitive Invoicing Tool

Most online invoicing sites are expensive. They shouldn’t be. The aim of this project is to provide a free, open-source alternative. Additionally, the hope is the codebase will serve as a sample site for Laravel as well as other JavaScript technologies.

The high level instructions for setting up the site are below but there’s also a setup guide. For discussion of the code please use the Google Group.

For updates follow @invoiceninja or join the Facebook Group.

Site design by kantorp-wegl.in

Features

  • Core application built using Laravel 4.1
  • Invoice PDF generation directly in the browser
  • Integrates with many payment providers
  • Recurring invoices
  • Tax rates and payment terms

The post Invoice Ninja – Open Source Intuitive Invoicing Tool appeared first on TOSDN.

]]>
http://www.tosdn.com/developer/php/invoice-ninja/feed 0