Advertisement

jQuery

  • CSS
    Let’s Make Some Dynamic, Animated Section LinksLink
    121 shares
    In this tutorial, we'll discuss a technique for dynamically generating section links with JavaScript, and then animating them using CSS. Let’s dive in!Read More…
  • jQuery
    How to Use jQuery with ZingChartZingchart
    205 shares
    Web charts built with JavaScript are a great way to add interactivity to your apps and sites, but if you prefer working in jQuery, your options can be limited. Developers are often left to choose between convenience or features. All the bells and whistles in 100 lines of code or a simpler version in 30? In order to address this, the team at ZingChart have developed a wrapper to use their API with jQuery syntax, allowing devs to quickly build charts with the rich interactivity they want.Read More…
  • CSS Animation
    New Course: CSS Animation in the Real WorldCssrealworld
    65 shares
    When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.Read More…
  • CSS
    How to Give Your Logo the “Slip Scroll” EffectPreview
    318 shares
    In today's tutorial we're going to use JavaScript to create a simple, flexible, parallax effect where a logo seemingly changes colors with the background it's on when the user scrolls.Read More…
  • jQuery
    Quick Tip: Sticky Navigation, Without the Awkward JumpWaypoints
    145 shares
    In this quick tutorial we're going to use jQuery and make a simple sticky navigation. With that done, we'll improve on our efforts by using jQuery Waypoints to make the effect smoother.Read More…
  • Foundation
    How to Build a Shrinking Fixed Top Bar With FoundationFoundation bar
    165 shares
    A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I'm going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we'll add a couple of media queries to make our menu responsive. Let's get started!Read More…
  • jQuery
    How to Build a Page Scroll Progress Indicator With jQuery and SVGIndicator thumb
    458 shares
    Today we will be looking at a few techniques for displaying scroll progress for users who are reading a page. We will cover two specific techniques you can employ to show scroll progress, and leave you with a toolset to create your own. Let's get started!Read More…
  • Complete Websites
    Finishing the Responsive Timeline Portfolio PagePortfolio2 thumb
    88 shares
    It's time to finish off our responsive timeline portfolio layout. In this tutorial we'll add some flair with CSS3 animations and jQuery.Read More…
  • jQuery
    Create a Quick, Sticky MenuSticky menu retina
    56 shares
    During this quick tutorial we're going to implement a sticky menu with CSS, toggling its visibility with jQuery. It's the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings.Read More…
  • JavaScript
    Build a Multi-Step Form InterfaceForm sideways retina
    95 shares
    Form usability is an incredibly important topic in web design. As one of the primary input interfaces provided to users, the usability of a form is essential to a good user experience. Today, we're going to build a multi-part form, complete with validation and animation. We'll cover a lot of ground, so buckle up!Read More…
  • Site Elements
    Reveal Content When Needed With an Expanding FooterFooter retina
    82 shares
    During this tutorial we're going to build an expanding footer; a user interface pattern which allows the user to click on expandable footer regions if they wish to see more content. The end result is comparable to the accordion effect sometimes applied to lists and you can find it used on sites such as seesparkbox.com. Additionally, we're going to be using Emmet to help us write our HTML at lightning speed.Read More…
  • Responsive Web Design
    Examining Responsive Navigation: Off Canvas PatternsNav patterns preview
    83 shares
    In this tutorial we'll walk through four variations of patterns where navigation and page content is placed off canvas to conserve space until requested. It's time to stop copying and pasting, let's start understanding!Read More…
Advertisement
Advertisement