Lifeline Blog
How many times it happened that you received a design to cut/slice from a designer (or you yourself are a designer), only to find out that the background of the PSD is unequal on both sides? For example: You have a curveed line in the middle, on the left the repeating line is placed on top, while [...]
Hello again! Did you know that IE6 (and only IE6, IE7+ doesn’t have this issue) has a weird UL/OL bug ? This can be quite an issue, though not as much nowadays since people use IE8 and such, but it can be an issue for graceful degradation of your website. Let’s say you want to make a [...]
Today, I’ll show you how you can embed custom fonts into your website. We’re going to do that via the CSS3.0 rule @font-face. This only works in Firefox/Safari/Opera/Chrome/+ other more modern browsers. IE7/8, unfortunately, do not qualify for “modern” status, however as long as you declare some default general fonts after your custom font, then [...]
Hello again! This is a bit nerdy, but a very cool thing you can do is to play with javascript and random numbers and the math functions (this is nerdy, all right). First, we need the functions we will work with: math.floor() and math.random() – math.floor() – Rounds the number down to its smallest point, [...]
Hello! This is a short post about how to speed up your website using cutting edge CSS 3.0 techniques. Unfortunately, this isnt very viable for large scale websites (since it doesnt quite work in IE7/8), but for the other 30-60% of your users, a quick speed increase is welcome. The CSS rules are very simple: [...]
Hello again! Optimizing CSS can be very helpful, but for small websites, it’s highly unimportant. Ten bytes fewer or more really doesn’t really matter these days — they’re insignificant. However, if you are running a shopping cart website with 200,000 lines of code, then having clean CSS code is a huge boon, both to easily [...]
Hello! This tutorial will illustrate how to create a variable width/height box with a background image and rounded corners via CSS. The solution is very easy, and the box created can be easily modified and shaped according to different widths and heights required. First: You need a PSD file or an image with the entire [...]
Most people would argue that CSS frameworks are the new “god” when it comes to CSS programming. Although in part this is correct, I highly disapprove of the need to use CSS frameworks for everything, for a couple of reasons. First off, a CSS framework is a very compact, complex, and relatively useful base on [...]
Today I’m going to give you some tips that relate to Conditional Comments, such as how can you use them and a nice little trick you can do with them. Without further ado, let us begin. Conditional Comments are a proprietary function created by Microsoft for Internet Explorer browsers, so developers can tag XHTML/HTML code [...]
Beginner Level Hello, my name is Alexandru Dinulescu (aka Alex D) and I am the XHTML/CSS coder for Lifeline Design. I have been invited to share some of my knowledge on this blog, so without further ado, this is the first lesson: how to insert CSS code into your XHTML pages. Before I begin, a [...]