SEO Fundamentals for Web Designers

SEO (Search Engine Optimization) is an awkward topic to approach for beginners. Ironically, crawling the web for information about SEO often returns a huge amount of vague and contradictory marketing information. Fear not! If you think SEO is all unicorns and wizardry this session will arm you with the facts you need.

http://webdesign.tutsplus.com/sessions/seo-fundamentals-for-web-designers/

URL redirect using the .htaccess file

 Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^idesignhunt.blogspot.in [nc]
rewriterule ^(.*)$ http://www.idesignhunt.blogspot.in/$1 [r=301,nc]

Mouseover on an image map using jquery

 

Responsive jQuery Carousel Plugin

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images

 

Responsive Navigation

Many responsive websites provide a horizontal navigation bar on large screens and drop-down navigation for smaller viewports. It’s a perfectly decent approach, but it’s not without its issues. Firstly, devices don’t just come in large and small; they come in every size imaginable. Secondly, the navigation might well change over time. Thirdly, the layout or font size might vary across screen sizes. We’re going to do things differently…


Why not check (with JavaScript) to see how much of our the navigation actually fits in the space available? Once we know that, we can take items that don’t fit within the navbar and move them into a dropdown menu. On especially small screens, we can choose to put the entire menu into a dropdown.

 

Responsive Google Map Images

 

Building a Responsive Layout With Skeleton: jQuery Plugins videos

Our responsive layout is coming on in leaps and bounds, so let’s crank it up even further! Today we’ll look at various jQuery plugins which we’ll use to pull Twitter and Flickr feeds into our page, plus a responsive slider plugin for our features area at the top.