[WD&D] Digest for sitedesign@googlegroups.com - 4 Messages in 2 Topics

  Today's Topic Summary

Group: http://groups.google.com/group/sitedesign/topics

• Design review [3 Updates]
• LESS CSS... [1 Update]

 Design review

Nikoloz Burchuladze <nikoloz.burchuladze@gmail.com> May 04 12:39PM +0400  

Hi guys.
I've made mockup for wholesale trading center, some doubts about color
scheme choice i have. maybe some suggestions about it


 

Dalton <my_subscribed@live.com> May 04 02:16AM -0700  

Very nice design :)
as a user, i dont like sharp design :) maybe you should change the box to
be more smooth.
 
On Friday, May 4, 2012 3:39:32 PM UTC+7, Nikoloz wrote:


 

Prakash Kotian <prakashkotian@gmail.com> May 04 03:26PM +0530  

The selected colors will not gel well. Use mixture of dull and bright color.
 
 
Regards
Prakash Kotian
prakashkotian@gmail.com
 
On Fri, May 4, 2012 at 2:09 PM, Nikoloz Burchuladze <
 
--
Regards
Prakash K Kotian


 

 LESS CSS...

Aaron Craig <maremma.mercutio@gmail.com> May 04 08:54AM +0200  

Albert, I really like LESS. Nested rules make your CSS more readable, and
makes it easy to avoid writing conflicting rules, especially if you like to
keep your CSS in separate files to organize them better. I do this, and
then they are lumped together in a single file for trasmission to the
browser, so being able to encapsulate everything for me represents the
major benefit of a system like LESS.
 
Also, mixins make it easy to reuse classes, which is especially useful when
the markup isn't yours. Most of my sites use Drupal and the Zentropy base
theme. In most cases I find I can simply apply CSS without ever having to
touch the original HTML, and mixins makes this trivial.
 
For instance, a common class nowadays is a clearfix class:
 
.clearfix:after {
content: '.';
display: 'block';
clear: 'both';
... etc, etc ...
}
 
for clearing floated elements.
 
If your HTML is your own, you just add class='clearfix' wherever you need
it. But if the HTML is being generated by a CMS, you often can't do that.
So you're stuck in CSS doing large lists of things to clear:
 
#some-element,
#another-element .some-class,
etc. etc {
clearfix CSS here
}
 
With LESS, you don't do this anymore. You simply declare a mixin, which
looks almost like a class declaration:
 
.clearfix() {
&:after {
content: '.';
display: 'block';
clear: 'both';
... etc, etc ...
}
}
 
And then, wherever you need to clear floating children:
 
#some-element {
.clearfix;
}
 
 
Much cleaner and easier to write.
 
Another great help is for keeping your colors straight, with variables.
You can declare variables like this:
 
@black: #000;
@white: #fff;
@red: #cc0000;
 
Then in your CSS styles use these "named" colors to keep your pallette
constant:
 
#page-title {
color: @red;
}
 
 
Aaron Craig
Performance International / Evolving Design
http://performance-international.net
http://evolving-design.com
 
 
 


 

You received this message because you are subscribed to the Google Group sitedesign.
You can post via email.
To unsubscribe from this group, send an empty message.
For more options, visit this group.

--
You received this because you are subscribed to the "Web Design and Development" group at Google Groups. Messages are prefixed with [WD&D] in the subject. No spam is allowed. Be civil, be professional; try to be helpful & mind your netiquette. All posts are Copyright the original author and the Web Design and Development group. No reproduction of this content is allowed in any electronic or printed form outside the group at Google Groups and the http://www.WDaDg.org website. Any unauthorized use of our copy constitutes illegal Copyright infringement and may well be prosecuted to the full extent of the law. Digital Signature: $©"[W|D|&|D]g"|^|!SiteDesign@GG||#%$
To post to this group, email SiteDesign@googlegroups.com
To unsubscribe, email SiteDesign-unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/SiteDesign?hl=en