Web Design Tips, Tutorials & More!

css Archive

CSS is a system that plays a role in controlling the outlook of your webpage. Unlike the older technology, CSS has got exemplary properties that ease its usage. Some of these properties include: 1. Media Queries This idea clearly reflects how a person who thought about it was a real genius. Through writing cross -browser media queries make the use of CSS fun once again. They enable us to adjust the size and the view of the webpage layout based on the screen’s size. So they are simply at the epitome of responsive design movement. 2. Classes The fantasy of classes is that, you can use them to write your style sheet for about 95% of your selectors. This will enable you to have a …

Read Post

Are the functionality techniques you’ve been using a bit drab of late? Perhaps you have been meaning to add dynamic functionality to your websites, but you can’t seem to find a good solution.  No problem. I’ve gathered up a few techniques good for any website and especially, suited to take your interactivity skills to a whole other level. It’s just a simple steps which you can easily follow if you have some jQuery and CSS skills. On Page Text Search Many users are familiar with the web content search bars found on most sites, but many also may be looking for a better solution.  This technique addresses a user’s need to find text within the current website page. Here are the steps: 1. First, build an …

Read Post

We are big fans of CSS as you know.  We have showed how it is superior to table design layouts, in every conceivable way.  It is so easy to modify design, allow implementation of several designers to work on different aspects of a web design, and it allows seperation of design elements.  What is not to love? For this reason, it is not only loved and adored, but written about.  So we have included over 53 links to various articles about CSS, that have been written about it.  This is good news if you use CSS to design and develop websites, as you can use this as a quick reference guide.  They really are worth dying for, and if you don’t believe me, give them …

Read Post

In part one of our guide, we stated some good, solid reasons, why you should use CSS over Tables, largely focusing on download speeds, cost, and ease of modifications.  Just in case you are not convinced, here are some more reasons that should tip the balance. Accessibility is high on the agenda of nearly everywhere these days, and the web in no exception.  Websites should accommodate without exception, people with disabilities.  CSS comes into its own here, as it can serve alternative style sheets to different devices and mediums.  This is particularly handy if user of a website, is using a screen reader, or personal assistant.  Another gem for CSS, is that it is easier to accommodate backward compatibility.  Over 30%, (according to W3Schools.com), of …

Read Post

Though some web designers believe that Tables are a superior tool to CSS in designing lay out, this opinion is in the minority.  Though CSS cannot be used to structure a website in itself, HTML or XHTML, should be used for this, it still should be the tool of choice when it comes to lay out for your website. The download times with CSS are much faster than table lay outs.  The reason for this is that when a table downloads, it carries far more amount of junk markup than CSS.  This, as you can imagine, creates a much slower download time.  A table which comprises of 140 lines of code, roughly equates to cascading style sheet of around 50 lines of code. Additionally, CSS …

Read Post

As CSS gains in popularity for its numerous advantages in constructing layout, it is important that as a designer, you get your head around some of the fundamental elements of cascading style sheets.  Pseudo-classes and pseudo-elements, are necessary concepts to understand when developing a website, using CSS. The main reasons for this, is that pseudo-classes and pseudo-elements, provide the capability for manipulating text in a paragraph, and can do this to the individual letter.  This creates numerous possibilities for creativity in terms of style, feel, and appearance, as well as opening possibilities for better navigation in a website. CSS supporting browsers, automatically recognise the special “classes”, and “elements”, that are pseudo-classes and pseudo elements.  Incidentally, the browser recognition is not part of the markup language, …

Read Post

CSS has some great admirers among the web community, and many developers are using CSS to great effect in more creative ways.  If you are yet to come across CCS, there is no doubt that you soon will.  What follows, is a guide on some of CSS’s basic syntax rules. Selectors, are elements that are linked to a particular style.  It is worth remembering, that any HTML element is a possible CSS1 selector. In the following code, the selector in   A {text-indent: 5em}    is A. It is possible for an element to adopt different styles, because the selector can have different classes.  The following example shows how a designer can display particular code in a different color. Code.html  {color: #191970} Code.css    {color: #4b0082} Here we …

Read Post