Index - Articles - DMXzone.COM

Usability

Quick and Easy Interactive Wireframes with Bootstrap

Web design is an evolving profession. While a keen eye for color, typography, and layout will always be important, these skills are being trumped by a need to understand user motivations. Just as movies depend on quick cuts, lighting, and mood to draw users in, websites rely on transitions, interactivity, and timing. These details often get lost during the design phase— or worse, are never accounted for. Trevor Pierce will show you how Bootstrap can replace static wireframes and bring these details to the forefront earlier and with less effort.

Ivo Rangelov

2025

CSS

Styling Scrollbars to Match Your UI Design

This article will guide you in improving the look and feel of scrollbars to match your UI design. Muhammad Ahmad Zafar will take a look at what WebKit browsers offer you in terms of CSS, plus he’ll use a jQuery fallback to cater for other browsers. When he refers to Webkit-based browsers he’s essentially talking about Apple Safari and Google Chrome. Together they currently hold more than 40% of the overall desktop browser market. For tablets, Apple’s iPad will always use Webkit no matter which company’s browser is used. Google also added Chrome to its Android OS.

Ivo Rangelov

1397

Photoshop

Create a Syfy Inspired Logo Animation

You already know that Photoshop is a fantastic tool for creating 2D images. What you might not know is that Photoshop also has limited capabilities for creating high quality 3D images and animations. In this tutorial, Ed Lopez will use the new and improved 3D and Timeline features of Photoshop CS6 to create a Syfy inspired text effect and logo animation without any additional applications. Let’s get started!

Ivo Rangelov

1724

JavaScript

10 JavaScripts to Improve Your Mobile Development

Issues of cross-browser compatibility, screen resolution and inconsistent HTML and CSS code are things of the past in mobile development. Developers who are still grappling with these issues are far behind the times and need to learn a few new tricks. Mobile developers today are widening the scope of their expertise; they are not only solving these issues but are developing mobile websites that have impressive layouts, are touch-friendly and are based on frameworks that work flawlessly on smartphones and tablets.

Ivo Rangelov

2144

CSS

Learning Principles for Improving Your CSS

In this article Hugo Giraudel will mostly talk about his own experience. Remember that CSS is an extremely simple language. It can be summed up in 3 words: selector, property, value. Nothing more, really. This is why some people don’t like CSS at all: because they feel like children playing with LEGOs. From what Hugo Giraudel can tell, he has been playing around with CSS for almost two years now and on what he would call a heavy level for something like 7 months. He's still far from perfect, and there are still some tricks he doesn't know or understand. Anyway, there are a few things he understood over the months and he’d like to share them with you.

Ivo Rangelov

802

JavaScript

Building A Relationship Between CSS & JavaScript

jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that users often find themselves using it in places where another solution might be better in the long run. Because JavaScript is so powerful, there are a lot of overlaps in capability between JavaScript and HTML (building document structure) and JavaScript and CSS (injecting style information).

Ivo Rangelov

1964

WordPress

Create An Embeddable Content Plugin For WordPress

WordPress is one of the most deployed content management systems around. One of the main reasons is the number of plugins available and the ease with which we can use the system. It is not uncommon to find websites using tens of plugins to accomplish various tasks and functions. Wouldn’t it be nice if you could share your site content with other websites! You may have a need to share advertisements, product information or, if you are a designer, your photo gallery. Whatever the reason, this article will show you a way to create an embeddable content plugin to share your WordPress content with other websites.

Ivo Rangelov

2320

CSS

Creative CSS Loading Animations

Today, Hugo Giraudel is going to do a lot of stuff with CSS animations. Indeed, he will talk about CSS loading animations. A few things before he starts: You won’t see any vendor prefixes in the CSS snippets, but you will, of course, find them in the files; the goal of the tutorial is to show the potential of CSS, particularly CSS3, that’s why the rendering could be altered on IE9-; if you plan to support these browsers, be sure to make fallbacks. Hugo Giraudel personally uses the box-model where [width] = [element-width] + [padding] + [borders].

Ivo Rangelov

2071

Usability

Using The Texture Panel in Adobe Fireworks

When you’re working in Fireworks — be it for a website design, mobile design or graphic asset for a project — one need you will undoubtedly have is support for textures. While Fireworks is an amazing tool in other areas, the usability of the textures feature could definitely be improved. In this article, Matt Curtis will look at an extension that does just that — the Texture Panel.

Ivo Rangelov

1579

Get Started with Mobile SEO

If you're not currently preparing your website to make the most out of mobile search, then you're missing a trick – and your users aren't getting the best possible experience. But don't worry, there are a number of steps you can begin taking right now in order to rectify the situation – beginning with analysis, moving on to site design and optimization and finally making sure you're keeping track of the ongoing situation.

Ivo Rangelov

1943

Explore the Articles