With so many people now reading email on mobile devices that support the HTML5 standard, it’s becoming easier and easier to incorporate video into emails. Even better: Mobile and desktop email clients that don’t support HTML5 video will fall back to a user-friendly, clickable link, so no one is left out.
Web - Post archive
Responsive web design techniques aren’t just for changing the layout and composition of your web designs; they can also optimize your project’s imagery for high-resolution screens. CSS3 media queries include properties for detecting the pixel ratio of a device’s screen—and when the pixel density value is two or greater, we know the device has a high-density display, and can use high-definition graphics.
Standard definition graphics can appear soft or blurry when viewed on a high-density display.
Simply rearranging your web design across screen sizes isn’t enough to assure a smooth, natural experience for all the devices that will view it. In order to truly optimize the user experience, we must alter the content and behavior as well. This means loading alternate HTML content, suppressing animations, and collapsing navigation for small screens.
Navigation on small screens is collapsed into a single button, which expands into the global navigation when clicked or tapped, providing an optimal experience for small screens.
In this course, we’ll explore altering the user experience based on screen size. This approach will allow us to increase the user experience and download speed for larger screens, while delivering smaller-sized files and targeted experiences for smaller screens. Learn how to combine jQuery with your HTML and CSS to alter experiences across screen sizes.
Today’s release of WordPress 3.8 is revolutionary in the history of WordPress—and a clear sign of things to come from the popular content management system. Sporting a clean new interface, tons of new features, and a new development philosophy, the 3.8 release is a milestone for the WordPress community in many ways. We’re already hard at work updating our WordPress Essential Training course to reflect WordPress 3.8, but there’s a lot to notice in today’s release beyond just what ships in the code.
Deadlines are not arbitrary
Establishing the current WordPress philosophy “Deadlines are not arbitrary,” WordPress cofounder and project leader Matt Mullenweg made a series of bold announcements at WordCamp San Francisco back in July. First, he stated that WordPress 3.7 and 3.8 would be developed in parallel, with firm, preannounced release dates for each. Furthermore, he announced that all new features slated for version 3.8 would be developed as stand-alone plugins first, and only built into the WordPress core code once they were stable. Finally, Matt announced that he’d be personally leading the development team for the 3.8 release.
After 20 months of anticipation from the product community, FileMaker Inc. finally unveiled its next-generation platform for business productivity: FileMaker Pro 13. Having worked closely with FileMaker 13 for several months prior to launch to prepare for my new course, FileMaker Pro 13 New Features, I can tell you there are plenty of improvements in this release to satisfy any level of FileMaker developer or end user. For new FileMaker users, the platform makes it much easier than ever before to create beautiful app-like databases—and it offers some long-awaited features that FileMaker fans won’t be able to live without.
Chief among the more than 50 new features are
The marquee feature of the new FileMaker 13 is a web-sharing technology called WebDirect, which allows you to share your FileMaker database through any HTML5-compliant browser—with no web development skills required.
Some people in the design community insist on calling website menu systems “information architecture.” I think they do it to make menu design sound sexier or more esoteric. Unfortunately that’s not what information architecture is. Or rather, it’s only part of what information architecture is.
Information architecture (IA) is actually “the structural design of shared information environments.” It’s no good just having a well-thought-through menu system for your site. Once you get people to where they need to be, the content needs to be arranged in the way they expect, using words they understand. Knowing how your users think about and self-categorize your site’s content should be central to your whole design effort. It boils down to finding out how your users think about and categorize the concepts, tasks, and activities that your product deals with, and then creating an architecture that matches this world view. My course Foundations of UX: Information Architecture steps through the discipline of IA, and the practical steps needed to apply it to your projects.
Bootstrap 3, the popular HTML5 front-end design framework (and top-starred project on GitHub), has finally been released—and what a release it is! With tons of new features and a revised API, there’s much to enjoy. Here are some of the new features and things to keep in mind when working with Bootstrap 3.
Mobile-first and fully responsive
The Bootstrap 3 framework has been entirely rewritten to follow mobile-first design principles, so you can more easily build responsive web experiences that adapt gracefully from smaller to larger screens.