|
Wednesday, May 2. 2007
Wireless internet access has certainly sped up how we go through each and everyday of our lives. With this, handheld gizmos are shrinking and shrinking by the minute. But since information access on the world wide web is now a necessity for most people, web developers and designers are devising schemes to shorten the time they put in their work. In styling the pages on your internet sites using CSS, there is now a trick which could shorten both your code sequences and the time you work on your internet site.
Tuesday, May 1. 2007
Shortcut classes literally mean using code shortcuts on the CSS styled pages of your internet site. This makes use of properly configuring the CSS codes on the pages of your internet site so as to assign it with several classes. This would make the pages of your internet site very visually appealing and accessible since the elements to be found on each actual page have several styles. It is not hard to do, and mastering this trick would provide you with enough time to work on other aspects on the pages of your internet site. After all, that's what shortcuts do, right?
Monday, April 30. 2007
With shortcut classes, you are no longer limited to assigning a specific class to each element on the pages of your internet site. You could now assign several styles to each element, or multiple classes to a group of elements you have chosen. The codes below would generally give you the entire picture of how shortcut classes could be done so as to improve the pages of your internet site, as well as improve the quality of your life! Why? Well, you'd have more time to do the better things in life than just sitting in front of your computer and doing CSS coding the hard way.
Sunday, April 29. 2007
< - start of code - >
<style type="text/css">
body, table, tr, td {
font-family:arial;
font-size: 12px;
color: navy;
}
h1 {
font-size:16px;
}
h2 {
font-size:14px;
}
.m {
color:maroon;
}
.bc {
background-color:yellow;
}
.r {
color:red;
}
.hm {
margin:0px 0px 0px 0px;
}
.b {
font-weight:bold;
}
</style>
Saturday, April 28. 2007
 There are lots of hacks that come with making most things developed by digital information technology compatible with each other. One very obvious incompatibility is CSS design with various internet site browsers. For instance, a CSS styled page on your internet site could look good on IE. But it could ultimately destroy your credibility as a web developer and designer when it comes to viewing the same page of your internet site using different internet site browsers!
Friday, April 27. 2007
One such incompatibility in styling the pages of any internet site using CSS is creating the header and content gaps of each page on an internet site. You see, a large gap usually looks good on IE. But if you view the same damn page using another internet site browser, it would look like the work of a well-trained monkey! So, web developers and designers have thought of ways and means around this damn problem. With all their efforts, they came up with an excellent CSS hack for the job.
Thursday, April 26. 2007
These web developers and designers have made it a point not to develop an actual CSS hack which would make gaps created look the same as with using any internet site browser. The CSS hack below would still have a large header and content gap on IE, but a smaller gap on the other internet site browsers. Amazing, right? This can be done by exploiting a long-standing issue with IE and CSS styled web documents. Besides, this damn internet site browser can't detect the functional child selector, while the other internet site browsers can!
Wednesday, April 25. 2007
< - start of code - >
#header {margin-bottom: 25px;}
#header {margin-bottom: 10px;}
#header {margin-bottom: 3em;}
html>body #header {margin-bottom: 1em;}
< - end of sample - >
Tuesday, April 24. 2007
If you're a newbie when it comes to web development and design techniques, I bet you don't know anything about how much the different web development languages could do wonders on the pages of your internet site. That is, assuming that all you know is making functional use of basic HTML coding tactics, as well as how to actually use web design applications. But hey, I think even a professional web developer and designer needs to know a lot about HTML encoding as much as CSS styling techniques! Plus, manually coding the pages of your internet site isn't the way to make your internet site as visually appealing, customizable, accessible, and downright usable, you know. Oftentimes, a good web developer and designer makes use of certain design applications that could actually speed up design processes, not to mention increase the efficiency of every web development language. These applications come in handy, especially now that there is enough room for visual presentations since electronic data transferences are getting faster and faster by the day.
Monday, April 23. 2007
 The TopStyle Pro application is just the tool used by most web developers and designers who like to use CSS styled pages on the internet sites they design. But unfortunately, this damn program misses out on the good things of a good CSS design application, such as the manageability of those complex CSS styled documents through the expansion and retraction of rules, the ability to have a fast and accurate first-hand view of the CSS styled page you are actually working on, and the way the viewer accurately simulates browsing on the top internet site browsers. This version isn't freeware, but there's an actual Lite version of this damn program which is absolutely free to use. But I think you're better off with one powerful and fully functional photo editing application from those Macromedia developers, which usually costs more than what a holiday at a nearby beach, you know. With this, if you're just trying your hand out on CSS design, I think you should also try this program, too. After all, a not-so-functional design app could be made to work well with equally not-so-functional web development and design skills. Well, just treat it as a crash course on good CSS designing techniques, you know.
