 Your new post is loading...
Your new post is loading...
Keeping up with the new jQuery plugin releases and developments sometimes feels like a full-time job! Every other day something new and better crops up that catches the eye and you think yourself “Wow, that looks good, I could use that!“.
For this post I have collected 25 of the best newly (or, pretty close to new) released jQuery plugins, and every time I do a post like this the plugins seem to get better and better and push development boundaries further and further away.
I hope you find these plugins useful.
With jQuery becoming ever more popular, the volume and quality of plugins and tutorials that developers are releasing and writing are increasing rapidly.
With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at all.
The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used.
Having said all that, we are in no way saying that these techniques are in anyway better than there Javascript equivalent, just an optional alternative and as a proof of concept.
In this article we have concentrated on showing as many varied CSS techniques that cover the full spectrum of web site interactivity, thus we have intentionally minimized the number of pure CSS navigation methods, of which there are literally hundreds.
The most important part of designing a new site is the navigation or menu system, but this can be tricky, time consuming and often frustrating. You need something that will fit into your design and most importantly, allow your readers to navigate with ease. Below you will find 24 CSS (in some cases with a little jQuery) Navigation and Menu Tutorials to help you on your way.
With all the talk of CSS3 at the moment, its easy to overlook the impact Javascript, especially jQuery, can have on the appearance of the basic web button. As such, we have collected 20 useful CSS buttons techniques that have all been improved and enhanced by the sooper-dooper power of jQuery.
Lets be honest, forms can be a pain in the ass to fill in. And for developers? There an even bigger pain in the ass to build. No one really likes them, as such, the most difficult challenges that a developer has to take on, when it comes to forms, is not only how to build a form that is easy and quick for the user to use, but also make it as accessible and usable as possible. Its not easy.
In this article we have collected 50 jQuery plugins to help you build powerful forms. If you are looking for solutions to any from issue, you will find the jQuery plugin solution here.
What an exciting web development year we have had (OK, its not quite finished, but almost). HTML5 and CSS3 have forced there way into the mainstream, responsive layouts techniques are rapidly moving towards being the standard, sites like Dribble, Forrst and GitHub have offered a fantastic platform to both inspire and share new ideas and solutions, and of course, as it always reliably does year after year, the jQuery community has released a colossal amount of really, really useful plugins.
With this post we have highlighted the 50 plugins that, we feel, are not only the most useful and popular from the this year, but also the most ground-breaking. To help you find a specific solution, we have split all of the plugins into the following categories: Form & Validation Plugins, Plugins for Responsive Layouts, Sliders, Galleries & Carousels, Modal Window Plugins, Mobile Specific Plugins, Web Typography Plugins, Animation Plugins and finally everything in-between.
In this web developer round-up we have chosen 50 recently released resources and tools that offer time-saving solutions to many of the development issues you may come across. So, if you are looking for a tool that will check your Javascript, validate your CSS, help you create an image sprite, or a new HTML5 Canvas library, a new CSS dev framework, or even a parallax scrolling library you will find them all here, and much, much more.
Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek.
|
In this post we have a selection of jQuery plugins and tutorials for enhancing and aiding in the development of the dreaded form area.
jQuery is everywhere, its fast and versatile, and is rapidly becoming as common on websites as CSS. The only small problem you may have is keeping up with development, keeping up with new plugins and tutorials.
This is the jQuery version of the phenomenal mooSocialize (which was, obviously, built on the mooTools framework).
jSocialize allows you to integrate your bookmarks for every post on your blog, website etc.
By clicking the jSocialize button, a window will appear, which lets you choose your favorite Social Bookmarking Network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.
It then opens up the page in a hovered layer. Click the X and the window closes.
Try the Demo you will love this.
CSS button styling can be tricky and sometimes tedious. If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you.
Below, you will find 22 CSS Button Styling Tutorials and Techniques.
In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes!
Of course CSS3 never rolled out last year, it has been around for a long time without ever entering mainstream web design. That was until last year when support arrived from the web browsers Safari, followed by Firefox and then Chrome. And CSS3 has been gaining momentum ever since.
Once upon a time when a web design required a nice, functional and scalable button it would have had to have been firstly designed in Photoshop, implemented with the sliding doors technique, and you may have had to spice things up with a little javascript. With CSS3 everything is changing – everything is easier and certainly better.
As well as button tutorials and techniques we have also showcased some CSS3 tools and generators, you will find these at the bottom of the post.
Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need.
Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs.
Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. It seemed logical to give the collection a fresh outlook and a uniformity under one framework – I chose jQuery. (I have held on to a few controls that have not been built with jQuery, but for the sake of this post I have omitted them).
The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses.
You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique? Navigation, forms, images, sliders, carousels… they all need to be optimised as well.
That is were this post comes in, by highlighting 25 jQuery plugins that will help you optimise and resize those trickier web elements.
Its that time of the year again were we take a look at and highlight the most useful recently released jQuery plugins.
As expected from the jQuery community, the selection we have for you is highly impressive. They never, ever let you down.
The 40 plugins we have for you below have been categorized into the following categories: Page Layout Plugins, Menu & Navigation Plugins, Form & Search Plugins, Slider, Gallery & Carousel Plugins, Chart & Graph Plugins, Animation Plugins, Typography Plugins, Image Effect Plugins and, finally, everything else in-between.
What we have for you today is 50 web-based apps and tools that will either offer, in one way or another, a time-saving solution to many modern development issues or will help speed up your working day.
The post has been split into into the following categories: CSS, JS & HTML Tools, Web Editors & Playgrounds, Responsive Design Tools, and Just Useful.
So, even if you didn’t know you were looking for something today, we guarantee that you will find something really useful here.
Almost all of the rich web applications that we currently see on the web today rely on a subtle set of UI controls, libraries or frameworks.
|
