The design of mobile web layouts for smartphones poses a challenge for designers time and time again. The little space available on the devices has to be used in a meaningful way – mostly for the content. Thus, it would be best if the navigation took up no space at all, while still being easy […]
READ MOREThe 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 MOREThe 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 MOREThe 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 MOREThis 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 MORESVG (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 MOREResponsive 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 MOREI 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 MOREOne 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 MOREThe 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 MOREResponsive 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 MOREIf 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 MOREThe 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 MOREResponsive 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 MOREIf 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 MOREHamburger 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 MORELast 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 MOREIt’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 MOREFree 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 MOREIf 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