css reset CSSDECK.COM
  • Blog
  • All Tutorials
  • Subscribe
  • CSS Tutorials

Posts tagged navigation:

Post navigation
← Older posts

Managing the Little Things: Changing Cursors Through CSS.

by Ran Enoch  –  tagged :hover, basic, css, cursor, navigation

Cursors greatly influence an end user’s experience and CSS can be used to easily affect cursor changes depending upon hover, location and actions. This helpful tutorial will explain how to make it happen!

[…]

Watch Video

Creating an Advanced Navigation Bar with CSS

by Ran Enoch  –  tagged :hover, advanced, class, css, highlight, layout, lists, menu, navigation

This helpful two-part CSS video tutorial will show you how to create a rather advanced navigation bar, complete with highlighted drop-down menu options, that scrolls with the page, entirely with CSS.

[…]

Watch Video

Order on Demand: How to Use Divisions, IDs and Classes

by Ran Enoch  –  tagged :hover, background, basic, class, css, CSS functions, html, IDs, lists, navigation

Bringing some order to your projects does not have to feel chaotic. One you begin to understand how Divisions, IDs and Classes work together you can design a website in no time at all!

[…]

Watch Video

Cross-Browser Rounded Buttons with CSS3 and jQuery

by Ran Enoch  –  tagged advanced, border-radius, css, javascript, jquery, js, navigation, positioning, tutorial

I was tasked with replacing several dozen Photoshop-generated rounded buttons on a large site with a flexible HTML/CSS/JS equivalent. I wanted it to be simple and leave the code as clean as possible. It also needed to work in all modern browsers. This is my solution. […]

Read Article

The Simple Secret to Good Dropdown Navigation

by Ran Enoch  –  tagged lists, navigation, tip

Almost every example of good dropdown navigation on the web today relies on a single, simple HTML structure: the nested unordered list. Of course, that means that knowing how to build a good nested unordered list is critical to this entire process. […]

Read Article

Improve Usability and CTR: Make an Entire List Item Clickable

by Ran Enoch  –  tagged :hover, anchor, javascript, jquery, lists, navigation

Larger clickable areas make for greater usability and a higher click-through rate. Here’s how to expand a clickable area to an entire list item using jQuery. […]

Read Article

The Best CSS Newbie Articles of 2009

by Ran Enoch  –  tagged javascript, jquery, navigation, poll, Review

Happy 2010, readers of CSS Newbie! This year, more than a quarter million people stopped by, visiting more than half a million pages. Here are the Top 10 CSS Newbie Articles of 2009. […]

Read Article

A Full-Width Centered Navigation Bar

by Ran Enoch  –  tagged css, float, lists, navigation, pseudo-class

A friend challenged me to develop a simple horizontal navigation bar that could be span the width of the screen but center the navigation area over his content. This is the result of that challenge. […]

Read Article

A Super Simple Horizontal Navigation Bar

by Ran Enoch  –  tagged css, navigation, semantics

In more cases than not, a simple, no-frills horizontal navigation bar is exactly what the doctor ordered. So today’s tutorial is all about going back to basics. […]

Read Article

Using JavaScript to Style Active Navigation Elements

by Ran Enoch  –  tagged functions, jquery, js, navigation

I’m all about efficiency when I’m writing web code, and navigation is often one of those areas where I try to improve my efficiency. Here are some ways to automatically style your “active” navigation elements using some streamlined JavaScript and/or jQuery. […]

Read Article

Post navigation
← Older posts
Subscribe
  • RSS Feed
  • RSS Feed for Posts
2021’s most popular CSS Reset scripts, all in one place

A free resource for web designers and developers. On the homepage, you'll find the most popular CSS Reset scripts to copy/paste, with documentation for each.

Latest CSS Tutorials
  • Stylish Focus Effect on Input Text Using CSS
  • Use CSS to Add Various Shadows to Text and Elements
  • Make Beautiful Hyperlinks Using CSS
  • 15 Awesome Flexbox CSS Frameworks
  • Create a simple yet stylish tooltip using CSS
Reset CSS Scripts
  • Eric Meyer’s “Reset CSS” 2.0
  • HTML5 Doctor CSS Reset
  • Tripoli CSS Reset
  • ‘undohtml.css’ – Tantek Celik
  • Universal Selector ‘*’ Reset
  • Vanilla CSS Un-Reset
  • Yahoo! (YUI 3) Reset CSS
  • Normalize.css 1.0
Popular Topics
  • css(64)
  • css3(26)
  • javascript(21)
  • jquery(21)
  • advanced(20)
  • basic(15)
  • navigation(14)
  • intermediate(14)
  • :hover(12)
  • position(10)
Facebook Community
Featured Post
  • Stylish Focus Effect on Input Text Using CSS
  • Use CSS to Add Various Shadows to Text and Elements
  • Make Beautiful Hyperlinks Using CSS
  • 15 Awesome Flexbox CSS Frameworks
  • Create a simple yet stylish tooltip using CSS
From the archives
  • How To Add A Background Image In CSS

     

    Images are a vital part of modern webpages and adding a background image gives a perfect touch to the look and feel of a webpage. DesignHill talks about how the background image is attention-grabbing and the most visually appealing element [...]

    Read Article Read more →

  • How To Center An Image In CSS

     

    A picture speaks a thousand words.

    ThoughtMechanics explains the importance of images in a webpage and how they can impact your views, ideas, and perceptions. Thus, while learning web development it is important to learn how to format images.

    Images are the [...]

    Read Article Read more →

  • Stylish Focus Effect on Input Text Using CSS

    This short post talks about creating a stylish focus effect on input text elements using a pure CSS solution. The animation shows a colored bottom border gradually appearing on the input text focus and completing the animation in half of [...]

    Read Article Read more →

  • Create a Flash Effect on Images on Hover Using CSS3

    Creating animation with CSS3 is simple to implement and requires fewer lines of code. It helps you to create simple and even complex animations. The best part about CSS3 animations is the smoothness and running without any glitches if implemented [...]

    Read Article Read more →

  • Use CSS to Add Various Shadows to Text and Elements

    Adding shadows is a great way to create the illusion of depth and perspective, whether on a photograph, graphic design, or even on a web page! With the help of CSS3 properties, you can add such an effect to text, [...]

    Read Article Read more →

All words, images and code copyright © 2010 - 2021 cssdeck.com. All rights reserved.
About • Contact • Privacy Policy • Cookie Policy

RSS / Email / Twitter:   Twitter