Articles Tagged 'jquery'
jQuery Mobile – What You Need to Know
Rochester OliveirajQuery Mobile version 1.0 finally launched this past November. Don't know if you heard about it, but if you are planning to do any mobile app or website development, it's better to get started with it right now. I'm sure you've heard about jQuery. So, its mobile version is pretty close to what you already are used to, but with a lot of enhancements for mobile screen events (like touching instead of click, and there is no hover) and browsers (this one is tricky since there are plenty of browsers and devices out there) and capabilities (pluggable components). The crazy thing is how simple it is to initiate and build a fully working mobile site. Actually, we'll be talking about concepts, tips, codes, and in the meantime you can build your own app, in no more than one hour. Yeah, noob to ninja in one hour, this is what you'll get here :) So, let's rock!
40+ Fresh jQuery Image and Content Sliders Plugins
Jameel KhanIn this round-up, you will find the best of the freshest jQuery Image and Content Sliders Plugins so that you can take advantage of them and produce startling image and content sliders. You may find it quite difficult to figure out which plugin is best for you because all these plugins have different functionality. Keeping this in mind, we compiled this post. Let’s have a closer look!
Creative Christmas Gift For Geek Lovers – Web & Mobile App
Oh, Christmas. The magic time when you spend all the money you've been saving the whole year. Oh, and we have all that Christmas Spirit, of course. Now, you probably want to spend a lot on your soul mate's gift, to show her how deep is your love. Yeah, money can buy cool things, but guess what: almost every year I make my own gifts for my girlfriend (but I always have to buy something else anyway). And I feel that she just loves when I do something by myself instead of just buying it (unless shoes, she wouldn't like if I made her a shoe). So I'll show you, dear Padawan, how to make a cool one-page-gift for anybody that you like. Our goal here is to do a simple "slider", where a lot of messages and pictures that you like are shown. In the meantime you'll learn a little bit about design, jQuery and CSS3. So, let's rock!
Create Elegant Tags With Sliding Post Count For WordPress
Tired of the boring category style being always same, like a mini menu? Tired of items arranged horizontally or vertically, styled always the same way? Yes, I'm tired of it too. So let's make things more interesting now. Our starting point will be a cool sliding tags design made by Thomas Bosée. Then we'll learn how to use WordPress wp_list_categories function, how to edit its result, how to code CSS and finally a little of jQuery "Black Magic". So, let's rock!
Using HTML5 Video The Easy Way
If you haven't had a good reason to learn HTML5 video, let me give you one: Flash mobile is dead. Mobile is the new black, many people say that by 2014 more people will be browsing with their mobile device than using a desktop. You know, if we get through 2012 of course. So more then using CSS media queries and cool coding tricks, you need to be ready to switch also the way you post videos online. Now you may be asking yourself if it's hard to implement HTML5 video, or if it's worth the effort. Well, dear friend, it's way easier than you think. We'll see today a few different ways you can implement it, and a few more things that you should be aware of. So, let's rock!
Mouthwatering Collection Of jQuery Plugins And CSS3 Tricks
Costin GămanI'm sure that at one point or another you were designing a website and thought it could use a little something extra. That bit of something that adds extra functionality or enhances what it already has, making it not only easier for the user to receive the information they seek, but also present it in a neat package. In no particular order, I give you a handpicked collection of jQuery plugins and some CSS3 tricks to top it off. Surely, with these in your designer arsenal, your creations will stand out more than ever before.
Definitive Mobile Guide – 40+ Tools, Frameworks And Tutorials
The mobile market is getting bigger and bigger. A lot of people are spending much more time mobile browsing than desktop. Sometimes I feel like developers aren't paying proper attention to mobile interfaces. Maybe because we don't have enough tools to do it, right? No, actually it isn't. Despite cool things like Safari Mobile that makes any (non-flash) website "browsable" it's easy to see that conversion rates are much higher on interfaces design for mobile viewing. So be ready to see A LOT of tools to help you create cool things for mobile with just what we know (HTML, CSS, JS).
Improve Website Usability Using jQuery, HTML5, And CSS3
JamalRemember back when if you wanted to add interactivity to your site to improve the UX aspect to make it more appealing to visitors, you had to immediately go to a flash outlet? Well that sure does seem like a long time ago now, surprisingly so because it was just a few short years ago. The decline of Flash use for these instances can be credited to advances in web technologies such as HTML5, CSS3, and jQuery. These advancements have made the use of Flash in most cases an outdated and inefficient method of tackling interactivity in a website. That is why in this article, we're going to take a look at HTML5, CSS3, and jQuery tutorials, techniques, and resources that can replace aspects of a website where the use of Flash was the dominant and most practical option.
Simon’s Google Doodle – HTML5 + JS jQuery Game
Dude, you've heard a lot about Google doodles haven't you? What about that Pacman one? It is just addictive. Company owners know how a funny game and unlimited search powers could be dangerous for productivity. And how it can be a marketing boost. The most amazing thing is that we can create our own addictive HTML game. Actually, this is why we are here today. With this tutorial you'll see how to use some of JavaScript and HTML capabilities to build simple yet funny games. So, let's rock!
jQuery Plugin Development: Hover to Reveal Masked Password
We talked about how to improve your HTML forms performance a couple of days ago. There we covered a pretty controversial topic "Don't mask your passwords", discussing how bad masking your passwords could be for usability. At this moment, we basically have two options: mask password field and don't ask for any feedback, or show password field as text and potentially decrease security. This is why I think a hover revealing password could be a really good alternative: You can increase your security, and if you are unsure about what you've typed just go and hover over it. So, what we will be doing today is a jQuery plugin to do that, and additionally, we will have a behavior pretty similar to what many mobiles does, where we can see the last character for a couple of seconds. This is a good chance to learn more about plugins, dynamically generated content, and some good coding practices. Moreover with this technique we could apply different effects and a lot of variations since all this things are based on non-obtrusive and almost only decorative javascript. So, let's rock!
