Posts

Showing posts from January, 2013

The best free web design ebooks to download

Image
Starting to learn web design? Need access to good reference books? Here are some of the best free web design ebooks you can find on the web right now: Build Your Own Website The Right Way Using HTML & CSS, 3rd Edition http://it-ebooks.info/book/962/ Learning Web Design, 3rd Edition A Beginner's Guide to (X)HTML, StyleSheets, and Web Graphics http://it-ebooks.info/book/308/ HTML5 Quick Learning Guide http://freehtml5templates.com/html5-quick-learning-guide/ Design Your Imagination http://www.lulu.com/gb/en/shop/webguru-india/design-your-imagination-free-web-design-ebook/ebook/product-4067431.html Build Your Own Database Driven Web Site Using PHP & MySQL, 4th Edition http://it-ebooks.info/book/405/

Examples of responsive web design

Image
 Following on from the previous post, here are some examples of responsive web design - animated so that you can see how the layout changes as the browser resizes.  These are all done using CSS3 media queries. This first example shows how the left-hand column disappears under the main content as the page width shrinks.  The logo shifts from the usual top left to be centred and the main links align under this logo. The images also scale all the way down to a 260 pixel width! This second example keeps the extra right hand column down to 410 pixels and only at the small sizes does the logo pop and centre itself. This following is an example of using media queries to take advantage of widescreen monitors all the way down to mobile widths. Notice how the main navigation goes from eight links down to four links and how the extra info is pruned away. The final example shows how images are scaled and removed to simplify the layout. You'll notice that all these...

Content Management Systems - Drupal

Image
Content Management Systems - Drupal And now it's the turn of Drupal - the much mistaken CMS.  I like to think of it not as a content management system, but as a web framework with modules.  To the first time user it is a confusing barebones system with not a lot of flexibility, until you find all the modules and work out which one does what. This leads to two types of people - those who have used Drupal, got confused/frustrated and now use Wordpress.. and those that struggled on up the steep learning and now love it. Here's a perfect example - you install Drupal and soon realise that when you add a new post or article it's just plain text (or you have to add HTML tags manually) there is no WYSIWYG editor by default.  Some people will give up and grumble - others will search for the the correct module, install it and be happy. If you use Drupal for every project you will learn the "Drupal way" of doing something.  You will have your core modules that you al...