Showcase: Beautiful Jewelry Websites Created with Wix

Not all that sparkles is gold. It could be a really beautiful Wix website with images of gold, like these jewelry websites we have here today. The exquisite taste of the Wix users who created these sites is evident not only in the jewelry, but also in the web design itself. Beautiful photographs placed just right, wonderful use of typography and great product display are just some of the niceties these sites have to offer. These websites, created with the HTML5 website builder, do a terrific job in presenting jewelry pieces as prestige and desirable objects. This is not bling, this is class.


Evidence Jewelry


Shadia Saad Seguir leyendo “Showcase: Beautiful Jewelry Websites Created with Wix”

Y… ¿un ‘plug-in’ no es un ‘complemento’? |

Con el término inglés plug-in se hace referencia normalmente a distintas funciones optativas que mejoran el funcionamiento de otros programas, de los que dependen, o que les dotan de pequeñas nuevas capacidades.

En internet, esta palabra suele hacer referencia a dos conceptos: al complemento necesario en un navegador web para poder ver o ejecutar material multimedia de distintas fuentes (por ejemplo, para ver los vídeos de YouTube, es necesario descargar el complemento para Flash de Adobe) y a los accesorios (también llamado en inglés add-on) que mejoran o amplían las funciones del propio navegador.

Además de por complemento, en algunos casos también se puede traducir por extensión.

Adobe matará Flash para Android mañana

El estandar web más popular de la historia sigue cediendo, sólo horas de vida le quedan a Flash para AndroidAdobe confirma que a partir de mañana la aplicación no se podrá descargar y eliminarán cualquier vía oficial para instalarlo en los terminales basados en el SO móvil de Google.

Flash cerrado

Que moriría no es noticia nueva, ya lo sabíamos y el cese del soporte se recalcó hace unas semanas cuando se dio a conocer Android 4.1 Jelly Bean. Sin embargo, no fue hasta ahora que Adobe se manifestó y reveló el momento en que matará definitivamente a Flash para Android.

Esto no quiere decir que de tener el APK no lo podrán instalar más adelante y mucho menos dejará de funcionar a quienes ahora mismo lo tienen instalado en sus terminales. Sólo no habrá ningún tipo soporte para correcciones de fallos o futuras actualizaciones para mejorar la compatibilidad porque es inevitable el avance. Seguir leyendo “Adobe matará Flash para Android mañana”

How to design the best website user experience

Greetings & Salutations

My name is Wilson Revehl, Co-founder, CTO, and Vice-President of Go Media. When William Beachy and I founded the firm in 2003, merging our respective freelance businesses, I would not have imagined we’d become a publisher. And lord knows I haven’t done much to advance that cause. Jeff Finley, our first principle partner, deserves most of the credit for advancing our readership. The last time I wrote a Zine article was in 2007, about Flash, which has since become irrelevant.

I built my first website in 1996 on Yahoo’s GeoCities wysiwyg. I’ve been immersed in the world of syntaxcurly braces and for loops ever since. Today, I can read and write in all the major web programming languages, but still prefer PHP & Javascript. My skill-sets are perpetually in high demand. That’s great, except maybe I’ve been using it as an excuse to put article writing on the back burner. I’m hoping to change all of that. I want to contribute more knowledge to the design community moving forward.

Usability fundamentals of modern website design

Months after we launched a brand-new site design for our client, they returned. They wanted a new homepage. They were a market-savvy bunch who had tracked visitor click-through and retention. The idea was to alter the layout to rev up visitor engagement. I wholeheartedly endorsed the endeavor.

An organization who has the means and is willing to test differing user experiences will find that it offers constructive insight into their marketplace. However, most small businesses don’t have the budget to refresh their website design or layout whenever they want. That is why it’s crucial to design a thoughtful website user experience the first time.

Here, we’ll cover some usability basics for modern websites. The goal is to show you pragmatic dos & don’ts to ensure you’re taking advantage of best practices and conventions.

