Articles, Blog

Responsive Layout: Advanced Techniques – Google Web Designer

My name is Lucas. And I’m an engineer on Google Web Designer. This video extends the previous video on creating responsive documents using media rules. In this video, I’ll show how to create documents that contain multiple breakpoints and then use breakpoints on width, height, and the viewport orientation. I’ll
Continue Reading
Articles, Blog

Share Responsive Sites Solution – Responsive Web Design Fundamentals

Here’s an example of a responsive site. Check out alistapart.com. Watch what happens as I resize the window. I’ll scroll down, and then pull the window in. You can see that the content reflows to fit the smaller viewport. Besides its responsive layout. A List Apart is also a great
Continue Reading
Articles, Blog

Tutorial: Learn how to use CSS Media Queries in less than 5 minutes

Hi there, my name is Kevin and here on my channel we learn how to code the web and make it look good while we’re at it Today, I’m going to give you a rundown on how media queries work and we’re going to do it in less than five
Continue Reading
Articles, Blog

Top 5 Web Design Frameworks

Hello friends! In this video I will talk about the top five most used web design frameworks. But first what is a framework? In the world of web design a framework is a package made up of a structure of files and folders of standardized code in that those code
Continue Reading
Articles

17 Responsive Web Design Trends You NEED to know in 2017

Hey everybody. Daniel here and we’ve got 17 Responsive Design Trends that’s going to shape your 2017 and well beyond. Designers working on web projects face a ton of challenges this year. They have to make products that work across a variety of devices, are engaging, and appeal to a
Continue Reading
Articles, Blog

4 Awesome Mobile Website Design Examples

Continue Reading
Articles, Blog

Responsive Web Design in Sketch App: Auto Layout & Flexbox Plugin

Hey, I’m Hunter from Skillthrive and in this tutorial you’ll learn the basics of the Auto-Layout plugin in Sketch to create a responsive card layout like this one. Before we get started, make sure you download and install Anima into Sketch. There’s a link in the description that’ll take you
Continue Reading