Connections is a New York Times word game that's all about finding the
"common threads between words." How to solve the puzzle.
1 hour ago
[number:
♔][ ♕ ] White Queen
[number:
♕][ ♖ ] White Rook
[number:
♖][ ♗ ] White Bishop
[number:
♗][ ♘ ] White Knight
[number:
♘][ ♙ ] White Pawn
[number:
♙][ ♚ ] Black King
[number:
♚][ ♛ ] Black Queen
[number:
♛][ ♜ ] Black Rook
[number:
♜][ ♝ ] Black Bishop
[number:
♝][ ♞ ] Black Knight
[number:
♞][ ♟ ] Black Pawn
[number:
♟][ ♠ ] black spade suit
[name:
♠] [number: ♠][ ♡ ] red heart suit
number:
♡][ ♢ ] red diamond suit
[number:
♢][ ♣ ] black club suit = shamrock
[name:
♣] [number: ♣][ ♤ ] red spade suit
[number:
♤][ ♥ ] black heart suit = valentine
[name:
♥] [number: ♥][ ♦ ] black diamond suit
[name:
♦] [number: ♦][ ♧ ] red club suit
[number:
♧]
เบื่อ !! การตลาดเฟสบุคเดิมๆ คลิก 'Like' แล้วได้แต้มแล้วล่ะก็ มาดู 5 ตัวอย่างของการเสนอ Facebook Campaign ที่ไม่ซ้ำแบบใคร แบรนด์ไหนเกิดปิ๊งไอเดียจากตรงนี้ก็สามารถปรับได้นะจ้ะ
แบรนด์นี้เป็นการสร้างโฆษณาผ่าน Facebook App ว้าว อยากมี Ad มาใช้งานเราสิค่ะ ดูจากตัวอย่าง
การดีไซน์ เพิ่ม interact กับลูกค้าโดยการ Upload รูปส่วนตัว และการเลืิอก item ที่ต้องการจากนั้นก็
credit : Mashable
Share ให้เพื่อนๆได้รุ้
1. “Infinity” — Batelco
Bahrain Telecommunications Co., บริษัทได้จ้าง Agency ในการทำcampaign ดังกล่าว โดยให้โจทย์ว่า
และที่โดดเด่นคงหนีไม่พ้นของมนต์เสน่ห์ในโลก Social คือ การแลกเปลี่ยนประสบการณ์ Sharing Experience
2. Fashiontag — Flair Magazine
Bahrain Telecommunications Co., บริษัทได้จ้าง Agency ในการทำcampaign ดังกล่าว โดยให้โจทย์ว่า
เราตระหนักถึงกลุ่มเป้าหมายลูกค้านั้นออนไลน์Video นี้เป็นการทำตลา่ดผ่านโลก Social Network คือ การบอกปากต่อปาก Viral Marketing นั่นเอง
และที่โดดเด่นคงหนีไม่พ้นของมนต์เสน่ห์ในโลก Social คือ การแลกเปลี่ยนประสบการณ์ Sharing Experience
2. Fashiontag — Flair Magazine
ตัวอย่างการแบรนด์นิตยสารแฟชั่น สร้าง Application บนเฟสบุค เพื่อให้ลูกค้าได้เลือกสินค้า
เลือกเสื้อผ้า และ invite เพื่อนๆให้มาร่วมเล่นด้วย ได้แฟนเพิ่ม 23,000 คน โดยต้นทุนการพัฒนา
App นี่อยู่ที่ $35,000
3. Comida Kraft — Kraft Foods
แบรนด์นี้จ้าง Agency ในการผลิต แนวคิดเด็ดของเค้าก็คือ สร้างการมัดใจลูกค้า (facebook fans) โดยนำพ่อครัวชื่อดัง (Celebrity Chief) แนะนำผู้่บริโภค "เหตุผลที่ควรมาเป็นแฟนเพจของแบรนด์นี้ และมอบสิทธิพิเศษต่างๆอย่างไร"
4. The Squeezing Smiles Machine — Prigat
"แฉะยิ้มกับฉันสิ!!" << ผู้เขียนตั้งเอง อิอิ เป็นแบรนด์ของน้ำผลไม้ เคมเปญดังกล่าวคือการสร้าง App บนเฟสบุค โดยใช้เทคโนโลยีการตรวจจับใบหน้ามาตรวจสอบรอยยิ้ม :) (The company used face-recognition technology to recognize those smiles.) โดยลูกค้าต้องถ่ายรูปภาพตัวเองภาพทาง Web Camera และต้องยิ้มด้วยนะ ผลการตอบรับมากกว่า 20,000 แฟนที่อัพโหลดรูปถ่าย และมากกว่า 30,000 แฟนที่มาคลิก Like นอกจากสนุกแล้วพวกเค้าจะยังติดหูอีกด้วย เพราะจะมอบรายได้ส่วนหนึ่งให้กับการกุศล (เหมืิอนบ้านเราช่วงภัยสึนามิที่ญี่ปุ่นต้นปี 2011 เลย)
5. Your Very Own Mad Men Ad — Mad Men Season 4 in the Netherlands
แบรนด์นี้เป็นการสร้างโฆษณาผ่าน Facebook App ว้าว อยากมี Ad มาใช้งานเราสิค่ะ ดูจากตัวอย่าง
การดีไซน์ เพิ่ม interact กับลูกค้าโดยการ Upload รูปส่วนตัว และการเลืิอก item ที่ต้องการจากนั้นก็
credit : Mashable
Share ให้เพื่อนๆได้รุ้
เบื่อ Profile Facebook แบบเดิมๆ ลองมาดู เก๋ๆ เท่ห์ กันบ้าง ตัวอย่างเท่ห์ๆ
credit: http://piccut.com/
===put them in <head></head>====
<script language=”javascript”>
function Openwin()
{
win2 =window.open(“Test.asp”,”TEST”,”height=300,width=350″);
}
</script>
===put them in <body></body>====
<input name=”btnUpload”type=”button” value=”OK” onClick=”Openwin()”>
===Example ====
<html>
<head>
<title>Image Rotate
</head>
<body>
<img src="" name="Rotating" id="Rotating1" width=100 height=100>
<img src="" name="Rotating" id="Rotating2" width=100 height=100>
<script language="JavaScript">
var ImageArr1 = new Array("Picture(3).jpg","Picture(1).jpg","Picture(2).jpg");
var ImageHolder1 = document.getElementById('Rotating1');
var ImageArr2 = new Array("Picture(5).jpg","Picture(6).jpg","Picture(7).jpg");
var ImageHolder2 = document.getElementById('Rotating2');
function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",1500);
}
RotateImages(1,0);
RotateImages(2,0);
</script>
</body>
</html>// =a.length)Start=0;
b.src = a[Start];
window.setTimeout(“RotateImages(“+whichHolder+”,”+(Start+1)+”)”,1500);
}
b.src = a[Start];
window.setTimeout(“RotateImages(“+whichHolder+”,”+(Start+1)+”)”,1500);
}
RotateImages(1,0);
RotateImages(2,0);
// ]]>
RotateImages(2,0);
// ]]>
<script >
function Filter_Keyboard() {
var keycode = window.event.keyCode;
if( keycode >=37 && keycode <=40 ) return true; // arrow left, up, right, down
if( keycode >=48 && keycode <=57 ) return true; // key 0-9
if( keycode >=96 && keycode <=105 ) return true; // numpad 0-9
if( keycode ==110 || keycode ==190 ) return true; // dot
if( keycode ==8 ) return true; // backspace
if( keycode ==9 ) return true; // tab
if (keycode ==13) return true; // Enter
if( keycode ==45 || keycode ==46 || keycode ==35 || keycode ==36) return true; // insert, del, end, home
return false;
}
function Sel_Year() {
}
</script>
<script >function Filter_Keyboard() { var keycode = window.event.keyCode; if( keycode >=37 && keycode <=40 ) return true; // arrow left, up, right, down if( keycode >=48 && keycode <=57 ) return true; // key 0-9 if( keycode >=96 && keycode <=105 ) return true; // numpad 0-9 if( keycode ==110 || keycode ==190 ) return true; // dot if( keycode ==8 ) return true; // backspace if( keycode ==9 ) return true; // tab if (keycode ==13) return true; // Enter if( keycode ==45 || keycode ==46 || keycode ==35 || keycode ==36) return true; // insert, del, end, home return false;}function Sel_Year() {
}</script>
}</script>
=======================================
ตรง textBox
<input name=”txtMA” type=”text” id=”txtMA” onKeyDown=”return Filter_Keyboard();” size=”15″>
function ThaiBaht(Number)
{
//ตัดสิ่งที่ไม่ต้องการทิ้งลงโถส้วม
for (var i = 0; i < Number.length; i++)
{
Number = Number.replace (",", ""); //ไม่ต้องการเครื่องหมายคอมมาร์
Number = Number.replace (" ", ""); //ไม่ต้องการช่องว่าง
Number = Number.replace ("บาท", ""); //ไม่ต้องการตัวหนังสือ บาท
Number = Number.replace ("฿", ""); //ไม่ต้องการสัญลักษณ์สกุลเงินบาท
}
//สร้างอะเรย์เก็บค่าที่ต้องการใช้เอาไว้
var TxtNumArr = new Array ("ศูนย์", "หนึ่ง", "สอง", "สาม", "สี่", "ห้า", "หก", "เจ็ด", "แปด", "เก้า", "สิบ");
var TxtDigitArr = new Array ("", "สิบ", "ร้อย", "พัน", "หมื่น", "แสน", "ล้าน");
var BahtText = "";
//ตรวจสอบดูซะหน่อยว่าใช่ตัวเลขที่ถูกต้องหรือเปล่า ด้วย isNaN == true ถ้าเป็นข้อความ == false ถ้าเป็นตัวเลข
if (isNaN(Number))
{
return "ข้อมูลนำเข้าไม่ถูกต้อง";
} else
{
//ตรวสอบอีกสักครั้งว่าตัวเลขมากเกินความต้องการหรือเปล่า
if ((Number - 0) > 9999999.9999)
{
return "ข้อมูลนำเข้าเกินขอบเขตที่ตั้งไว้";
} else
{
//พรากทศนิยม กับจำนวนเต็มออกจากกัน (บาปหรือเปล่าหนอเรา พรากคู่เขา)
Number = Number.split (".");
//ขั้นตอนต่อไปนี้เป็นการประมวลผลดูกันเอาเองครับ แบบว่าขี้เกียจจะจิ้มดีดแล้ว อิอิอิ
if (Number[1].length > 0)
{
Number[1] = Number[1].substring(0, 2);
}
var NumberLen = Number[0].length - 0;
for(var i = 0; i < NumberLen; i++)
{
var tmp = Number[0].substring(i, i + 1) - 0;
if (tmp != 0)
{
if ((i == (NumberLen - 1)) && (tmp == 1))
{
BahtText += "เอ็ด";
} else
if ((i == (NumberLen - 2)) && (tmp == 2))
{
BahtText += "ยี่";
} else
if ((i == (NumberLen - 2)) && (tmp == 1))
{
BahtText += "";
} else
{
BahtText += TxtNumArr[tmp];
}
BahtText += TxtDigitArr[NumberLen - i - 1];
}
}
BahtText += "บาท";
if ((Number[1] == "0") || (Number[1] == "00"))
{
BahtText += "ถ้วน";
} else
{
DecimalLen = Number[1].length - 0;
for (var i = 0; i < DecimalLen; i++)
{
var tmp = Number[1].substring(i, i + 1) - 0;
if (tmp != 0)
{
if ((i == (DecimalLen - 1)) && (tmp == 1))
{
BahtText += "เอ็ด";
} else
if ((i == (DecimalLen - 2)) && (tmp == 2))
{
BahtText += "ยี่";
} else
if ((i == (DecimalLen - 2)) && (tmp == 1))
{
BahtText += "";
} else
{
BahtText += TxtNumArr[tmp];
}
BahtText += TxtDigitArr[DecimalLen - i - 1];
}
}
BahtText += "สตางค์";
}
return BahtText;
}
}
}
credit : thaicreate.com
sss
The three “commands” involved in creating alert, confirm, and prompt boxes are:
window.alert()
window.confirm()
window.prompt()
Lets look at them in detail. The first one is:
window.confirm()
window.prompt()
Lets look at them in detail. The first one is:
window.alert()
This command pops up a message box displaying whatever you put in it. For example:
This command pops up a message box displaying whatever you put in it. For example:
<body>
<script type="text/javascript">
window.alert("My name is George. Welcome!")
</script>
</body>As you can see, whatever you put inside the quotation marks, it will display it.
The second one is:
window.confirm()
Confirm is used to confirm a user about certain action, and decide between two choices depending on what the user chooses.
Confirm is used to confirm a user about certain action, and decide between two choices depending on what the user chooses.
<script type="text/javascript">
var x=window.confirm("Are you sure you are ok?")
if (x)
window.alert("Good!")
else
window.alert("Too bad")
</script>Click here for output:
//
There are several concepts that are new here, and I’ll go over them. First of all, “var x=” is a variable declaration; it declares a variable (“x” in this case) that will store the result of the confirm box. All variables are created this way. x will get the result, namely, “true” or “false”. Then we use a “if else” statement to give the script the ability to choose between two paths, depending on this result. If the result is true (the user clicked “ok”), “good” is alerted. If the result is false (the user clicked “cancel”), “Too bad” is alerted instead. (For all those interested, variable x is called a Boolean variable, since it can only contain either a value of “true” or “false”).
There are several concepts that are new here, and I’ll go over them. First of all, “var x=” is a variable declaration; it declares a variable (“x” in this case) that will store the result of the confirm box. All variables are created this way. x will get the result, namely, “true” or “false”. Then we use a “if else” statement to give the script the ability to choose between two paths, depending on this result. If the result is true (the user clicked “ok”), “good” is alerted. If the result is false (the user clicked “cancel”), “Too bad” is alerted instead. (For all those interested, variable x is called a Boolean variable, since it can only contain either a value of “true” or “false”).
The third one is:
window.prompt()
Prompt is used to allow a user to enter something, and do something with that info:
Prompt is used to allow a user to enter something, and do something with that info:
Click here for output:
<script type="text/javascript">
var y=window.prompt("please enter your name")
window.alert(y)
</script>ที่มา: http://www.javascriptkit.com/javatutors/alert2.shtml
1. Primer CSS
Just paste some HTML in the box and Primer will pull all classes and IDs to get you started with your stylesheet.
2. Automatic CSS inliner
You can use this tool to design your next email campaign and automatically turn all your local styles into inline CSS:
3. CSS sprites generator
The easy way to generate CSS sprites online.
4. Moo color finder
Retrieve any website color from CSS files. The cool part? It now even produces Photoshop color palette files.
5. MinifyMe
This nice Adobe Air application combines and minimizes CSS files.
6. Variable Grid System
Quickly generate a CSS grid for your web designs, based on the 960 grid system.
7. CSS Typeset
For CSS newbies, this website lets you enter text and configure it visually, then gives you the CSS.
8. Modernizr
Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.
9. List-o-matic
List-based CSS navigation creation made easier.
9. List-o-matic
List-based CSS navigation creation made easier.10. CSS layout generator
The website doesn’t look very good, but it’s a really useful tool to create multi-columns CSS layouts.
11. CSS text wrapper
Make your HTML text wrap in other shapes than just boxes.
12. Dust-me selectors
Cool Firefox add-on to check if some selectors are unused, the good thing is that it goes further than just checking one page.
Credit Source: http://www.designer-daily.com/12-really-useful-css-tools-5364
ㅋㅋㅋㅋㅋ
1. ทัั่วโลกเค้า tweet ว่าอะไรกันบ้างน้า ?
ปุ่ม Filter ด้านล่าง โอ้โห้ บอกได้เลยว่าจะดูแบบไหน
- All ดูเลยทวิตอะไร ดูหมด
- Checkin สำหรับแฟนๆ ที่เล่นเช็คอินแอพ แล้วทวิต
- Link ทวิตแล้วเอาลิงค์ติดมาด้วย
- Media อัั่นแน่ ! คอเพลง คอYouTube นี้ห้ามพลาดแชร์เพลง วิดีโอผ่านโลกทวิตเตอร์
- Reply โต้ตอบการสนทนา จุ๊ๆๆ อยากรู้คนสนทนาด้วยจัง
- Retweet ข้อความโดนใจ หรืออยากบอกต่อไปเรื่อยๆ ต่อ Retweet
- Text ข้อความเพียวๆ
มาเจาะดูหาประเทศไทยกันดีกว่า
แต่ก็แอบเง็งๆ ว่า เอ๋ !!! เค้าเอาอะไรไปจับ Timeline คริคริ
Marketing / Communications Manager
| ||||||||||||||||||
Example of Social Media Job : To clarify of this position. May be this is useful for Thai Organization about
Job Description and Job Qualification. I hope my experience will be the case study for Thai organization
which set new social media position. I am lack of Skills, Studies, Knowledge. This is my challenge and
I have failed experience from my challenge. ^^ I must speak with myself this is just a Game, Business.
I lost this game and lost myself because I have lack of knowledge. I can’t edit or change of my past.
I just hope tomorrow is my sunshine day ^^