The Navigation System

No, we’re not talking about your GPS. But you might glean some perspective from the consumer products all around you. Long before the internet (or GPS) was mainstream, industrial designers had been honing and advancing user interfaces for manual operation. Whether it was the car stereo or the VCR, they recognized that comprehensive controls were pivotal in making their products viable. Things are starting to come full circle (who knew?!) with the advent of touchscreen and the desire to develop & design responsive websites for displays of various device types. The new norm will soon be conforming your site for display on car stereos! Until then, let’s focus on what you need to consider today to create a compelling website navigation system.

Use conventional placement

Why? Humans are creatures of habit. There is a reason you see top-of-the-screen navigation on the majority of websites. It is functional because people read from the top down. It is effective because it communicates a lot across a wide piece of real estate without hogging it up. Logically, you can’t go wrong with a menu at the screen’s top because people are looking for it up there by default.

No design works unless it embodies ideas that are held common by the people for whom the object is intended.

– Adrian Forty

Top Navigation… Seguir leyendo “How to design the best website user experience”

Flash-centric misconceptions of HTML5

With close to a decade of experience in web design, I have come across plenty of mistaken beliefs about the latest design tools and technologies; but nothing beats the misconceptions surrounding the use of HTML 5.

As developers, we have our own set of misguided beliefs about a certain technology, but as we begin to use that technology we are able to understand what it is all about, its usage, and its scope.

Inspired by certain HTML5 requirements that I have come across through the course of time, I wanted to add my two cents to clear the air on certain aspects of HTML5. Most of the misconceptions surrounding HTML5 are because many people think it’s a replacement for Flash.

At the outset, I would like to make it clear that this is not an HTML5 vs. Flash post. The truth is that one cannot act as the replacement for the other, so there is no ‘us vs. them’ battle. But, therein is the nub of the misconceptions. The problem is that people believe HTML5 is an enhanced alternative to Flash. All misconceptions are a result of this thinking.

Seguir leyendo “Flash-centric misconceptions of HTML5”

Landing Pages 3.0: How Content & Context Plays A More Meaningful Role

by  |

Landing pages have evolved a lot over the past five years.

Back in 2007, landing pages were almost cliché — what I would call Landing Pages 1.0. Take this example from Google — yes, Google — with the prototypical structure: a headline, a short description or some bullets, a small image (“hero shot”), and a form.

A Google landing page in 2007 Seguir leyendo “Landing Pages 3.0: How Content & Context Plays A More Meaningful Role”

What the Demise of Flash Means for the User Experience

By SuAnne Hall Hall

Adobe’s decision to cease development of the mobile Flash platform and increase their investment in HTML5-related efforts created perhaps the final piece of conclusive evidence that HTML5 is the current go-to technology for creating ubiquitous user experiences regardless of device.

While there’s been an abundant amount of discussion on what this means to developers, there’s been a lack of focus on what this means to the overall user experience (UX). If HTML5 thrives where Flash struggled and becomesthe dominator in the choice for new mobile and desktop technology, will users benefit from the transition? Yes, as long as designers and developers do their jobs right.

Different stroke for different folks

Apples and oranges. The question is, which one’s Flash?

It might seem strange to compare Flash and HTML5 at all, since they are so inherently different. Whereas Flash is proprietary, HTML5 is continually developing through open source collaboration. If Flash is a seasoned monarchy, then HTML5 is the wild wild west. It’s important to note that there are tons of applications and sites in which Flash and native apps will remain the preferred choice of implementation. However, that doesn’t mean that we can’t explore the major differences between the two in order to discuss the gaps that HTML5 can fill where Flash is lacking.

Flash, by nature, is a control freak. It demands browsers have the latest plugin, or it will be sure to let you know if it’s unhappy with your version – perhaps even go on strike until you upgrade. It thrives on presenting a consistent, desktop-centric experience of typefaces and layout, and never bothers to worry about changing the user experience based on device nor the context of what you might want to do on that device. But Flash has had years to evolve from the land of bouncy ball demos and splash screens to the product for creating some fantastically innovative interfaces.

