Responsive Design

  • Responsive Web Design: How to Find the Right Photos

    The Web – open space for any web designer out there. Today’s and even more so tomorrow’s web is one big challenge for our industry. Web sites are supposed to adapt seamlessly to any screen size with any aspect ratio on any device. Desktop computers, tablets, and smartphones are only the beginning. No one knows […]

    READ MORE
  • The state of responsive images in 2015

    The Web is a visual medium. The vast majority of that visual landscape is thanks to image files. Whilst plenty can be achieved with CSS, and inline SVG, most sites still need image files. On average, images accounted for more than half of page size last year, and year on year image sizes increase; there was […]

    READ MORE
  • The state of responsive images

    The Web is a visual medium. The vast majority of that visual landscape is thanks to image files. Whilst plenty can be achieved with CSS, and inline SVG, most sites still need image files. On average, images accounted for more than half of page size last year, and year on year image sizes increase; there was […]

    READ MORE
  • Pay What You Want: Mobile-First Developer’s Bundle

    This week’s deal is a great opportunity to grab a bargain on everything you need for mobile first development. It’s a bundle of ten courses, containing over 71 hours of learning and advice on everything from Swift and Android development, through to advice on how to monetise and grow your mobile app. This is another […]

    READ MORE
  • Testing SVG Support Across Web Browser Engines [Case Study]

    SVG (Scalable Vector Graphics) is officially supported by all main web browsers, including Internet Explorer. The support spans into a wide variety of image editor software, particularly Inkscape, which uses SVG as its native format (If you want a refresher on SVG, click here). But what exactly is supported by web browsers? Do all rendering […]

    READ MORE
  • Efficient Image Resizing With ImageMagick

    Responsive images have been keeping us on our toes for quite some time, and now that they are getting traction in browsers, they come with a scary problem: the need to efficiently resize all our image assets. The way responsive images work is that an appropriately sized image is sent to each user — small versions for […]

    READ MORE
  • Optimizing your mobile content

    I don’t have to tell you that mobile traffic is taking over desktop traffic in a fast pace. Mainly because I already did. We have been talking about making sure your website is responsive and how Mobilegeddon is hurting websites. In this article, I’d like to talk about the practical side of optimizing your mobile content […]

    READ MORE
  • Your website needs (better) forms

    One of the things we notice are hardly ever optimized on most websites are forms. Forms are an integral part of just about every website. However, for some reason, people don’t (want to) spend much time thinking about these. There’s a lot of different forms your website can have. However, I think most of them boil […]

    READ MORE
  • Please Update Picturefill

    The following is a guest post by Mat Marquis. Mat has a important PSA for us regarding responsive images. I don’t want to bury the lede: if you’re using a version of Picturefill from prior to 2.3.1, please update right away—update your /lib files, file an issue on your project, or run a quick npm […]

    READ MORE
  • 3 responsive design disasters — and how to avoid them

    Responsive design methods are very helpful to developers because they allow us to serve content to the widest range of devices without having to maintain separate versions of the site and without some of the negative drawbacks to other methods such as scaling and fluid layouts. This article will highlight the top 3 mistakes designers […]

    READ MORE
  • Using Sketch For Responsive Web Design (A Case Study)

      If you’re a member of the web or UI design community, it’s been hard to avoid talking about Sketch1 over the last year. The launch of this design app shook up an industry dominated by Adobe for more than two decades, and it has caused an ongoing debate about whether Sketch is better than […]

    READ MORE
  • Wearable Innovation Management

    The rise of wearables and personal data tracking is proving to be more than just a tool for health. It’s all part of that buzz phrase ‘The Internet of Things.’ With Apple’s entry into the wearable game, the app development for this market will really take off. Regardless if you’re a fanboy or not, developers […]

    READ MORE
  • 3 responsive design disasters (and how to avoid them)

    Responsive design methods are very helpful to developers because they allow us to serve content to the widest range of devices without having to maintain separate versions of the site and without some of the negative drawbacks to other methods such as scaling and fluid layouts. This article will highlight the top 3 mistakes designers […]

    READ MORE
  • How Google’s mobile-friendly update will affect you (and what you can do about it)

    If your website, or your clients’ websites are non-responsive, then you only have until April 21st 2015 to make them mobile-friendly. On Tuesday 21st, if your sites aren’t mobile-friendly you can kiss goodbye to Google search engine rankings, and say hello to clients banging on the door demanding to know why their sites just dropped […]

    READ MORE
  • Animating CSS-Only Hamburger Menu Icons

    Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button. Users are associating this icon with the showing and hiding of menus, and its compact, space-saving nature makes it a desirable style, particularly on smaller […]

    READ MORE
  • Mobile-friendly sites and SEO

    Last month, Google actually announced a change in their algorithm before it had already happened. In this post they mention that starting April 21st mobile-friendliness will become a ranking factor more and more. In the past few weeks we’ve been getting quite a few reports from Google Webmaster Tools. Not only did they add a Mobile Usability item under the […]

    READ MORE
  • How To Keep Framework Development Simple And Bug-Free

    It’s just like that for your product, too: people rely on our products to work. Bugs erode trust, which in turn loses customers. So when we began updating Foundation, a responsive CSS framework, we wanted to ensure everything worked. Thoroughly. We know that many people rely on our software for their work, and maintaining that […]

    READ MORE
  • Mobile SEO – Can You Optimize For User Experience And Google At The Same Time?

    Unlike many years ago, you can’t just be satisfied to only meet your needs in today’s web environment. Instead, you need to please two factors equally: the user and the Google robots ranking you. The question, however, is which one should you try to please first? Google vs User? Which one to please first? User Experience vs […]

    READ MORE
  • 50 High Quality and Responsive HTML Website And Admin Templates

    Free is not bad at all. However, if you want to put your design onto the next level, save time when setting design up and simply look more professional right outside of the box, you need to invest in a premium theme.   Everyone’s running around trying to hop on the newest trend: flat design, […]

    READ MORE
  • Probably Use initial-scale=1

    If you’re doing responsive design, you’re using viewport meta tags. These tell the browser what width it should render the viewport at. If you don’t use this tag, it will render at the device’s default, which almost certainly isn’t what you want. But even if you are using viewport meta, there are subtle differences in […]

    READ MORE