background preloader

HTML5/CSS3/JS

Facebook Twitter

Send Email. 1) HTML Form with Inputs <form action="" method="post"><label for="name">Name:</label><input type="text" name="name" id="name" /><label for="Email">Email:</label><input type="text" name="email" id="email" /><label for="Message">Message:</label><br /><textarea name="message" rows="20" cols="20" id="message"></textarea><input type="submit" name="submit" value="Submit" /></form> 2) Process with PHP This could be in a seperate file (e.g. sendemail.php) in which you'd set the action URL of the form to go there.

Send Email

Or, have the form submit to itself (leave action URL blank) and test for one of the values of the form being POSTed and process there. 3) Test it And make sure to keep up with security news around the web. jQuery Cheat Sheet. Selectors Basics Hierarchy Basic Filters Content Filters Visibility Filters Attribute.

jQuery Cheat Sheet

HTML5 Canvas Tutorials. Online learning courses in Web, Mobile & Software Development. Codrops. 20個激發Logo設計創意的網路資源 - Jas9 Taipei.設計誌. 5個最佳字型下載網站 - Jas9 Taipei.設計誌.

Free Webhosting

Joomla. UX / UI. Transactional Email from MailChimp - Mandrill. 70 Stunning Responsive Sites for Your Inspiration. Simplex. Raw denim you probably haven't heard of them jean shorts Austin.

Simplex

Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Journal. Raw denim you probably haven't heard of them jean shorts Austin.

Journal

Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.

Bootstrap Masonry using CSS column-width snippet - 8k9UZPtNGh. HTML Semantic Structure Part 1. 台北網頁設計與數位品牌顧問. Snap.svg - Home. Tips, Resources and Patterns for Responsive Web Design. CardView. Grab it on github or check out the online demo.

CardView

This is something I wanted to add to the SwipeView but while working on it I realized that they were two pretty different concepts and code bases. The purpose of the widget is to let you browse through a potentially limitless collection of items, a bit like a rolodex. It’s basically a carousel, but each new item is a “card” that slides over the previous one. Here urges an explanatory video. Nothing particularly mind blowing but the good part is that it uses just three elements to handle an infinite list of items. The control is of course targeted to mobile devices –or small screens anyway– and memory footprint was my main concern. CardView is a class that you can initiate like so: The first option is the “deck” wrapper, the DOM element that contains the three cards. The second option is an object you use to configure the control. effect is the visual effect used to flip the cards.

Direction is the direction of the swipe the control reacts to. Showdown! 5 Online Image Compression Tools Compared. Photo: tncountryfan Last year the HTTP Archive Report released the disturbing news that average page size on the web had increased 32% (to an average of 1.7Mb) in 2013.

Showdown! 5 Online Image Compression Tools Compared

If that is even close to correct, it’s astonishing news. Although, predictably, JavaScript, HTML and CSS all increased, more than half the increase was accounted for by imagery. It was a case of more pixels, bigger files and more of them. While in some rare cases there isn’t a lot you can do to cut the size of an image, thanks to increasingly clever compression algorithms, more often than not you can drastically reduce the file size with minimal to no image quality loss.

As you might expect, not all compression tools are created equal. Some graphic programs come with image compression tools on their own. Of the many standalone image compression tools, I’ll review online tools only. In order to make the comparison as fair as possible, I’ll use the same images across the services. 大家都說要學 Coding,但我該先從哪種程式語言下手?

許多人都在提倡學習 Coding ,但卻很少人告訴我們,該從哪種語言下手。

大家都說要學 Coding,但我該先從哪種程式語言下手?

美國知名媒體 Business Insider 最近一篇文章 <The 100 Best Jobs In 2014> 討論美國 2014 前百大最佳職業,第一名就是「軟體工程師」,平均年薪 90,060 美金(約 270 萬台幣、70 萬港幣、11 萬新幣、30 萬馬來幣),而且相關人才需求在未來仍然持續成長。 這幾年美國、亞洲興起大量程式設計學校積極培養軟體人才,因應需求。 但是,這麼多的程式語言:Javascript、Java、Python、C、C++、C# 、Ruby、Objective – C …… ,如果你是一個想成為一個軟體開發者的初學者,到底該先學習哪一種程式語言當入門第一課 ? 我請教幾位在不同產業的軟體工程師,他們都認為,在跳進任何一種語言前你最好先問自己:想成為哪一種應用的開發者,想做什麼樣的產品。 想設計網站、開發 App ( 在 Android 上還是 iOS 上?)

HTML Lion - HTML,CSS,XML,JavaScript,jQuery. Learn to code for free online! Ajax Shopping Cart: Create a Stylish Shopping Cart Using JQuery and PHP. Westciv - tools & resources for web professionals.

JS

CSS3. HTML5. StackEdit – Welcome document.