By contrast, HTML5 excels at giving users a delightfully inconsistent experience on any device through the concepts of “graceful degradation” and “progressive enhancement.” Both concepts are designed to provide users the best possible experience each browser allows for, whether a content area displays a static image in Internet Explorer 6, or a fully functional HTML5 video in Chrome. Since desktop browser usage runs the entire spectrum of worst- to best-case scenarios, this way of designing user experiences can help ensure that all users get the most bang for their buck out of their browsers. Gone are the days of being forced into creating identical experiences based on the best performance of the worst browser.

Those who advocate web standards also support the important role HTML5 plays in responsive web design, or the systematic display of content, tasks, and layout, depending on whether the user is viewing the site on a mobile or desktop-sized browser. The reasons why people view the same website on a mobile device versus a desktop is often very different. For example, a user viewing a site for a restaurant while sitting at their office desk could likely want to view a workflow more supportive of exploring the menu, reviews and other content that would help decide if it’s a good place to eat. On the other hand, a user viewing the site from the passenger seat of a car might want to quickly find content based on the assumption that they have already decided to eat there, such as directions or the phone number. Seguir leyendo “What the Demise of Flash Means for the User Experience”

Ya se puede descargar Chrome para Android

Después de varios años de ausencia en el panorama móvil, Google ha lanzado una versión de su conocido navegador para smartphones y tabletas, aunque con limitaciones. Sólo se puede descargar Chrome en Android 4.0. Ice Cream Sandwich Los usuarios que no dispongan de esta actualización del sistema no tienen acceso. Además, no soporta Flash.

La esperada versión móvil de Chrome acaba de dar el primer paso con el lanzamiento para Android 4.0. De momento sólo estará disponible para los dispositivos que tengan la última actualización del sistema, también llamada Ice Cream Sandwich.

El navegador, reputado por su ligereza y su sencillez, está disponible para descargar en versión beta para Android 4.0. Esto es un comienzo para que Google lleve Chrome a otras plataformas, como iOS.

Seguir leyendo “Ya se puede descargar Chrome para Android”

Web Design Trends in 2011

There is a thin line between design and development, and as we move into a new decade, this line is becoming extremely blurry. Is it enough to draw beautiful mock up in Photoshop? Maybe 5 years ago. These days, the average internet user requires more. All beauty, with no substance, gets boring after a while. If your only goal is to impress a community of fellow designers with your flashy designs, you’ll find yourself quickly beneath the tide. 2011 is not about beauty, it’s about function. The trends for this new year and emerging decade are responsive design, constant connection and virtual reality.


How will you stay relevant as a designer in 2011? The ultimate goal of a designer is not to dazzle but to entangle. Any designer can get ‘oohs’ and ‘ahhs’ that are easily forgotten. The supreme designer is able to create an environment which charms and captivates the user to the point where he does not want to find the ‘Back’ button. Several elements come together to forge such a wonderland: harmonious color scheme, intuitive design, easily accessible information and fast response. Additionally, one can never under-estimate the power of simplicity. Of course, this has always been the case, but in 2011, you are no longer at the forgiving discretion of the desktop, or even laptop, computer. Now, your design must contend with smart phones, netbooks, tablets and the like. Are you ready?

Take a gander at the top 11 trends for 2011.

1. More CSS3 + HTML5

What a gratifying sigh of relief! CSS3 and HTML5 have been on the distant horizon of web design for the past couple of years, but now, in 2011, we see an explosion of it. Designers are finally starting to let go of Flash. However you may feel about Flash, you do know that it does not play well with some of the hot, new technology available to your current and potential visitors. In 2011, you will slowly step away from Flash and embrace the magic known as HTML5. Look at the amazingly similar comparison:

Seguir leyendo “Web Design Trends in 2011”

