By Chris Converse | Saturday, July 26, 2014
When creating graphics for the web, we walk a delicate line between file size and image quality. We want smaller files for faster performing sites, especially on mobile, but we also want beautiful imagery on today/s high-quality screens.
With nearly 20% of all web traffic coming from mobile devices, it’s important to consider the file size of your graphics. The irony of this trend is that mobile devices have higher quality displays and, typically, a slower internet connection. This challenges web designers to create high-quality graphics with smaller file sizes.
This is a pretty tough order, but I have some techniques that can help reduce sizes and optimize graphics for web delivery.
By Morten Rand-Hendriksen | Thursday, July 24, 2014
Responsive layouts have become commonplace in today’s web experiences, but the current HTML <img> element still has a fundamental flaw when used with responsive designs: It assumes uniformity in the screens it’s displayed upon, a uniformity that doesn’t exist in today’s mobile-saturated world.
Consider an image on a web page from the viewer’s perspective. Although it appears to be part of the page, it’s actually a replaced element: The code of the page cuts a hole in the page big enough to contain the image, and then retrieves it from its remote location to fill that hole. In some cases the hole has a specified width and height; in others the hole is built to be flexible and scale to a percentage, or proportion, of the screen size.
By Chris Converse | Wednesday, July 23, 2014
Your site’s performance can make as much of an impression as its content. When considering the many ways users will be accessing your site, it’s also important to consider what content you show, based on screen size. The two techniques discussed below will allow you to tailor content, animation, and overall user experience.
By David Powers | Saturday, July 19, 2014
Sending the contents of an online form to an email address is one of the most useful applications of PHP. It’s not difficult; but it’s easy to make a mistake. In this article, I’ll show you how to avoid common pitfalls that arise when sending the contents of a form with PHP.
By David Powers | Tuesday, July 15, 2014
One piece of advice sticks in my mind from the days when I started learning PHP: “Just read the PHP online documentation. You don’t need anything else.” PHP’s online manual is excellent, and contains lots of practical examples. But it was like throwing me a Chinese dictionary and telling me it contained all I needed to learn the language. I had no idea where to start.
By Scott Fegette | Monday, June 30, 2014
Designers often work alongside coders on technical projects ranging from traditional web design to interactive documents and books, HTML5 web applications, and more. This not only means that we’re having to learn a little code ourselves these days, but also to integrate with code-centric workflows. And increasingly, the interaction between creative and technical professionals is happening on GitHub.
By Scott Fegette | Sunday, June 29, 2014
Fonts used to be limited in number and flexibility for web designers. Those days are over. Although web typography still isn’t perfect, support for rich browser-based typography is comprehensive enough to stop waiting. It’s time to make your site’s text as beautiful as its layout and design by learning how to use web fonts in your designs.
By Chris Converse | Wednesday, June 25, 2014
Displaying a series of photographs and images within a small area of a site can be challenging. The goal is to give folks a sense of the image while providing a navigation scheme to get a sense of the other images. Though this technique may be referred to as a carousel, or slider, the effect is the same.
A more literal navigation system for an image carousel is to align a series of images in a circle. This gives the user an interesting navigation experience in addition to getting a glimpse of the total number of images available.
You can change your email preferences at any time. We will never sell your email. More info
Thanks for signing up.
We’ll send you a confirmation email shortly.
Sign up and receive emails about lynda.com and our online training library:
Keep up with news, tips, and latest courses with emails from lynda.com.
We've updated our terms and conditions (now called terms of service).Go Review and accept our updated terms of service.