Fluid Width Video IN A WORLD of responsive and fluid layouts on the web ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self hosting the video and presenting it via the HTML5 <video> tag. You might be using YouTube or Vimeo which provides <iframe> code to display videos. You might be using Viddler or Blip.tv which provide nested object/embed tags to display a Flash player. <video width="400" height="300" ... <iframe width="400" height="300" ... <object width="400" height="300" ... Guess what. So can't we just do this? <video width="100%" ... Well, yep, you can. <iframe> Video (YouTube, Vimeo, etc.) Our little 100% width trick isn't going to help us when dealing with video that is delivered via iframe. Fortunately there are a couple of possible solutions here. But, but... aspect ratios, legacy content, non-tech users, etc. The above technique is awesome, but it has several possible limitations: Adding Vimeo View Demo
TeliportMe FFmpeg Timeline 全面上线，Facebook 的冬宴时刻！ 首先，我要解释一下 “冬宴” ：这是一个在北美地区西北海岸线一带本地人的传统庆典盛会。每个司仪神父会拿出本部落所有的食物和其他物品，任何人都可以取走他想要的东西。拿出最多的那个人将获得最高荣誉。 Timeline 是什么？ Timeline 的上线给用户们出了一道选择题：用裸体换油画。 尽管 Facebook 请来了 “艺术界” 的大师 Nicholas，不过对于赤身裸体地展现在他人面前，还是会有大批人止步的。 17% 的支持者，有点太少了？ “历史总是反复的”，Timeline 会赢得满堂彩吗？ 在你准备和我打赌之前，不妨审视一下现在的 Facebook 。 今天，Timeline 的全面上线对于 Facebook 来说并不意外，谁让对透明未来充满希望的扎尔伯格是它的主宰者呢。 冬宴开启，宾客纷至沓来。 在我使用 Spotify 的过程中，它会时常提醒我将收听信息置入 Timeline 。 让我们再次回到首段的故事，每个司仪神父会拿出本部落所有的食物和其他物品，任何人都可以取走他所想要的东西。 每个互联网公司都会拿出用户数据，任何公司都能用自己的用户数据交换别人的数据，换取次数最频繁的那个公司将成为最赚钱的公司。 题图来自：Flickr
Vanilla JS 从5000美元到10亿美元，她的成功可以复制 (一) 内衣品牌 Spanx 创始人 Sara Blakely 在 12 年前以 5000 美元创立 Spanx，如今净资产达 10 亿美元 (据福布斯)。许多人对此颇为诧异，而知名天使投资人 James Altucher 认为她的成功可以复制，并特意 撰文分享了自己的见解。 从5000美元到10亿美元，她的成功可以复制 (二) 从5000美元到10亿美元，她的成功可以复制 (三) 我是一个彻头彻尾的性别主义者，我希望女人尽可能地漂亮。 接下来呢？ 本周三在我的 Twitter Q&A 对话中，常见的问题之一是：“Spanx 的创始人现在身价 10 亿美元，对此你有什么见解？ 首先，大约 5 年前，我在 CNBC 的“Donnie Deutsch 秀”上第一次看见她时，我就为她折服了。 我完全没有预见到她现在会有 10 亿美元的身价。 我的见解： -保持活力，积极向上。 -她是个销售能手。 -她为女性解决了一个大难题。 而她“解决”的是什么问题呢？ -做好准备。 了解行业的每个产品 了解每项专利 试用所有的产品 理解这些产品是如何被制造出来的 制作一个你自己会每天使用的产品，如果连你自己都不爱它，你是没有办法把它给卖出去的 -主动与准客户接触(Cold Call, 冷电话)。 她想要通过我来建立关系，因为她担心主动与准客户接触。 当我试图为 Stockpickr.com寻找用户的时候 (我在 06-07 年做的网站)，我给 AOL, Yahoo, Google, Reuters 和 Forbes 都打了冷电话。 这和 Spanx 的创始人都有什么关系呢？
Where's the fold? 按天数的假期出租，私人房间，转租房 - Airbnb上的住宿 How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins Everybody knows about web forms and it has fast becoming part of our daily online interaction. Everyday we will need to enter some sort of information into a web form, whether it's a simple login to your web-mail account, an online purchase, or signing up for a website. These are the basic, and pretty much the effective way of gathering information on the web. Web application interface designs have evolved over the years, from the default browser style to having rich colour palettes design and dimensional background images. We have to thank the adoption of web standards and advanced CSS techniques for such improvements. Normal default web form elements look ugly and unprofessional. How To Skin A Web Form With Pure CSS Pure CSS styling of web form can be achieve by changing the border colour or background colour but how about styling a textfield and textarea with a nice round corner background image? Let's use a contact us form as an example to demonstrate this tutorial. 1. 2. 3. 4.