Sunday, April 22. 2007
Because of the advances we have made on the platforms of modern information access, web developers and designers are also tagging along and making the necessary modifications on their design styles and techniques. Not only the web developers and designers of the world, but the developers of the internet site browsers are also trying to keep up with the continuing changes made on the internet. With this, Microsoft plans to release the IE 7 early this year.
Saturday, April 21. 2007
There are substantial changes on the IE 7, Microsoft has told the people of the world. But, knowing Microsoft, I think the changes they have made are only increased security measures and privacy protection functions. There are still no probable substantial improvements on the compatibility and accessibility issues the new browser has on CSS styled web documents. But there's this one thing different on the IE 7 from this browser's predecessors, and it regards the CSS child selector.
Friday, April 20. 2007
 Seasoned designers know for a fact that you could hide various CSS rules, and this could be done on IE's earlier versions by using the damn child selector. But now, with the release of the IE 7, the actual child selector is now recognized and understood by the damn browser. Before, earlier versions would totally ignore this element. But now, it would be able to completely understand it! Nice work, Microsoft dweebs! I thought cross-platform compatibility wouldn't be possible with IE, but I think these guys just had a long-awaited awakening!
Saturday, April 14. 2007
I think there's a lot of problems when it comes to the standards of web development and design techniques. One thing here which seems to pop up every once in a while is the compatibility issue CSS seems to have with each internet site browser. Sometimes, a function works with most internet site browsers, while oftentimes, a CSS function just works with a specific internet site browser. Yes, just one, and that is seldom Microsoft's Internet Explorer!
Now that we have fast mobile computing capabilities, most web developers and designers nowadays are going for CSS styled pages on their internet sites. This is because using CSS would assure compatibility with most platforms. But sometimes, a damn problem arises, in which solutions are also provided by actually the same set of designers. I think this is because they often have to face the problem, and thus come up with a hack to answer a damn problem! For instance, with IE, CSS width function seamlessly. But with other internet site browsers, it seems to do nothing at all! Don't worry, for there is a hack in which to correct the problem, my friend. Just follow the codes below, and I assure you that you'll never face another width compatibility problem in your web development life.
< - start of code - >
span {
width: 100px;
display: block
}
< - end of sample - >
Saturday, March 31. 2007
A good web developer and designer knows that each element on a page of an internet site should be thoroughly considered regarding positioning. Experience has taught this web developer and designer that there are certain importance levels to be assigned to each element on a page of an internet site. Mastering the digital information platform known as the internet requires considerable knowledge on this fact, as well as the various development languages used for designing and developing internet sites. One of these languages that elicits importance is CSS.
In using CSS, content should always come first before certain design patterns. The web developer and designer should know of this fact. Content is the most virtually important portion of the lot. It should come first, regarding importance level, over design and presentation. With this, you assure your internet site as being highly accessible, fully customizable, and downright visually appealing. Well, this is not to mention the most virtually important addition to the pages of your internet site -- the information it holds and the information internet viewers look for in their everyday ventures on the internet. This fact is applicable to the design of any internet site, whether you are using basic HTML or actual CSS.
Friday, March 30. 2007
 No, this post is not about conquering another internet site and posting your own flag on each page of your internet site as a sign of victory everytime you get more traffic on your internet site. Well, neither is this a CSS design technique in which could make the pages of your internet site flag down prospect viewers. For one thing, that would be excellent features to put on your internet site since more and more users now have access to the information on the internet with the advent of more affordable internet connections. As we all know by now, more viewers mean more profits. Dream on, like they always say.
