Placed in:
Search
Search Keyword demo
Total 51 results found. Search for [ demo ] with Google

Results 1 - 30 of 51
.... Several styles For several styles, create a few image styles. Suppose we are naming it demo_narrow, choose the scale from the effects drop-down and click Add. Then you can set the wid...

...hat matter) shouldn't be used to create mockups, but start with the HTML and CSS directly. You can live-demo the mockup to your client, and export the documentation that has been written in CSS. In my...

3. Build native-looking apps for iOS
(Programming/Webdesign)
Lately, I've been messing around with cool HTML5 stuff a lot. One of the things that HTML5 is trying to reach, is the market of mobile devices. A long time ago (when I got my first iPhone), I wrote an

...ete function call will be -moz-element()).    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 w...

...l we're trying to achieve. As usual, I've kept the HTML as simple as possible, just for the sake of the demo. <div class="green box"></div> <div class="r...

...er API to make the example, so you'll learn a little bit about JSON too. Simply check out the demo to see the first tweets from my Twitter stream. Scroll down to load more tweets and see the...

...d the following section to see how you can use more options to create more elements. Options On the demo page, you can see how the code should be implemented on your site. You can define the eleme...

...or XP, I re-created the effect using HTML/CSS with jQuery and jQuery UI. Simply check out the demo to see if you can remember how it would look like. Be creative and fill up the screen with ...

...nt that's underneath. When using transparent images, this technique can be very powerful (check out the demo). Let's take a look at how the demo page does this: HTML <div class="shadow...

10. Best of the Best: 2009
(Useful/Features)
...popular as it walked beginners through each step of the development process, piece by piece. Also, live demos and downloadable files always improve the popularity of posts. What's Your Favourite ...

...3 and jQuery. You can compare both the codes and see which one you like more. Don't forget to check the demo/download the source code to view how everything is working under the hood.    ...

... rounded corners gradients box-shadow    As you could expect, this demo only works in browsers that support the new CSS3 features. This code fully works in Safari ...

13. jQuery DJ Hero - CSS3 and jQuery fun
(Programming/Webdesign)
...at don't use those browsers and still want to see how the effect looks like. Make sure to check out the demo and let's see how you can create that yourself. Example video Below is a small video show...

As you might already know, I'm Dutch. This simply means that I was born and live in a country called The Netherlands (a.k.a. Holland). When looking at prejudices: The country of cheese, wooden shoes,

15. Browser size aware content scaling
(Programming/Webdesign)
... My version uses floating images (but essentially, they work the same). Just make sure to check out the demo.    Now let's take a deeper look at the problem, the solution and how you c...

...1 Unordered list item #2 Unordered list item #3 And check out the demo to see what we're going to create with it.    Looks much better, doesn't it...

...u didn't properly close a tag, this piece of code will expose it for you. Simply check out the demo to view what we're going to create! At first, the demo looks like a regular web page. But w...

...sual C#. The images (cursors) I used are from IconFinder.    Make sure to check out the demo to see what we're going to create! As you can see, it's not really that useful, but pretty ...

...stylesheet switcher. We'll simply change some colours for the user! Make sure to check out the demo to view what we're trying to accomplish.    The cute little monsters used i...

20. Theatrical movie trailer with jQuery
(Programming/Webdesign)
Don't you wonder sometimes, when looking at something, how you can create something like that yourself? I have to admit that I do. This is why I came up with the Skype for Mac and the iPhone examples

... discuss web stuff. And it's screencasts, which are hands-on instructional tutorials (all free) where I demonstrate some technique of some kind. There is a bit more too it than that, but those are the...

22. jQuery Code Expander
(Programming/Webdesign)
...tional overlay image is added, just to show the user that it can expand the code example. Check out the demo and read below what the secret of this technique is. HTML Although the HTML is very simpl...

... we go! Let's see how you can create one of these wicked Skype menu's yourself. The users listed in the demo are the friends of Marcofolio (same that are placed in the footer) with their Twitter profi...

24. Advanced keypress navigation with jQuery
(Programming/Webdesign)
...an improve that script yourself using advanced keypress navigation with jQuery. Check out the demo so you can try it yourself: There is a simple menu displayed which reacts to the Up and Dow...

...NOTE: Sadly, CSS3 and HTML5 aren't the standards (yet) these days (when will it ever be?). Since this demo is using CSS3, not all browsers will be able to show off the full effect. Because of this, ...

...e I said: Really everyone can use this extension, it's as simple as that. A small example This little demo is something I created under 20 minutes. For me, as a below average Flash user, this was ma...

Links (or anchor tags) are really important in webdesign/development. With all default settings (Both in CSS and the webbrowser), a link does look pretty ugly: A blue, underlined text (and purple when

...ort that Adobe and Community dedicated to show their experiences through the tutorials, whether through demonstrations and source codes. That is exactly what we are going to show today: Tutorials and ...

...ct from that website by creating a fancy apple.com-style search suggestion. Make sure you check out the demo (or visit Apple.com) to see this awesome effect work. This example makes use of s...

As you can see in my last article (a chat conversation with Janko Javonovic), the article is nicely styled in a real "chat conversation" way. This is achieved by placing the text in text (or

<< Start < Prev 1 2 Next > End >>