You Are Here: Home » jQuery

Easy to Use Dialog System for Modern Web Apps

BasicModal is a dialog-system for modern web-apps. It includes everything you need to display information, ask questions or request input from the user. Modals can be chained, so you can easily build a setup-assistant or show dialogs in a predefined order. Invalid input can be highlighted and handled using the included function. BasicModal uses SASS, CoffeeScript, CSS3 Flexbox and only requires jQuery on yo ...

Read more

Introducing ScrollMagic 2.0

If you’re desperate to generate beautiful scroll animations in your next project, then look no further. ScrollMagic is a JavaScript library to help you create “magical” scroll interactions which effortlessly react to the user’s current scroll position and trigger animations or synchronized events.  ScrollMagic recently underwent some big changes, so here’s a quick walk-through discussing the changes and imp ...

Read more

Native Popups and Modals With the HTML5 “dialog” Element

Many processes on the web these days require users’ full consent in order to be completed. For example, users may need to remove an account, change their username, or confirm a monetary transaction. A common UX approach in such cases is to display a dialog box, typically with two buttons; one for cancelling and one for proceeding with the action. We have been relying on JavaScript libraries to do this for y ...

Read more

Native Popups and Modals With the HTML5 “dialog” Element

Many processes on the web these days require users’ full consent in order to be completed. For example, users may need to remove an account, change their username, or confirm a monetary transaction. A common UX approach in such cases is to display a dialog box, typically with two buttons; one for cancelling and one for proceeding with the action. We have been relying on JavaScript libraries to do this for y ...

Read more

25 Syntax Highlighters: Tried and Tested

When you set out to grab a syntax highlighter for your website, or your favorite IDE, you quickly find there are a lot of options available. Picking which one to use can be a daunting task. Today, we’re making the process of choosing easier for you with a round up of all the most prominent offerings in the areas of straight JavaScript powered syntax highlighters, WordPress plugins, and IDE extensions & pack ...

Read more

Notes On Client-Rendered Accessibility

As creators of the web, we bring innovative, well-designed interfaces to life. We find satisfaction in improving our craft with each design or line of code. But this push to elevate our skills can be self-serving: Does a new CSS framework or JavaScript abstraction pattern serve our users or us as developers? If a framework encourages best practices in development while also improving our workflow, it might ...

Read more

Sign on the Dotted Line: Finishing Your Animation With Waypoints

In the previous tutorial we animated an SVG signature using CSS. It’s a great effect, making it appear as though the words are being written right there on the screen. In this tutorial we’ll take things further and use Waypoints to trigger the animation when we choose. The Problem Our animated signature isn’t perfect–the writing effect begins when the page loads, even if the SVG is at the bottom of the page ...

Read more

Best Tutorials on SVG & CSS3 Animation

Once you understand the basics of CSS it’s natural to move onto more detailed subjects. Animation is one such area which has been quite complicated until recently. CSS3 allows frontend developers to animate subjects without any JavaScript whatsoever. SVG images can be used with CSS3 to create stretchy and vectorized animations. The following tutorials should get you on the right track towards mastering SVG ...

Read more

© 2011 Powered By Wordpress, Goodnews Theme By Momizat Team

Wordpress SEO Plugin by SEOPressor
Scroll to top