Future of CSS: The Flexible Box Model

tors, feb 18, 2010

Kommentarer slået fra

Support

As always with this new fangled CSS, support is pretty thin on the ground. Here’s a list of the properties and how they’re supported, in no particular order.

  Gecko
Firefox
Webkit
Chrome/Safari
Trident
Internet Explorer
Presto
Opera
box-flex Yes* Yes No No
box-direction Yes* Yes No No
box-align Yes* Yes No No
box-flex-group Yes* Yes No No
box-lines Yes* Yes No No
box-ordinal-group Yes* Yes No No
box-orient Yes* Yes No No
box-pack Yes* Yes No No
Tags: , , , , , , , , , , , , , , , ,

Separating Trackbacks And PingBacks From Comments In WordPress

tors, feb 18, 2010

Kommentarer slået fra

Last week i wrote an article about disabling trackbacks and pingbacks in wordpress comments, but today instead of disabling them we will separate them from comments. To see how it looks you can check some of my articles here on wpCanyon.

<?php if ($comments) : ?>

	<ol>

	<?php foreach ($comments as $comment) : ?>

		<li id="comment-<?php comment_ID() ?>" class='commentItem'>
			<!-- THE COMMENT LAYOUT -->
		</li>

	<?php endforeach; /* end for each comment */ ?>

	</ol>

<?php endif; ?>

Above we can see a stripped version of an ordinary comment loop which will show comments, trackbacks and pingbacks all in one place. Let’s change that.

Tags: , , , , , , , , , ,

Quick Tip: Using VRay in Cinema 4D

tors, feb 18, 2010

Kommentarer slået fra

In this Quick Tip you will learn how to illuminate a simple scene using the Cinema 4D VRay plugin. Both the infinite light , and also how to set up VRay tags and settings, will be discussed in this short introduction to using VRay in Cinema 4D.

 

Final Effect Preview

Step 1

Create a Cube object (Objects > Primitive > Cube) with the dimensions “1300 x 450 x 500″.

Step 2

Make it editable (Functions > Make editable).

Step 3

Select the top and two sides polygons with the “Polygon tool” (Tools > Polygon).

Tags: , , , , ,

Insert Element Between Other Elements

tors, feb 18, 2010

Kommentarer slået fra

For example, if you have five paragraphs in a row and you need to insert a break tag in between all of them. You can’t put it before all five (you don’t need one at the top) or after all five (you don’t need one at the bottom), you only need four.

$("p:not(:last-of-type)").after("<br />");

Tags: , ,

Securing data in PHP

tors, feb 18, 2010

Kommentarer slået fra

It’s very important to secure your data in PHP correctly. Because if you don’t, your website is in risk of being harmed by SQL injections and other dangerous code injections, which you obviously don’t want. So to protect your website against these code attacks, this tutorial was written ;)

This tutorial will explain the reasons to secure data in PHP and the best ways to easily accomplish this.

Securing data before database interaction

The first ‘type’ of data you should secure is the data which you will interact to the database with. Of course you could as well just use the user inputten data to interact with your database table right away, but let’s have a look at what could happen if you do so:

Tags: , , , , , , , , , , , , , , , , , ,

Scripting Illustrator Part 1 – How to Convert a Flat Process Color into its Matching Gradient

tors, feb 18, 2010

Kommentarer slået fra

We all are quite familiar with Adobe Illustrator and its User Interface. In our daily creative tasks we use a lot of features, such as: menu, pallets, colors, plug-ins and tools. We use these features in the form of a UI. These UI features are brought forward to us through various scripts and plug-ins.

In a simpler way, we can code scripts to automate tasks or to obtain some effect in Illustrator. Follow along to learn how to do that. In this tutorial, we will code in Javascript a script that will convert a flat process filled object into its matching gradient.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Make your MooTools Code Shorter, Faster, and Stronger

tors, feb 18, 2010

Kommentarer slået fra

MooTools is one of the most flexible, modular, and well written JavaScript frameworks available. So many people use it but many of them don’t optimize their code. This post will provide you with fifteen simple tips for making your MooTools code shorter, faster, and stronger.

 

1. Create Your Own MooTools Build or Pull From Google AJAX Libraries

One of the great advantages to using MooTools is that it’s incredibly modular. What does that mean?
Almost nothing is required unless you need it. The advantage of MooTools’ modularity is that your
limited, custom MooTools build can keep your JavaScript load time short.

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Creating a Next-Gen Video Game Hot Rod: the Complete Workflow – Day 3

tors, feb 18, 2010

Kommentarer slået fra

Ever wanted to know how the artists create those amazing cars for AAA video game titles? Well here’s your chance to find out. In this incredible CGTuts+ exclusive tutorial series, you will follow professional CG artist and teacher Laurens Corijn as he creates a high quality, next-gen, normal mapped Hot Rod for realtime use.

 

This tutorial is Day 3 in a series – Go to Day 1, or Day 2

In the series’ biggest part yet, we’ll be diving straight into highpoly modeling with the most challenging part of the car, the gigantic, supercharged Hemi 540 engine and its transmission! Through this, you will learn that modeling something as complex as an engine is not an impossible task!

Tags: , , , , , , , , , , , ,

Create a Professional Web 2.0 Layout

tirs, feb 16, 2010

Kommentarer slået fra

In this Photoshop tutorial we’re going to learn how to create a web 2.0 layout, As we go through the tutorial we’ll deal with so many Photoshop techniques. Seems kind of long? that’s because it’s very detailed. I assure you’ll find easy to follow and to get done, just give it a try!

Final Image Preview

Take a look at what we’ll be creating together, Click the image to enlarge.

Tutorial Details

  • Program: Adobe Photoshop
  • Version: CS4
  • Difficulty: Intermediate
  • Estimated Completion Time: About two hours
Tags: , , , , , , , , , , , , , , , , , , , , , , ,

Exporting Code-Driven Flash as a QuickTime Movie

tirs, feb 16, 2010

Kommentarer slået fra

In the days of Macromedia, working between Flash and QuickTime was rough territory for designers and animators. Then in 2007, when Adobe took the helm and released Flash CS3, a lot of compatibility issues were resolved.

In this exercise, I am going to show you how a purely code-driven animation can be exported as a QuickTime movie and further enhanced in After Effects CS4.

Final Result

The movie below shows the final effect we’re going to work towards:

Tags: , , , , , , , , , , , , , , , , , , , ,