Anyway, this is about managing your voluminous database of functional CSS files. The thing here is to properly label each functional CSS file so as to categorize them based on your own liking. This would evidently result in faster modifications on your internet site. Plus, it would allow some other web developer and designer a firmer grasp on how things should be done in modifying the pages of your internet site.
Thus, creating flags for each functional CSS file would do the trick. This would provide you with a faster means of accessing the files you want, as much as the codes on each files you really want to modify. This is definitely not a basic CSS trick, and neither does it belong to your list of CSS codes. This is because the find feature bundled with your handy text editor would provide you with faster results. Well, those that you really need. Not using a syntax that does not belong to proper CSS code listings would just make you end up with lines of CSS codes that are not the ones you need after accessing the find feature. Try to put in a syntax that does not belong to the proper CSS code listing you know of, and you're assured of accurate search results from the find feature. Handy trick, isn't it?
Monday, March 26. 2007
Web developers and designers make it a point to use as much visually appealing techniques as possible on the pages of the internet sites they design and develop. This is mainly because certain developments on modern electronic gadgets now make it possible to access the information superhighway known as the internet in quite entertaining ways and means. Not forgetting about textual content, these developers and designers use captions beneath the thumbnail icons of the links on the pages of internet sites. Fortunately, centering the captions to be placed underneath the thumbnail icons of the links on the pages of internet sites comes very easy with CSS.
CSS makes the contents on the pages of internet sites accessible and visually appealing because of certain customizations. Yes, customizations are very broad indeed once you integrate CSS design on the pages of your internet site. With this, I give you a tip so as to be applied for centering those captions you should always place underneath an icon linking to a full-blown image, another page on the internet site, or some other internet site.
This technique makes use of HTML with a simple customization brought about by the fusion of CSS on your HTML coding sequence. After the HTML break tag, place the caption that would have to be centrally aligned using CSS. Well, this should be done after placing the image you prefer to act as an icon link.
Saturday, March 24. 2007
Modern information platforms ask for more attention in the maintenance and monitoring systems to be done so as to constantly update and modify such platforms. This is done in order to be more accessible and usable to all people, in general. The internet sites that compose cyberspace are now done in numerous web development languages and techniques, such as JavaScript, XHTML, and CSS. Using CSS provides web designers room for visually enhancing the internet sites while maintaining accessibility and customizations.
Using CSS to actualize the vertical alignment block elements is pretty much easy to do than using either XHTML or even basic HTML coding. All that needs to be done is to specify the same levels of values the vertical block element line has and the CSS box holds. This is necessary so as to functionally come up with good design and features on your internet site. If this is far from being the case, I actually think you would be having more problems using XHTML or HTML. This is because with the current machines now, web development and design need to come up with developments and revisions of its own just to keep at pace with the changing technology together with the equally changing needs of the people.
Friday, March 23. 2007
The development and design of most pages of an internet site nowadays require the web designer and developer to have substantial knowledge on a number of web programming and development languages. Such languages are needed to provide the web publishers and the viewers pages that are visually appealing, interactive, fully customizable, accessible, and usable. Most often than not, using CSS is among the most important web design tool among these web programming languages. This is because the digital information platform needs to provide the viewers visually appealing and accessible pages on each and every internet site. It should also provide enough room for the web designers and developers to fully customize the pages of the internet sites they design and develop.
Now, aligning block elements in the center for the element to float in the central frame of a page of an internet site is very much made easy by CSS. Using CSS, you could not only center align block elements in a given page of any internet site, but you could also tweak it to functionally work with most internet site browsers. But then again, the earlier versions of Microsoft's Internet Explorer need to be tweaked regarding its access to this CSS add-on. If you cannot seem to find a good CSS hack for aligning block elements on a page of any given internet site using the earlier versions of Microsoft's Internet Explorer, then use XHTML to do the job. It's messier to use than CSS, but you don't exactly have a choice now, do you?
Monday, March 19. 2007
Web designers and developers now have maximum customization prowess using CSS. With this web development tool, you could position any element wherever you want on the pages of the internet site you are designing. With this, you have an internet site that is fully customizable to your desires!
So, by using the right CSS codes to position an element wherever you want, the pages on your internet site will look as visually pleasing and organized as you think it should be. After all, this is what the digital information platform is for. That's right, to provide the designers and developers maximum freedom in the development and design of the pages on an internet site, without being limited or restricted to each page's layout or element positioning.
Plus, using CSS to position any element contained in what web designers call containers is possible. By using the right CSS codes, the pages of your internet site would be having the elements you prefer in direct relation to the containers which are found on each page! Well, this is what CSS can do for your internet site. That is, among other aspects such as promoting accessibility and visual appeal to the textual contents of your internet site!
Friday, March 16. 2007
In present digital information platforms, people access a wide variety of information by navigating through the main portion of the pages on the internet sites posted on the internet. Most people would prefer visual information, while others would prefer textual information. But for the web crawling spiders of the most popular search engines, they are only limited to the textual information found on the pages of the internet sites they index and catalogue. With this, the web designers and developers use alt text, or alternative text, for these search engine spiders to catalogue and index their internet sites properly.
But, the use of alt text elicits no substantial importance in the cataloguing and indexing of these search engine spiders. Thus, as this fact is now widely known, web designers and developers have resorted to different ways and means to go around this problem. Most often than not, they only use digital images with minimal frequency as possible.
Then in comes CSS, and with a way in which to go around the programmed purpose of these search engine spiders. Using a standard CSS image replacement code would generally give those web crawiling spiders a taste of what the image's purpose is in a textual manner. Plus, fused with modern creativity, web developers and designers now use CSS styled fonts in the digital images and use the VSS image replacement coding to provide the digital image with an alt text that would also be usable to the web crawling search engine spiders of the world wide web.
Thursday, March 15. 2007
In the development and design of documents published on digital information platforms, CSS is often used so as to provide the viewers a more visually appealing internet site. Also, CSS visually styles the formatting of the textual contents of internet sites. This is why web designers and developers find CSS a very useful web development and design tool.
For the customization of the elements and classes of an internet site, CSS could be used for further creative measures in which to make the internet site accessible as it is graphical. In this specific case, assigning two classes to an attribute found on a web document can be done with CSS. It requires the proper CSS coding to be integrated on the overall coding of the web document. Actually, assigning more than two classes is also allowed, and this could also be done with the proper CSS codes.
Using two classes fused together and separated with a space accesses the rules for both size and text. In a typical web document, an attribute has only one class since commas, instead of spaces, separates two classes in a line of code. Hence, it would be proper to check first whether this is going to be helpful in the development and design of your internet site.
Monday, March 12. 2007
 < - start of code >
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
< - end of sample - >
As I have included in my last post the importance of using CSS for customizing the fonts on your internet site, I have included on this post of mine the codes shown above. You maybe doing those codes, but I bet you didn't know there are much easier and better ways to CSS code the shorthand font rule on internet site design. Modern digital platforms are like these. Yes, there's this perpetual development of shortcuts for each long method devised back then brought about by the rapid developments of such technology.
Thus, I give you the code below for an easier way to CSS code the shorthand rule on your internet site. After all, shorthand font styling is more visually appealing than using normal font styling. Since studies show that most web viewers seek visual appeal plus reliable and accurate information over textual quality, it is imperative to have accurate and simple contents on your site and styling the text fonts for maximum visual appeal as well.
< - start of code - >
font: 1em/1.5em bold italic small-caps verdana,serif
< - end of sample - >
Just remember to specify font family and font size on your codes so as for the code above to work. With this code, you now have the power to fully grasp the customization possibilities of the shorthand styling method on internet sites. I suggest you work on the more important aspects on CSS development for you to maximize what such a web development language could do for your internet site.
Sunday, March 11. 2007
The digital platform of information has definitely developed due to fast internet connections. This brought about internet sites being more accessible and usable. Why? Well, for one thing, since fast internet connections are available throughout the world, more and more people now have access to the information available on the world wide web. Logically speaking, this would mean more and more viewers, thus more and more internet sites. But without your site being accessible and usable, chances are, your site won't matter. Kinda sucks being a three billionth result from a related search on any of the world wide web's search engines now, don't you think?
Well, we go on the topic of designing the pages of your internet site to be as visually entertaining as it is navigable and accessible. Now, since web crawlers of the most popular search engines of the world wide web rely on textual contents for indexing purposes, the text layouting of the pages on your internet site should be visually appealing as well. If you know CSS, then that takes you one step ahead of the game.
The CSS shorthand rule on fonts give your website such a needed boost regarding visual appeal. But, please do choose the fonts that are mostly found on the largest share of machines connected to the world wide web. This is a simple trick to do, and you have to have your brain do a needed self-squeeze so as for your creative juices to flow for just the right CSS shorthand customizations. I suggest to keep posted on this site for the proper set of codes to do just this CSS page tweaking trick.
Saturday, March 10. 2007
< - start of code - >
<style type="text/css">
h1{
font-family:verdana;
color:navy;
font-size:18px;
margin-bottom:0px;
}
h2{
font-family:verdana;
color:navy;
font-size:16px;
margin-bottom:0px;
}
h3{
font-family:arial;
color:navy;
font-size:12px;
margin-bottom:0px;
}
.underheader{
margin-top:2px;
}
</style>
< - end of sample - >
You see in the codes above that I have customized spacing between the letters in the textual layouting of the sample site. Well, not to mention the font appearance of the texts, too. This is because I want to stress the importance of headlines in the viewing of your site. Yes, even on viewing your site on handheld communication gizmos that have access to internet browsing.
Well, this is because most viewers, if not all of them, are attracted more on headline text than graphical images or videos on your site. This is because what they are all there for is data or information, and only a few are there to be visually entertained. Certainly, by all means, this is true. 'Cause if it were not, then people wouldn't go to the movies, buy HDTVs, or rent out home videos! With these set of codes, you also make headline texts on your site more enjoyable to read, if not more readable in itself.
Plus, I suggest you use fonts that are found in most web browsers. This would mean using these set of CSS codes with the most widely used font styles so as to improve the accessibility of your site. Yes, you should definitely consider mobile viewing as well. At least with these set of codes and proper CSS knowledge, you'll have sites that are accessible, usable, and flexible to all types of viewing. Be it viewing your website on a mobile device or the conventional means. That is, with the use of conventional equipment known as desktop and laptop PCs!
|
|
Bookmark http://www.cascading-style-sheets-css.com/
Cascading Style Sheets Comments
Wed, 18.10.2006 15:40
I have read the book, its a top reference materials. But I hope there are more sample codes included in such published [...]
Wed, 18.10.2006 15:39
Good book. I might buy a copy for myself to help me with my CSS tutorials.
Sat, 07.10.2006 12:20
I don't think assigning multiple styles on the pages of your internet site is good. This is because IE just might not [...]
Sat, 07.10.2006 12:20
I think this trick should also give you more room to tweak the visual aspect of your internet site. In a more [...]
Sun, 24.09.2006 17:12
I think most of the developers of the leading internet site browsers don't have a damn idea what the people need in [...]
Sun, 24.09.2006 17:12
I think most of the developers of the leading internet site browsers don't have a damn idea what the people need in [...]
Sun, 24.09.2006 16:38
I just don't know why a lot of people prefer good visual techniques applied on the pages of the internet sites they view [...]
Sun, 24.09.2006 16:34
I think you should use Mozilla or anything else other than IE. IE just seems to have more and more problems each time [...]
Sun, 24.09.2006 16:33
I think IE has a lot of problems when it comes to viewing CSS styled pages. Even with the releases they have made on [...]
Fri, 22.09.2006 13:29
Now I can use CSS width functions on the pages of my internet site! Back then, I just avoided CSS styled pages on my [...]
Fri, 22.09.2006 13:28
I have encountered the same problem in using CSS width functions on my internet site, but I just seemed to avoid using [...]
Wed, 20.09.2006 15:36
Since I think you wouldn't want to hack your way through the design of your CSS styled documents, I think you should [...]
Wed, 20.09.2006 15:36
I think there are lots of problems with IE and CSS styled web pages. With this, I think you're all better off with [...]
Sat, 16.09.2006 14:47
But I don't think they're releasing any patches yet! I don't know why it's taking them so long to produce a patch, but [...]
Sat, 16.09.2006 14:47
I think this problem can be solved with just a well needed patch from the Microsoft team.