6 Apr 2013

Ne face deosebita placere sa anuntam adaugarea unui nou membru in echipa de parteneri.

TEDxYouth@Cluj

9 Mar 2013

The Anita Borg Systers Pass-It-On (PIO) Awards honor Anita Borg’s desire to create a network of technical women helping one another. The cash awards, funded by donations from the Systers Online Community, are intended as means for women established in technological fields to support women seeking their place in the fields of technology. The program is called “Pass-It-On” because it comes with the moral obligation to “pass on” the benefits gained from the award.

Pass-it-on Award applications are open to any woman over 18 years old in or aspiring to be in the fields of computing. Awards are open to women in all countries and range from $500.00 to $1000.00 USD. Applications covering a wide variety of needs and projects are encouraged, such as:

  • Small amount to help with studies, job transfers or other transitions in life.
  • A broader project that benefits girls and women.
  • Projects that seek to inspire more girls and women to go into the computing field.
  • Assistance with educational fees and materials.
  • Partial funding source for larger scholarship.
  • Mentoring and other supportive groups for women in technology or computing.

SPRING 2013 PIO AWARD CYCLE

  • Applications OPEN, Wednesday, January 16, 2013 at 12:00 noon PST (UT-8).
  • Applications close Wednesday, April 10, 2013 at 12:00 noon PST (UT-8).

More details are available on the official website.

1 Feb 2013

THE PROBLEM

  • A varying number of text-only menu items and a fluid page layout.
  • The first menu item should be left-aligned, the last menu item should be right-aligned.
  • The remaining items should be spread optimally on the menu bar.
  • The number is varying, so there's no chance to precalculate the optimal widths.

Note that using a TABLE won't work as well:

  • If you center all TDs, the first and the last item will not be aligned correctly.
  • If you left-align and right-align the first and the last items, the spacing will be sub-optimal.

 
THE SOLUTION

HTML

  1. <ul id="Navigation">
  2. <li><a href="#">The Missing Link</a></li>
  3. <li><a href="#">About</a></li>
  4. <li><a href="#">Riluri</a></li>
  5. <li><a href="#">Contact us</a></li>
  6. <!-- ... -->
  7. <li class="stretch"></li>
  8. </ul>

CSS

  1. #Navigation {
  2. list-style-type: none;
  3. text-align: justify;
  4. height: 21px;
  5. background: #ccc;
  6. }
  7.  
  8. #Navigation li {
  9. display: inline-block;
  10. }
  11.  
  12. #Navigation .stretch {
  13. display: inline-block;
  14. width: 100%;
  15.  
  16. /* IE6/7 support */
  17. *display: inline;
  18. zoom: 1;
  19. }

View demo

4 Jan 2013

Ne face deosebita placere sa anuntam adaugarea unui nou membru in echipa de parteneri.

www.codebox.ro