Placed in: Home viagra australia
viagra online
viagra sale
cialis online
cialis australia
jQuery Mobile First Look: Book review and Giveaway

Packt Publishing There is no doubt that mobile currently is hot. The team behind the favourite JavaScript framework of many (jQuery) answered the need of a touch-optimized web framework, and decided to create jQuery Mobile. The development focuses on creating a framework compatible with a wide variety of smartphones and tablets. Although the framework was released almost one year ago, not many people know about it. Luckily, Giulio Bai wrote a book about the first steps into jQuery Mobile.

Thanks to Packt Publishing, I was able to read the book and wrote a review about it that you can read below. At the start, I was already really looking forward to it, since I never played around with the framework before. Now, you have a chance to win this book (almost 200 pages) and read it yourself!

jQuery Mobile First Look

What you'll learn from this book:

  • Why jQuery Mobile is a better choice compared to other frameworks
  • Create and style pages and dialogs
  • Use toolbars, theme en enhance them
  • and much more!

Read the review below and make sure to check out how you can win a hardcopy version of this book. Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.


Tags:  jquery mobile book review giveaway packtpub
 
Generating the pixellogo from TechCrunch in HTML

A while ago, the popular tech blog TechCrunch launched a new design for their website. Along with this design, they released a new logo. I wanted to generate this logo in HTML using jQuery.

HTML TechCrunch Pixellogo

This logo looked like the perfect candidate to do so, since it uses huge pixels and only a couple of colours (4 shades of green). With only little HTML, CSS and jQuery, I was able to generate this logo with not much effort.

Demo HTML TechCrunch Pixellogo   Download HTML TechCrunch Pixellogo

Did you check out the demo to see what we're going to do? This is how you can generate this pixellogo yourself!


Tags:  pixellogo generate techcrunch html jquery
 
The Apple.com navigation menu created using only CSS3

A while ago (I think it was around the release of the iPad), the Apple.com website got a new navigation menu on the top of the page. This menu bar was a lot darker than the previous, grey version, but looks just as great. One thing which I noticed about the navigation, is that the buttons are created out of images. That's the moment I thought we could do better, using some nifty CSS3 techniques. So today, I present you the Apple.com navigation menu created using only CSS3.

The Apple.com navigation menu created using only CSS3

Since this demo heavily relies on CSS3, make sure you view it using a CSS3 compatible browser. The Webkit browsers (Safari and Chrome) display the effect the best, followed by the latest version of Firefox. Opera and IE don't display everything correct, but the menu seems to be working.

Demo Apple.com CSS3 menu   Download Apple.com CSS3 menu

The menu on the Apple.com website also updated their search suggestion, which hasn't been implemented in this demo (yet), but I might create that later. For now, let's check out all the CSS3 you'll need to be able to create this fancy looking navigation menu.


Tags:  apple navigation menu css3
 
Experimenting with the element() CSS function

Just like I said in my previous article; Since Firefox 4 was relesed, loads of new (CSS) features were released into the wild. Next to the :any() CSS selector, another cool CSS feature was added to the Gecko engine that I wanted to check out, and is called the element() function.

Experimenting with the element() CSS function

According to the specification, this function does the following: Starting in Gecko 2.0, you can use the element() CSS function to use an arbitrary HTML element as a background image for background and background-image. That sounds pretty interesting! Take note this only works in the latest version from Firefox, and still needs the -moz- vendor prefix (so the complete function call will be -moz-element()).

Demo element() experiment   Download element() experiment

You can directly view the source from the demo to check what kind of small experiments (or checking out some bad practices) I did, but I would recommend you to read why the experiments are interesting.


Tags:  element css function firefox background
 
Why you want to use the :any() CSS selector

Since Firefox 4 was relesed, loads of new (CSS) features were released into the wild. Ofcourse, this is a great thing, since Firefox has a rock solid place as 2nd most popular web browser. More people will actually be able to see all the nifty stuff you'll create using CSS.

I recently came accross a CSS selector that was included in Firefox 4 (and is added to Webkit (nightly) as well), called the :any() selector. We'll take a look at what this selector does, and why you would want to use it.

any() selector

Be aware that the :any() is not part of the CSS3 specification (yet), but since Webkit already implemented it, I'm pretty sure others will follow as well. Also, to make it work in Firefox, use the -moz- vendor prefix, resulting in :-moz-any (-webkit- vendor prefix for Webkit). So let's see what this :any() selector can do for you.


Tags:  any css selector firefox webkit
 
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>

Results 16 - 30 of 358
Subscribe

Subscribe to Marcofolio