HTML/CSS Service

CSS Based Forms Examples

Category: CSS    |    2,973 views    |    1 Comment   |   

Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention, so web-forms are becoming more and more important for the success of any company. In the end, exactly those web-forms are responsible for the first contact with potential customers.

Source: Link

Developing Forms

Prettier Accessible Forms
Forms01 in CSS-Based Forms: Modern Solutions

The Form Assembly – Form Layouts
Forms07 in CSS-Based Forms: Modern Solutions

CSS Styling of forms, Stu Nicholls
Forms13 in CSS-Based Forms: Modern Solutions

Semantic Horizontal Forms
Forms05 in CSS-Based Forms: Modern Solutions

Trimming form fields
Forms03 in CSS-Based Forms: Modern Solutions

Badboy Niceforms
Forms02 in CSS-Based Forms: Modern Solutions

Functional Pretty Forms
Forms12 in CSS-Based Forms: Modern Solutions

CSS-Only, Table-less Forms Read more…

Share/Save/Bookmark

  • No Related Post

 

Top Horizontal Websites List

Category: Articles    |    1,293 views    |    Add a Comment   |   

200 Top CSS Resources

Category: Uncategorized    |    1,518 views    |    1 Comment   |   

Tutorials:

Tutorial from W3C – http://www.w3.org/Style/Examples/011/firstcss

Tutorials from HTML Dog – http://www.htmldog.com/

CSS Examples with demo -  http://csshook.com/cssexamples/

Complete CSS guide – http://www.westciv.com/style_master/academy/css_tutorial/

W3 Schools CSS tutorials – http://www.w3schools.com/css/default.asp

HTML.net CSS tutorials – http://www.html.net/tutorials/css/

HTMLhelp.com: CSS – http://www.htmlhelp.com/reference/css/

BrainJar: using style sheets – http://www.brainjar.com/css/using/default.asp

Beginner’s guide to CSS – http://friendlybit.com/tutorial/beginners-guide-to-css-and-standards/

Creating a CSS layout from scratch – http://www.subcide.com/tutorials/csslayout/

List building tutorial from MaxDesign.com – http://css.maxdesign.com.au/listutorial/

Tutorial on floating elements from MaxDesign – http://css.maxdesign.com.au/floatutorial/

CSS no crap primer – http://wendypeck.com/css101.html Read more…

Share/Save/Bookmark

  • No Related Post

 

Top 15 CSS articles

Category: Articles    |    869 views    |    Add a Comment   |   

Top 50 Best CSS Articles and Resources

Category: Articles    |    1,602 views    |    3 Comments   |   

CSS Native Support of Fonts

Category: CSS, CSS Expert Ideas    |    1,045 views    |    Add a Comment   |   

 

The ability to embed fonts on a Web page has been a dream of many designers for years. @font-face is the CSS declaration that allows us to do this, but it is not widely supported by Web browsers, especially Internet Explorer. When CSS 2 first came out, the W3C actually recommended support for@font-face, but it was soon deprecated due to lack of support by CSS 2.1.

Now the demand has returned with a stronger push. Even though some current browsers don’t support it and older browser versions are still being used, most modern browsers do now support@font-face. If it is one day fully implemented, all we would have to do is this: Read more…

Share/Save/Bookmark

  • No Related Post

 

Design-Related CSS Solutions

Category: CSS    |    1,020 views    |    Add a Comment   |   

 

CSS was originally meant for styling after all, right? Let’s step back from the programming-related concepts, and turn again to the design element of CSS. Aside from functionality in coding, some of the ideas floating around relate to functionality in design. Let’s look at a few below, some of which already have solutions.

Advanced Hyphenation Techniques

With increasing attention paid to typography in the last few years, hyphenation has become a priority for many people. Well-designed websites hyphenate the text in areas where it is important to the layout so that the text does not have to be constantly altered. This improves alignment and better organizes the overall design. Read more…

Share/Save/Bookmark

  • No Related Post

 

CSS Mathematical Functions

Category: CSS Expert Ideas    |    957 views    |    Add a Comment   |   

 

Most of us have come across a piece of CSS code for which we thought, “This would be much easier if I could just subtract X number of pixels,” or “This solution would be easier if I could just add X% onto this DIV.”

Without this simple math for CSS, most of us have found workarounds to many of these problems. But by implementing simple mathematical functions in CSS, we can eliminate extra code and make our thought process easier. Read more…

Share/Save/Bookmark

  • No Related Post

 

Smarter CSS Shortcuts

Category: CSS, CSS Expert Ideas    |    1,039 views    |    Add a Comment   |   

 

A much-wanted feature in future versions of CSS is to be able to use alternative and smarter shortcuts to shorten CSS code. Some of these are already being implemented in alternative CSS languages, but the new CSS 3 has no sign of this. With greater support, perhaps basic CSS could become smart enough to handle these shortcuts in another 10 or so years, when CSS 4 is introduced.

To see the benefit anyway, let’s look at a few examples in which smarter shortcuts would be beneficial.

When many elements from a certain class or ID share the same properties, things can get a bit repetitious:

  1. #navigation h1#navigation h2#navigation h3{  
  2.     font-familyVerdanaTahomasans-serif;  
  3.     letter-spacing-1px;  
  4. }  

Smarter syntax would tighten things up, saving both time and space in the style sheet:


  1. #navigation [h1,h2,h3]{  
  2.     font-familyVerdanaTahomasans-serif;  
  3.     letter-spacing-1px;  
  4. }  

As most of us know, styling links in CSS can be a huge hassle. Nesting these elements, as shown above, is a great solution, but a smarter syntax for dealing with pseudo-classes would also be good: Read more…

Share/Save/Bookmark

  • No Related Post

 

How to use Conditional CSS?

Category: CSS    |    1,688 views    |    Add a Comment   |   

 

Conditional options in CSS have a variety of benefits but can also bring the same deficiencies as CSS variables in that they alter the state of CSS as it is. Many of the cons have to do with efficiency, confusion and, in some cases, added HTTP requests (because it deals with a type of server-side programming language).

Nonetheless, let’s look into more of the benefits of conditional CSS statements. Just keep in mind the cons that come with them, and always be thinking of new ideas to overcome them. So far, the tools and solutions that give developers and designers conditional statements in CSS have come to be relatively well accepted. This is because CSS conditionals seem to solve bigger problems in CSS, and the lack of efficiency seems minor by comparison.

Let’s not forget the original CSS conditional. The problem with the traditional CSS conditional for IE, however, is that it has no else or else if. Although the use may be limited, an if/else statement for CSS could allow designers and developers to specify styles for other types of conditions: browsers, for example.

One popular tool for calling styles according to browser type is Conditional-CSS.com. While many other solutions are out there for conditionals as well as this particular problem, this tool can do most of the work automatically, with minimal confusion. Read more…

Share/Save/Bookmark

  • No Related Post