Center Multiple DIVs with CSS
At some point, you may have a situation where you want to center multiple elements (maybe <div> elements, or other block elements) on a single line in a fixed-width area. Centering a single element in a fixed area is easy. Just add margin: auto and a fixed width to the element you want to center, and the margins will force the element to center.
There really should be a similar simple way to center multiple elements evenly spaced. It would be nice if CSS had a property called “box-align” which you could set to “center” then the child elements would be centered evenly within their parent.
Well, you can achieve something similar by taking advantage of CSS’s flexibity with “recasting” elements (for lack of a better term).
Print This Post
Better Page Corner Ads with CSS3 Transforms
The other day I came across a useful site called ScriptSrc.net that allows you to get up-to-date script tag links that point to your favourite JavaScript libraries.
The site has a clickable corner ad promo to get people to “spread the word”. I thought using CSS3 there would be a better way to position such a corner advertisement (or promo, or whatever), because the clickable area for the ad on ScriptSrc.net is actually too big. In some cases, you might prefer the clickable area to be bigger, but I think it’s always best to keep the clickable area limited to the actual ad.
Print This Post
Image Sprite Navigation With CSS
Why slice a new image for each item in a navigation when you can use the same image for all of them? If you’re thinking you can’t do that without sacrificing rollovers, think again. By creating a navigation using an image sprite, you can have a complete navigation, rollovers and all, by only using one image.
Print This Post
Build a Sleek Portfolio Site from Scratch
There’s nothing like building an entire site to show you a good overview of how a CSS layout should work. In this tutorial we’re going to take that PSD file and build it with some nice clean HTML and CSS.
Print This Post
Flash Tutorial – Top Bluish Preloader
In this thoroughly explained, detailed lesson, I will show you how to create a really cool bluish preloader with percent using the action script code and some special flash tips and tricks. Using this lesson, you will also learn how to design bluish preloader, how to convert any object into a movie clip symbol, how to use Free Transform Tool (Q) and much much more!
Print This Post
CSS Tutorial – Generated Content
A new feature is included in the Cascading Style Sheets (or CSS) level 2 and CSS 2.1. This feature is called generated content and it represents content which is created by the browser, but which is not represented either by markup or content.
An example of a generated content is list markers. When it comes to representing the markers, nothing in the markup of a list item can be used and the appropriate marker in generated automatically by the browser, thus eliminating the need for the author to write the markers into the document�s content. When the lists are ordered, the marker appears under the form of an incremental counter. Its value is grown one by one for each item present in the list. When the lists are unordered, the marker appears under the form of a bullet (square, circle, and disk).
Print This Post
Creating a file based AD rotator script – PHP Tutorial
In this tutorial I will show you hot to create a simple AD rotator script without using database. The script can display both text and image ads and you can control the number of ads to be displayed at once.
Print This Post
Combine Renders and Light Effects for Awesome Results – Photoshop Tutorial
Abstract artworks often combine renders, stock photos and simple techniques in Photoshop to create professional results. However, understanding symmetry, composition, lighting and the tools in Photoshop can take awhile to learn, and practice is required.
In this tutorial, we are going to extract the ability of Photoshop tools to make an epic piece of digital art. We’ll look at how to manipulate a pre-made render into the composition, as well as how to utilize blending modes, gradients and the liquify tool to achieve a brilliant abstract result.
Print This Post
Start using sIFR on your website! JavaScript Tutorial
Basic Information about sIFR
sIFR is the “Healthy alternative to browser text”, regarding to the authors Mike Davidson and Mark Wubben. With sIFR it is possible to display fonts on the internet that doesn’t have to be installed on the computer of the user. sIFR creates more typography options for the web!
The technique is a combination between Flash, JavaScript, CSS and HTML. Due this fact you have to remember to use sIFR only on important titles and subtitles because otherwise it might drastically slow down your site.
Print This Post
Complicate Orb Icon Illustrator tutorial
This will be the last tutorial of creating Icon from me. This tutorial will teach you doing more complicate button icon or Orb effect Icon using Illustrator. This is quite a long tutorial. So, let's start!
Print This Post
Redirect Search Engine Friendly
In todays lesson, I’ll explain how to redirect pages search engine friendly with htaccess. Never loose pagerank and never get penalty’s for duplicating content and/or wrong redirecting again! Read on.
Print This Post
Glowing neon playback control buttons
In this easy lesson made for Flash 8 professional I will show you how to create a set of cool, neon glow playback control buttons easily. No other applications will be used to create these buttons, because Flash has so much power on its own! You will see:
- How to use the basic shapes to create the ones you need,
- How to use the great blending filters in Flash 8 pro,
- How to combine multiple filters and objects stacked upon one another, and some more.
You can see the example of the sleek buttons below.
Print This Post
Create Smaller CSS Files
This article will tell you how to make your CSS files a bit smaller. You can ask yourself one question; Why shouldn’t you? Read on to find out how to do this.
There are only advantages of making your CSS files some smaller. When your website uses a 5k CSS file, you might not see the difference in loading time, but when using bigger (25k) files, you can notice your website will load a bit faster when using some of the steps below. Another thing is that your file will become more organized and clean. Read on to get tips of improvement.
The main idea of this article is to reduce the number of characters you have used in your CSS. The less characters, the smaller your file.
Print This Post
PHP Regular Expressions
Regular Expressions are present throughout many, many different languages, and can sometimes be a hassle to deal with.
Firstly, just what are Regular Expressions good for?
Well, Regular Expressions can be used for many different things, namely:
- Searching for string in a text
- validating a string
- pulling out text from string
- more..
Print This Post
How To Create A Sparkle Trend Advertisement – Photoshop Tutorial
In this tutorial I explore how to create a stunning ad in the sparkle/glow trend. I am pulling inspiration from one of the coolest ad designers around, Chuck Anderson, a.k.a. NoPattern. A lot of people are wondering how he creates his light and glow effects in his ads. I’ll show you how to create a light effect similar to NoPattern’s style in this easy to follow tutorial!
Print This Post
Live Help
Coupons
Social Badge
Subscribe
Links
Recent Comments
- Katherine Campbell on 301 Redirect – The SEO way to rename or move files or folders
- Rusty on Center Multiple DIVs with CSS
- Zachary Graham on Release Notification: 11.25.0 DNSONLY
- Trinity James on 301 Redirect – The SEO way to rename or move files or folders
- Isabelle Gonzales on 301 Redirect – The SEO way to rename or move files or folders
Recent Posts
- Center Multiple DIVs with CSS
- Better Page Corner Ads with CSS3 Transforms
- A Do-It-Yourself Search Engine Optimization Technique That Will Work Miracles For You?
- 10 Ways To Increase Your Blog’s Pageviews
- 3 Most Important Services For A Profitable Internet Home Business
Categories
- Blogging (19)
- News (55)
- Random Articles (12)
- SEO Tips (34)
- Site Promotion (19)
- Traffic Generation (18)
- Tutorials (66)
- css (22)
- flash (8)
- html (8)
- illustrator (7)
- JavaScript (6)
- photoshop (7)
- php (8)
- Website building (20)
Tag Cloud
Tikier Hosting Offer
