| Adding Semantic Meaning to Styled Code Blocks with Code Tags |
Rating: 0.00 (0 votes) 
In this second part of a series you will learn not only how to make your online code snippets look more professional and readable by using a few simple CSS styles but how to semantically reflect their inclusion in a web page via a couple of lt code gt tags. This is a remarkable breakthrough that leads to writing standard-compliant markup....
Autodesk - Civil 3D - Transportation Accelerate Projects with Integrated Data Sources & Automatic Documentation. |
|
|
|
|
| Styling Code blocks with CSS: Using pre HTML Tags |
Rating: 0.00 (0 votes)
In this first part of a series you will learn how to improve the look and readability of code snippets in web pages thanks to the use of something as simple as a pair of lt pre gt tags and some CSS styles. This approach does a decent job of styling online code blocks....
GoGrid Cloud Center Connect Cloud and Dedicated Servers on Your Private Data Center |
|
|
|
|
| Building Rounded Corners with CSS3 |
Rating: 0.00 (0 votes)
In this first part of a series I provide you with a friendly introduction to building rounded corners with CSS3. In this initial stage I show you how to create this popular decorative effect on web pages using four different background images which were assigned to the same HTML container. This technique is impossible with current CSS methods....
Virtualization Solutions Optimize, Simplify, & Save Today. Learn About Microsoft Solutions. |
|
|
|
|
| Finishing a Casual Navigation Bar with CSS Sprites |
Rating: 0.00 (0 votes)
If you re interested in learning how to use CSS sprites to create engaging standard-compliant navigational mechanisms that can be used on different web sites with minor modifications you ve come to the right place. Welcome to the final installment of a seven-part series that shows you how to build CSS sprite-based navigation bars. This series walks you through the progressive development of a couple of appealing links bars which use a single background image to define the visual presentation of their sections....
Cloud Servers in Demand - GoGrid Start Small and Grow with Your Business. $0.10/hour |
|
|
|
|
| Defining a Navigation Bar`s Hover State with CSS Sprites |
Rating: 0.00 (0 votes)
In this penultimate part of the series I show how to use the previous CSS sprite background image to define the look of a casual artistic blog navigation bar in its hover state. The simple styling process shouldn t give you any major problems when you use this approach to build a navigation bar for your own websites....
Cloud Servers in Demand - GoGrid Start Small and Grow with Your Business. $0.10/hour |
|
|
|
|
| Styling a Blog`s Links Bar with CSS Sprites |
Rating: 0.00 (0 votes)
In this fifth article of a seven-part series I demonstrate how to use a set of CSS sprites to define the visual style corresponding to the normal state of a navigation bar of a fictional blog site. The most complex facet of this process was to create the background image containing the corresponding sprites the rest of the procedure merely involves manipulating the image s X and Y coordinates via CSS....
Email Marketing Software No Mthly Fees - Powerful email marketing software that installs on your server. |
|
|
|
|
| Creating an Artistic Blog Header with CSS Sprites |
Rating: 0.00 (0 votes)
In this fourth part of a seven-part series I build the header section of a sample blog site. It will use another set of CSS sprites -- or in other words a different background image -- to decorate the sections comprising its navigation bar....
Download a Free Trial of Windows 7 Reduce Management Costs and Improve Productivity with Windows 7 |
|
|
|
|
| Defining the Active State of Menu Sections for a CSS Sprite-Based Navigation Bar |
Rating: 0.00 (0 votes)
In this third part of a series I put the final touches on our sample navigation bar which uses the functionality of CSS sprites to define the visual presentation of the normal hover and active states of its sections. Constructing a graphic user interface like this is a two-step process. First one creates a good-looking background image and then tweaks its X and Y coordinates via CSS....
Microsoft SQL Server® Value Calculator Reduce Costs & Increase Value with Microsoft SQL Server® 2008. Download Today! |
|
|
|
|
| Styling the Hover State of a CSS Sprite-Based Navigation Bar |
Rating: 0.00 (0 votes)
In this second part of a series I show you how to use CSS sprites to create the visual style corresponding to the hover state of each section of the sample navigation bar. You will see that this process relies heavily on manipulating the X and Y coordinates of the bar s background image. This requires doing some math but nothing especially complicated....
Download a Free Trial of Windows 7 Reduce Management Costs and Improve Productivity with Windows 7 |
|
|
|
|
| Using jQuery to Preload Images with CSS and JavaScript |
Rating: 0.00 (0 votes)
If you re a web designer searching for a guide to implementing the most common graphic preloading methods available nowadays then you ve come to the right place. This five-part article series lets you accomplish this task by utilizing either a few basic style sheet properties or the functionality provided by client-side scripting. In this fifth part of the series we ll employ the jQuery JavaScript library to assist in preloading our images....
Download a Free Trial of Windows 7 Reduce Management Costs and Improve Productivity with Windows 7 |
|
|
|
|
| Building CSS Sprite-Based Navigation Bars |
Rating: 0.00 (0 votes)
In this first part of a series we ll start building a stylish navigation bar which uses a combination of image replacement and CSS sprites to define the visual presentation of its sections. The resulting bar will have a clean professional look that would be at home on any corporate web site....
Download a Free Trial of Windows 7 Reduce Management Costs and Improve Productivity with Windows 7 |
|
|
|
|
| Callbacks and the Active Record |
Rating: 0.00 (0 votes)
In this conclusion to a five-part series that delves into the Rails framework s Active Record you ll finish learning about validations and take a look at callbacks. This article is excerpted from chapter five of the book em Beginning Rails From Novice to Professional em written by Jeffrey Allan Hardy Cloves Carneiro Jr. and Hampton Catlin Apress ISBN 159 596862 ....
Cloud Servers in Demand - GoGrid Start Small and Grow with Your Business. $0.10/hour |
|
|
|
|
| Validation and the Active Record |
Rating: 0.00 (0 votes)
In this fourth part of a five-part series that delves deeply into the Active Record of the Rails framework we ll wrap up our discussion from the previous part and then move on to take a look at applying validations. This article is excerpted from chapter five of the book em Beginning Rails From Novice to Professional em written by Jeffrey Allan Hardy Cloves Carneiro Jr. and Hampton Catlin Apress ISBN 159 596862 ....
Microsoft Exchange Server 2010 Simplify Administration and Deployment of Messaging - Free Download. |
|
|
|
|
| Arrays, Associations and the Active Record |
Rating: 0.00 (0 votes)
In this third part of a five-part series that delves into Rail s Active Record you ll learn how to handle many-to-many associations use an array and more. This article is excerpted from chapter five of the book em Beginning Rails From Novice to Professional em written by Jeffrey Allan Hardy Cloves Carneiro Jr. and Hampton Catlin Apress ISBN 159 596862 ....
Download a Free Trial of Windows 7 Reduce Management Costs and Improve Productivity with Windows 7 |
|
|
|
|
| Using Client-Side Scripting to Preload Images with CSS and JavaScript |
Rating: 0.00 (0 votes)
In this fourth part of a series I demonstrate that preloading a group of images with JavaScript is an easy-to-master process especially if you already have an intermediate background in manipulating the DOM via client-side scripting. Note that the biggest drawback to the approach is its dependence on JavaScript to do its thing you should keep this in mind when implementing this type of image preloading mechanism on your own web pages....
Cloud Servers in Demand - GoGrid Start Small and Grow with Your Business. $0.10/hour |
|
|
|
|
| Removing Non-Semantic Markup when Preloading Images with CSS and JavaScript |
Rating: 0.00 (0 votes)
In this third part of a series you will learn how to preload a set of images via CSS without the need to write any additional markup or even deal with empty containers. From all the approaches reviewed so far I personally find this one to be the cleanest and simplest to implement so you may want to put it in your toolbox if you re planning to add an effective preloading mechanism to your website....
GoGrid Cloud Center Connect Cloud and Dedicated Servers on Your Private Data Center |
|
|
|
|
| Using the Display CSS Property to Preload Images with CSS and JavaScript |
Rating: 0.00 (0 votes)
In this second part of a series I show you how to implement another primitive CSS-based method that allows you to preload a set of images on a web page. This technique uses the display CSS property to hide the preloaders. Note that it needs to make use of additional and non-semantic markup. If you think you can live happily with this issue then feel free to give it a try....
Free Guide to IT Asset Management Free 10 page Buyer's Guide for IT. A Must Read for IT Before You Buy. |
|
|
|
|
| Associations and Dependencies with Active Record |
Rating: 0.00 (0 votes)
In this second part of a five-part series that delves deeply into the Active Record of Rails you will learn about associations and dependencies. This article is excerpted from chapter five of the book em Beginning Rails From Novice to Professional em written by Jeffrey Allan Hardy Cloves Carneiro Jr. and Hampton Catlin Apress ISBN 159 596862 ....
Free Guide to IT Asset Management Free 10 page Buyer's Guide for IT. A Must Read for IT Before You Buy. |
|
|
|
|
| Advanced Active Record: Enhancing Your Models |
Rating: 0.00 (0 votes)
If you re ready to go beyond the basics of the Active Record on Rails this five-part series is for you. You ll learn how to use it to enhance your models. This article is excerpted from chapter five of the book em Beginning Rails From Novice to Professional em written by Jeffrey Allan Hardy Cloves Carneiro Jr. and Hampton Catlin Apress ISBN 159 596862 ....
Free Guide to IT Asset Management Free 10 page Buyer's Guide for IT. A Must Read for IT Before You Buy. |
|
|
|
|
| Preloading Images with CSS and JavaScript |
Rating: 0.00 (0 votes)
While this principle is well known among web developers and designers it s worth repeating never assume that a web site s users will wait patiently for its contents to be delivered. In a world where data must be rendered to the consumer as fast as possible making this assumption can literally kill any web project regardless of its size. This multi-part series will show you how to speed up the loading of images on a web site....
Cloud Servers in Demand - GoGrid Start Small and Grow with Your Business. $0.10/hour |
|
|
|
|
Links
News
Articles