Google Releases an E-Book About the Internet (But Still No Book Store)

The nature of the Internet doesn’t exactly make for an exciting bedtime story, but that’s how Google is presenting “20 Things I Learned About Browsers and the Web.”

Google’s Chrome team wrote the e-book in HTML5, presented as interactive pages that you can fold and flip by clicking and dragging the mouse. The book is fun to read, at least for a little while, and educational if you’re not a know-it-all. It advocates for updating to a modern Web browser (i.e., not IE6) and argues that plug-ins are relics (unless they’re integrated into the browser itself, as Chrome does with Adobe Flash). Seguir leyendo “Google Releases an E-Book About the Internet (But Still No Book Store)”

jQuery webcam plugin
© 2008-2010 Robert Eisele |

The jQuery webcam plugin is a transparent layer to communicate with a camera directly in JavaScript.


This plugin provides three different modes to access a webcam through a small API directly with JavaScript – or more precisely jQuery. Thus, it is possible to bring the image on a Canvas (callback mode), to store the image on the server (save mode) and to stream the live image of the Flash element on a Canvas (stream mode). If you just want to download the plugin, click here:

Download the jQuery webcam plugin

jQuery webcam example

Take a picture after 3 seconds | Take a picture instantly

Available Cameras

  • Laptop Integrated Webcam
  • Google Camera Adapter 0
  • Google Camera Adapter 1

If you activate the filter with the button on the right side of the picture, methods of my already published jQuery plugin xcolor will be used to distort the colors of the Canvas.

General information about the interface

The following snippet describes the interface of the webcam API:

        width: 320,
        height: 240,
        mode: "callback",
        swffile: "/download/jscam_canvas_only.swf",
        onTick: function() {},
        onSave: function() {},
        onCapture: function() {},
        debug: function() {},
        onLoad: function() {}

Config Parameter

The width of the flash movie.

The height of the flash movie. Both parameters have to be changed in the Flash file as well. Follow the instructions below to recompile the swf after the size change.

The storage mode can be one of the following: callback, save, stream. Details about the usage of each parameter can be found under the according heading below.

Points to the swf file of the Flash movie, which provides the webcam API. There are two swf files provided via the download archive: jscam.swf, which provides the full API and jscam_canvas_only.swf which have no embedded JPEG library (I embedded an adjusted JPGEncoder of the AS 3 corelib). Thereby, the file is only one third as large as the original.

onTick, onSave, onCapture
These callbacks are described in detail below, since they change with each mode.

The onLoad callback is called as soon as the registration of the interface is done. In the example above, I use the callback to get a list of all cameras available:

