I am currently working in the Digital Media Department at Utah Valley University where I teach courses in web page markup, responsive design, content management systems, and php. To keep up with what's happening in industry, I also run my own web design company, Spartan Design Web, where I manage to create a few sites a year. This keeps me up with what is happening in the real world so I can take it back to the classroom. Believe me, it's a lot of work. Things are changing so fast!
I have found that if I provide the lectures on video and then spend class time helping students solve individual problems, that it makes for a better educational experience for both of us. Since it's so much work to create the examples and all the instructional videos, I decided to share them with the public in case anyone else can benefit from them. In addition, I have provided you discount codes in case you decide to sign up for my courses.
This site is the repository for all the source files and competed examples for each course I teach.
Why I used Font Awesome instead of graphics.
The social icons in the upper right corner of the age are built using Font Awesome instead of Photoshop graphics. The reason I choose to do this is because they will render really crisp at any screen density. For example the LG G5 phone has a screen density of 4 which means there are 4 times as many dots of light crammed into the screen as a normal desktop monitor. You can learn more about dots of light and pixel density on my Pluralsight course "Responsive Images and Sliders"
Why I used responsive images for the Logo
I built this logo (the three circles) using Photoshop. There are three different sizes of the logo png image.
The default image is 159px wide and displayed at 159px wide on my desktop monitor. When someone with a 2x device or higher like an iPhone 6 views my page, the second version at 318px wide is displayed in a 159px wide space therefore cramming twice as many pixels into the display which is perfect for a 2x display. When someone with a 3x device like an iPhone X views my page, the third version at 477px wide is displayed in a 159px wide space therefore cramming three times as many pixels into the display which is perfect for a 3x display.