HTML5 and CSS3 - Adobe - The Expressive Web - Beta

iWeb Widgets, Tutorials, Tips, and Tricks | Beyond iWeb How Browsers Work: Behind the Scenes of Modern Web Browsers Web browsers are the most widely used software. In this primer, I will explain how they work behind the scenes. We will see what happens when you type google.com in the address bar until you see the Google page on the browser screen. The browsers we will talk about There are five major browsers used on desktop today: Chrome, Internet Explorer, Firefox, Safari and Opera. The browser's main functionality The main function of a browser is to present the web resource you choose, by requesting it from the server and displaying it in the browser window. The way the browser interprets and displays HTML files is specified in the HTML and CSS specifications. Browser user interfaces have a lot in common with each other. Address bar for inserting a URIBack and forward buttonsBookmarking optionsRefresh and stop buttons for refreshing or stopping the loading of current documentsHome button that takes you to your home page The browser's high level structure The browser's main components are (1.1): Syntax:

Responsive template design for dynamic learning personalization | eXact learning Blog From single source/multiple channel to responsive content template design for dynamic learning personalization Producing effective learning content to date required the right pedagogical approach, a good level of creativity, effective production methodologies and the appropriate set of tools. Now the learning content authoring community wants more. Instructional designers want to be able to turn learning content into a live and ever evolving learning experience able to attract users and keep them engaged whilst adapting to their user skills, devices and context of use. They want the content to hook to the users’ workflow status, delivering the right piece of learning where and when the user needs it, adapting to his or her skills and tasks to be accomplished, detecting devices and location of use. In a nutshell, they want learning content to be personalized and localized to be available in a “context responsive” way, just in time and just enough as needed.

10个必需的iOS开发工具和资源 界面总不是一件很容易事，尤其是iPhone/iPad的界面，做过iOS开发的程序员，一定会感到开发iPhone/iPad的界面是一件多么不容易的事。下面的文章来自10 Essential iOS Developer Tools & Resources，这个文章介绍了十个iOS开发的基础性工具和资源，其一定会很有效地帮你做iOS的开发。（在这里，我再闲扯一句，虽然Android的开发好像整整XML文件界面就出来了，其明显比iOS的开发要容易很多，但是我还是觉得iOS的生命力要强过Android，看看Android今天的应用就知道，有时候入门门槛低不是一些好事，大多数的程序员搞出来的Android代码和软件简直令人作呕，就像不是每个人都能烧得手好菜一样。（“食客与大厨”，也许偏激，但值得你我思考），又把蛋扯远了） 1. Omnigraffle 是一个很强大的像Microsoft Viso的一个软件，其只能于运行在Mac OS X和iPad平台之上。 Omnigraffle Link, Ultimate iPhone Stencil Link 2. 你可能能从上面的这些图标中看到Flipboard 和 Twitter 在iOS上的应用使用了其中的一些图标。 Glypish Link 3. teehan + lax iPhone 4 GUI PSD teehan+lax 是一个加拿大多伦多的代理商。 teehan + lax iPhone 4 GUI PSD Link 4. 斯坦福大学iPhone开发教程，这可能是iOS开发者的圣经级的课程了，你可以从 iTunes U上下载，当然，国内的各大门户公开课也有这个视频，还有中文字幕。 iTunes U Link 5. 71 Squared 如果你要搞iPhone的游戏开发，那么你可看看 71 Squared 上的资源和教程，让你从零开始搞iPhone游戏。 71 Squared Link 6. 如果你想让你的应用发出一个HTTP请求，并通过仿真器来调试，这恐怕是一件很难的事。 Charles Link 7. 和 Charles一样， ASIHTTPRequest 也是一个强大的封装其由 CFNetwork API构造。 ASIHTTPRequest Link 8. Stack Overflow 这个东西不用说了吧。 Stack Overflow Link 9.

A pixel is not a pixel is not a pixel Page last changed today Yesterday John Gruber wrote about the upped pixel density in the upcoming iPhone (960x640 instead of 480x320), and why Apple did this. He also wondered what the consequences for web developers would be. Now I happen to be deeply engaged in cross-browser research of widths and heights on mobile phones, and can state with reasonable certainty that in 99% of the cases these changes will not impact web developers at all. The remaining 1% could be much more tricky, but I expect Apple to cater to this problem by inserting an intermediate layer of pixels. (Later John pointed out that such a layer already exists on Android.) One caveat before we start: because they’re unimportant to web developers I have mostly ignored the formal screen sizes, and I’m not really into disucssing the ins and outs of displays, pixel densities, and other complicated concepts. I do know what web developers are interested in, however. It’s easiest to explain when we consider zooming. Stay tuned.

» CSS Trick: Turning a background image into a clickable link One of the things I most often get asked by people trying to master HTML and CSS is “How do I make a background image clickable?” It’s easy to wrap a regular image tag in a link, but what if your design or situation required that you use a background image? It’s actually quite simple. Range Web Development Start with just a link exactly as you would make it for any other purpose, and make sure to give the link an id so that we can use that to apply our styles: That’s all the (X)HTML you’ll need to make your background image clickable. So, how can we make a background image a clickable link? At this point it should look something like this: Range Web Development Now all we need to do is hide the text. And the finished product looks like this: Range Web Development And there you have it – a quick CSS trick with clean markup that turns your background images into clickable links.

Developer Network Responsive Web Design with HTML5 and CSS3: Ben Frain: 9789350237885: Amazon.com