Index - Articles - DMXzone.COM

CSS

Smarten Up a Slick Login Form With CSS3

Web forms are an integral part of a website’s design. Whatever the purpose, forms are intended to be a simple way for users to input values and submit data. Having HTML5 and CSS3 at your disposal, allows you to create forms that are both intuitive to use and visually appealing. Suhail Dawood believes that web design should be clean and efficient. The form design that he is going to be coding follows those principals, including just three elements: a username input, a password input, and a submit input.

Ivo Rangelov

9995

CSS

Resize Web Page Elements with CSS3

With CSS3 you can give your users a greater level of control over how they view your pages without having to employ complex JavaScript functions. Using the resize property in CSS3, you can set elements to be automatically resizable. These elements appear within the browser with a subtle indicator at the bottom right corner letting users know that the element is resizable. On clicking and dragging the corner, the user can resize your element.

Ivo Rangelov

1558

CSS

Learning LESS: Variables

Alex Ball is proud to introduce LESS, the dynamic language that takes your CSS and puts it on steroids. LESS let’s you use variables, mixins, nested rules, and even functions within your CSS. It’s extremely powerful and can dramatically speed up your development. There is a little bit of a learning curve to it, but once you wrap your head around it, you won’t type CSS again without using LESS. According to Wikipedia, LESS is: a dynamic stylesheet language designed by Alexis Sellier. It is influenced by Sass and has influenced the newer “SCSS” syntax of Sass, which adapted its CSS-like block formatting syntax.

Ivo Rangelov

1482

JavaScript

Introduction To JavaScript Unit Testing

What is a unit anyway? In the best case, it is a pure function that you can deal with in some way — a function that always gives you the same result for a given input. This makes unit testing pretty easy, but most of the time you need to deal with side effects, which here means DOM manipulations. It’s still useful to figure out which units you can structure your code into and to build unit tests accordingly.

Ivo Rangelov

903

Usability

How to Create an Infinite Scrolling Gallery

Pagination is a technique used to break large data sets into small blocks in order to reduce the server load. Rakhitha Nimesh used to create pagination buttons with page numbers and next/previous links. Now pagination has gained a new perspective with infinite scrolling - keep scrolling and data will keep coming until all the data is displayed. In this technique, the first set of data will be displayed initially. Once you scroll to the end of the window the next page of data will be generated and so on.

Ivo Rangelov

2644

WordPress

Caching Methods With WordPress

There are different ways to make your website faster: specialized plugins to cache entire rendered HTML pages, plugins to cache all SQL queries and data objects, plugins to minimize JavaScript and CSS files and even some server-side solutions. But even if you use such plugins, using internal caching methods for objects and database results is a good development practice, so that your plugin doesn’t depend on which cache plugins the end user has.

Ivo Rangelov

829

Design

Visual Hierarchy in Mobile Design

According to the first definition in dictionary.com, hierarchy is defined as any system of persons or things ranked one above another. Based on that definition, visual hierarchy would then simply be the visual system of ranked elements, one above another – or how the visual elements rank and relate to each other. Some elements on the page have more visual weight than others, these elements grab the attention of your eye and draw focus on them.

Ivo Rangelov

790

Server Side

How to Process Credit Cards with PayPal

PayPal is one of the most popular payment processing platforms available today for many reasons. Its ease of use and its connection to the eBay platform are just the tip of the iceberg. While one of its most popular features is the ability to simply sign in to your PayPal account to submit payments, merchants using PayPal can also accept credit cards directly just like a traditional merchant account solution would provide.

Ivo Rangelov

1088

Design

Design an Elegant Calendar

In this tutorial Stelian Subotin is going to design a nice, minimal calendar widget in Photoshop. He is going to use some really easy techniques to achieve a beautiful final result. By combining some gray, black, and variations of different light colors, and a nice subtle texture, he will try to give the interface a grungy, minimal look.

Ivo Rangelov

1037

CSS

Powerful New CSS and JavaScript

There are lots of truly remarkable CSS geekery out there. With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage. Please note that many techniques are not only CSS-based, but also use HTML5 and JavaScript. In this article you will learn some useful CSS tools and responsive design techniques.

Ivo Rangelov

862

Explore the Articles