Michael John Burns
Role: Designer / Design Guru
Michael is a Web & Graphic designer based in Philippines. He started designing during his teenage years and most of his skills and knowledge are self taught. He's dating with Photoshop for about 4 years now and been flirting with HTML & CSS from 2011 to present. Other than that he loves Coffee and his Girl.
Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]
Sup folks, it’s Mike here again, your design guru and this is the third part of our Basic Web Design Video Course.
This time we are going to completely markup the HTML using the tags that we have learned in the previous videos. After that we are going to style it using CSS.
Also, we are going to cover CSS reset, Clearfix Hack and new CSS3 properties to solve the most common issues encountered when you are starting to learn web design.
Buckle up and let’s get started!
![Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-large-webdesignvideocoursepart3.jpg "Basic Web Design Video Course – Complete HTML Markup & CSS Styles [Part 3]")
Read More
Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]
Howdy, guys, it’s Mike here again and this is the second part of our “Basic Web Design Video Course”. This time we will talk about the tools needed before starting out with HTML and CSS, then we will learn the most commonly used HTML tags.
For this tutorial, we will only cover the tags that are very useful to beginners, we will cover more tags at a later time. Then, we will style the tags using basic CSS properties. No worries guys, in the next videos we will go more in-depth and learn together.
Have you seen the first part?
If you missed out the first chapter make sure to watch it!
![Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-large-basicwebdesignvideocoursepart2.jpg "Basic Web Design Video Course – Basic HTML Tags, Structure & CSS [Part 2]")
Read More
Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]
Hello everyone, this is Mike and welcome to my Basic Web Design Video Course.
In this course I will walk you through the very basic steps on what to do and what to learn before, and during, building a website.
You’ll learn all the steps I use including:
- planning
- wireframing
- using basic tools and panels in Photoshop
- basic HTML and CSS
- and after learning these we will apply our knowledge and create our very fist website from scratch.
![Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]](http://www.1stwebdesigner.com/wp-content/uploads/2013/03/preview-large-basicwebdesignvideocoursepart1.jpg "Basic Web Design Video Course – Wireframing, Photoshop Tools & Panels, and Designing [Part 1]")
Read More
A Beginner’s Guide on How to Become a Better Graphic Designer
As a beginner who wants to become a better graphic designer or web designer we all start learning on our own by reading tutorials around the web. We search things that we like to learn, such as a button effect tutorial, typography, web layouts, illustration, and a lot more. Along the way we end up hopeless, thinking that we can’t be as good as already established designers and then just stop there. Have you been there? I’ve been at that point. And I’m telling you, don’t look down on your skills because every person who strives hard will eventually reach success.
Striving for success without hard work is like looking for fruit in places that you didn’t plant seeds! Useless!
-Rev Run
Read More
Design a Custom Twitter Header in 8 Simple Steps
Howdy! Maybe you’re one of those who haven’t updated their Twitter headers yet, or maybe you’ve heard it already but you’re not just into creating your own design due to a lack of inspiration? Well, that’s not a problem at all now, this tutorial is for you. I’m going to show you how to create your own, and showcase some Twitter headers for your inspiration.
Before we get started creating our own design, let’s take a look at this list of inspiration to boost up your creativity level.
Read More
Skeleton Boilerplate: Learn How To Convert Artthatworks From PSD To HTML
Howdy Folks! In this tutorial you will learn how to convert Artthatworks (if you want to know how to create this design in Photoshop check here!) from PSD to HTML using Skeleton Boilerplate and make it responsive with media queries. As I mentioned in my last tutorial, I hadn’t tried using a framework until recently. I found the Skeleton Boilerplate Framework which makes it very easy to convert PSD files into HTML, by calling the right classes you can create a quick responsive layout. Sounds great right? Well then get ready and let’s get started.
Read More
45 Insane Game Website Designs for Your Inspiration
We have already covered hand-drawn websites, websites with unusual navigation, travel agency websites, and a lot more! You know what’s missing? Game website designs!
In case you didn’t know, websites about games are becoming a thing, and it’s one of the most profitable niches out there. If you are passionate about gaming and you want to share news, stories, and opinons about your favorite console and games, then this roundup is perfect for you. Whether you want to design one or you’re simply looking for great designs, have fun!
Read More
Media Queries Tutorial – Convert Burnstudio into a Responsive Website
Howdy Folks! If you’re following the series, we have converted Burnstudio Design Agency from PSD to working HTML/CSS. We have discussed how we will markup the HTML and how we will style it using CSS. Now, in this tutorial I will teach you how to make it Responsive by using Media Queries. Media Queries will change the look of the website depending on the screen resolution of the device: desktop to a mobile resolution by tweaking the CSS for a variety of viewports.
By the end of this media queries tutorial you will learn how to convert any website into a responsive website.
Let’s get started!
Read More
PSD to HTML Tutorial: Code a Photoshop File to a Working Website
Howdy, folks! In this PSD to HTML tutorial you will learn how to code the Quick and Easy Stylish Design Agency Landing Page In Adobe Photoshop. I’m not really into coding, more of a design person and this is my first coding tutorial. I will try my best to guide you through the whole thing. We will be coding this from scratch and by the end you will have an awesome and fully functional agency layout.
Are you ready? Let’s get started!
Read More
Quick and Easy Stylish Design Agency Landing Page In Adobe Photoshop
Hey Guys! Were you ever asked to design a Desgin Agency website and you’d run out of ideas? Well, this tutorial is just for you. I will show you how to create a stylish looking landing page using Adobe Photoshop. Don’t worry, this design will not take too long and don’t be afraid of doing this if you are a beginner I promise to guide you all the way through. So what are we waiting for? Let’s get started!
Read More
