design for the web Keir’s visit :)
03/05/2013 1 Comment
photo via handheldconf
Today’s the day :)
Here are a few useful links relating to Keir’s session:
articles tagged: code
sticky menu with highlighting
02/05/2013 2 Comments
This is now a more and more commonly used technique which has great advantages for easy use – the sticky menu. I put together a quick demo which changes the position of the menu once the page is scrolled and highlights the current menu link, relevant page section reached.
This should help you with your site, Bart :)
more jQuery drop-downs
22/03/2013 No Comments
Following on from yesterday – let’s setup an accordion menu :)
download the source files and implement the design by looking at the webpage (without peeking at my CSS!). We will then setup up the sliding panel and drop down menu with jQuery, gracefully degrading without JS, of course :)
continue reading ➤
practising jQuery
21/03/2013 No Comments
Time for more practice using this sample design. Write the required CSS (working with the given HTML) to produce the layout as completed webpage. Take a look at the screenshots of the hidden/shown images and work towards the 3 break points shown.
Ideally, you’ll approach this task mobile first :)
smoothly does it…
14/03/2013 No Comments
Time to add some nice touches to your layouts - smooth scrolling as well as showing and hiding content elements. To keep you practising your coding skills in preparation for the production of your client project - create the following layout of this single sample portfolio page. The source files include the screenshots as well as the Illustrator file of the original cube graphic for the creation for the sprite rollover.
animate CSS, Dan Eden
09/03/2013 No Comments
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
by Dan Eden
found via forum post by Duncan Struthers, thanks, Duncan :)