I have created a video that goes over how to use the responsive framework, Foundation, to quickly build a responsive layout. This can be a great way to quickly build the basic layout for your portfolio site.
Lynda.com Foundation Video series. Login to Lynda.com and then do a search for “Up and Running with Foundation.”
To login to Lynda, go to Course Home > Academic Resources.
Click the Library to launch it.
Click the Web Design and Interactive Media button
Scroll down to the “Industry Information” section and click the Lynda.com link.
On Thursday, July 11, 2013, I gave a presentation titled “Industry Overview: Current Trends in Web Design”. In the presentation I discussed some of the popular trends in web design for 2013. Some of the topics include responsive web design, single page layouts, flat design, infinite scrolling, and fixed header bars.
Responsive Web Design is a popular way of creating a single site that will work across multiple devices instead of having to create completely separate sites for each device. Use responsive web design techniques to build sites that automatically adjust themselves based on the screen size of the user. This is a relatively new way of creating a single site that works well across multiple devices: desktops, tablets and mobile phones. Includes HTML, CSS, media queries, fluid grids, flexible images, etc.
You can fast forward to minute 6 of the video. That is when it really begins. The first few minutes were me dealing with some technical issues.
In this video below I review the two different types of web links: absolute and relative. I go over the differences between the two and show how to properly use them.
The concepts shown in this video are especially important when it comes to working with jQuery plugins. All jQuery plugins require you to add script tags that point to the source code of each plugin. If you do not link to those files properly, then your plugins will not work.
This video is several years old so you will notice that the Dreamweaver interface looks a bit dated. However, all of the concepts in this video are still valid today. Feel free to stop watching after the first 10 minutes. The final 5 minutes of the video go into PHP.
For a better viewing experience change the quality to 720p and watch in full screen mode.
One of the first steps to setting WordPress up is to create a database that will host the WordPress tables. You can use an existing database if you wish. If you need a refresher on creating a database on the Student Server you can view the PDF file I have attached or watch the video tutorial here: http://184.108.40.206/LIVEcourse/aio/IMD323/AI_IMD323_W1_tutorial1.html
For all students in IMD331: Web Site Development II, here is a video tutorial for Week 2 Assignment 3, which is the sticky contact form with PHP validation.
I have also uploaded the files I used in the video. If you use the files for the basis of your assignment, please make sure you make some modifications to the form, please do not just copy/paste the code I have provided.
View Live Demo (You can also view the source of the file to copy/paste the code)
You may find the video confusing if you are not familiar with jQuery. If you want you can simply use the code in the live demo page and copy it on your site to add the twitter feed without having to understand how everything works within it. Just be sure to change the twitterUser variable to be your twitter account.
If you have any questions, use the comments below.