Free code

Adding widgets to your Dreamweaver CS6 site

Dreamweaver has a few ways of adding effects to your site that would ordinarily take longer to code using Javascript or Jquery.  By adding widgets, spry or behaviours to your site you can circumvent having to uise these more complicted languages. Most of these effects can be customized after you've added them and some can even be customized before adding them to your code. For...
Free code

Adding Spry effects in Adobe Dreamweaver CS6

Like widgets and behaviours, spry effects are another great way of adding engaging devices to your website that convey information in a non linear fashion.  They work similar to widgets in that they're easy to install and can be fully customized to your liking. With spry effects you can easily insert tabbed options, accordion effects, collapsible panels, form elements and simple tool tips. In this...
Free code

How to use HTML 5 semantic markup in your website (Part 2/2)

In our last article we broke down some of the most commonly used semantic markup tags you'll see on the web. In this article we'll build a basic blog page that contains several of these markup tags in action so you an see how they work in a web building software such as Dreamweaver CS6 (which is what we're using). It will help if you...
Free code

How to use HTML 5 semantic markup in your website (Part 1/2)

HTML 5 has introduced a new method of structuring your webpage based on what type of content you have in a section. This new type of coding called "Semantic markup" is used to help web developers structure a page that will assist screen readers locate sections on a webpage more easily than before. Search engines may also place more importance on certain sections of semantic...
Free code

Setting up a responsive design website in Dreamweaver CS6 part 2/2

When working with responsive design in Dreamweaver, it's crucial that you keep track of where you place your styles. The html build of a given page should stay the same but you'll be changing the sizes of text sizes, divs, etc for each stylesheet. In our setup we created the mobile stylesheet first so both the tablet and desktop viewports will inherit all sizes from...