onLoad: function() {

    var cams = webcam.getCameraList();
    for(var i in cams) {
        jQuery("#cams").append("<li>" + cams[i] + "</li>");

Once the onLoad callback is called, a global object is available, which provides the following methods:

  • capture([delay])
    Captures an image internally.
  • save([file])
    Saves the captured image accordingly to the storage mode.
  • getCameraList()
    Get’s an array of available cameras. If no camera is installed, an error is thrown and an empty array is returned.
  • setCamera([index])
    Switches to a different camera. The parameter is the index of the element in the resulting array of getCameraList()

The debug callback is called whenever there is a note or an error you should be notified. In the example above, I just replace the html content of the output container:

debug: function (type, string) {
        $("#status").html(type + ": " + string);

Callback Interface Seguir leyendo “jQuery webcam plugin”

Getting Started with Banner Advertisements | By: Shay Howe

Getting Started with Banner Advertisements

Banner ads, also known as display ads or image ads, are image-based advertisements that are widely popular online. Why are banner ads so popular? They are a cost-effective way to allow advertisers to attractively display their products and services online across an array of websites. Additionally, banner ads allow for increased brand recognition and ad targeting.

Before jumping in and creating multiple banner ads there are a few recommendations to review first. You need to take into consideration the size and position of the advertisement, the context of the ad, the call to action, the file size, and other components. Outlined here are recommendations to help you design suitable ads, effective, and profitable advertisements.

Popular Ad Sizes and Positions

Banner ads come in different sizes and are used within different positions on a page. Most commonly a website will have an array of sizes and positions from which you can choose to advertise on. Additionally, it is possible to have more than one ad on a page in different sizes or positions. Finding the right size and position for your ads can be a crucial part in determining how successful they are.


Every website is going to have its own requirements when it comes to the size of an ad. Typically these sizes are going to be standard sizes set by the many years of practice and existence online. These sizes can often be found present in many different graphic software programs, including Adobe Photoshop and Adobe Flash. Over time ad sizes have changed slightly, with the dismissal of pop-up advertisements, however the general sizes have become rudimentary consistent. Determining what ad size will be the most beneficial depends on the product or services of which you are advertising. Ideally, you want to reserve two-thirds of the ad for a picture or the main value proposition. The other third should be dedicated to the primary call to action. In the chart to follow you will see the most common ad sizes, of which are strongly recommended for creating any banner ad. Seguir leyendo “Getting Started with Banner Advertisements”

Flash vs. HTML5: Adobe Weighs In

Christina Warren//

Flash HTML5 ImageMuch has been written about the next wave of web technologies, namely HTML5, JavaScript and CSS3. A big part of this conversation has surrounded the impact that these new technologies will have on older technologies like Adobe’s Flash.

We’ve written a lot abut the HTML5 vs. Flash “war,” primarily in the context of Flash’s use in mobile and Flash as a video wrapper. I personally have taken the position that at least when it comes to mobile devices, Flash is at a disadvantage in terms of its abilities and capabilities when compared to newer technologies that can better harness hardware and software optimizations.

Adobe, understandably, has a different position. It believes that Flash and HTML5 can exist side-by-side and that each has its own set of strengths and weaknesses. I had a chance to talk to Paul Gubbay, Adobe’s VP of design and web engineering, about HTML5, Flash, the emerging mobile landscape and how Adobe fits into this new world.

The world of technology moves really, really quickly. To give you an idea of just how fast things can move, when I started working on this piece last month, Apple was still anti-Flash as an IDE for iOS development and Adobe’s set of HTML5 authoring tools was limited to Dreamweaver.

In the last week and a half, Apple has updated its developer guidelines and Adobe has issued an HTML5 add-on pack for Illustrator CS5.

I point out these recent changes because it indicates just how fast this industry is moving and that speed, inevitably, can impact the choices that designers, developers and end-users end up making. Seguir leyendo “Flash vs. HTML5: Adobe Weighs In”

10 Amazing jQuery Slider Plugins & Tutorials

Content sliders are a great way to show large amount of content or images on a smaller area in a website or blog. They are commonly used in portfolio sites, corporate sites or blogs. You may probably heard that jQuery isn’t very hard to learn. If you are interested in implementing a content slider in your website please check our jQuery tutorials and plugins collection. So her i have collected few very useful tutorials and plugins for you. I hope it may help you.

jQuery Easy Slides v1.1

Possibly the easiest to use jQuery plugin for making slideshows!

The Piecemaker XML Gallery

To kick us off in style, here’s the awesome Piecemaker gallery created by Björn from Modularweb. Besides the freebie, you’ll find extensive documentation and a tut explaining the native 3D features of Flash CS4. Over to you, Björn..

Seguir leyendo “10 Amazing jQuery Slider Plugins & Tutorials”

10 Fresh and Useful jQuery Plugins

Henry Jones

When it comes to adding JavaScript functionality to a website, jQuery has become the solution of choice for web designers and developers. With it’s ease of use and ever-growing selection of plugins, there’s really no point to look elsewhere. Awesome jQuery plugins are popping up everyday, and we’re always on the look out. So for this post, I’ve gathered 10 fresh plugins that you should find very useful. Seguir leyendo “10 Fresh and Useful jQuery Plugins”