垃圾回收站

July 15, 2007

Inspiration Package: 80+ Usable & Elegant Designs

[ 分类: CSS, Front-End ] 由 弗里曼·潘 发表于 9:11 pm 评论( 0 )

Inspiration Package:80+ Elegant and Usable Designs

1. 31Three

Beautiful Designs - 31Three - The Design Studio of Jesse Bennett-Chamberlain

2. North x East

Beautiful Designs - 12 Ways to Turn a Boring Post into Pure Gold at Weekly Articles About Blogging - NxE

3. Youtilize.com

Beautiful Designs - Youtilize.com - technology, web development and entrepreneurship

4. Oaktree Creative

Beautiful Designs - Oaktree Creative: The pixels, prose and portfolio of Chuck Mallott

5. CodeIgniter

Beautiful Designs - CodeIgniter - Open source PHP web application framework

6. WebRevolutionary

Beautiful Designs - WebRevolutionary 鈥?The semi-coherent ramblings of a web addict.

7. Pop Labs

Beautiful Designs - Search Marketing and Social Media Consulting - Pop Labs - Pop Labs

8. nPanorama.ru

Beautiful Designs -

9. Creative Binge

Beautiful Designs - Creative Binge - Online Creative Portfolios

10. Designwise Studios

Beautiful Designs - Designwise Studios ~ Accessible, Simple, and Elegant Web Solutions

11. Mike McFarlane Landscape Photography

Beautiful Designs - Welcome - Mike McFarlane Landscape Photography

12. Pearsonified

Beautiful Designs - Best Damn Blog on the Planet 鈥?Pearsonified

13. BlogMinistry

Beautiful Designs - BlogMinistry

14. html life

Beautiful Designs - html life

15. Infected-FX

Beautiful Designs - Infected-FX | tutoriales, photoshop brushes y recursos para dise帽adores web

16. Devlounge

Beautiful Designs - Devlounge : A resource for designers and developers

17. Putput Comunicacions

Beautiful Designs - Putput Comunicacions

18. Savana webhosting

Beautiful Designs - Savana webhosting - levn媒 hosting s pohodlnou administrac铆

19. Infekta

Beautiful Designs - Infekta - Home

20. Stoodeo

Beautiful Designs - Website Development Services - Stoodeo

21. Microsoft Corporation

Beautiful Designs - Microsoft Corporation

22. Koder

Beautiful Designs - Kod茅r - Dom暖 | Vy designujete, my k贸dujeme do posledn铆ho detailu

23. Tappity: Mobile Homepage

Beautiful Designs - Tappity: Mobile Homepage

24. WorkOne Central

Beautiful Designs - WorkOne Central

25. Rifidi | Software Defined RFID

Beautiful Designs - Rifidi | Software Defined RFID

26. Pixel House

Beautiful Designs - Gold Coast Web Site Design - Pixel House

27. ~ VEDA ~ Healthy Indian Takeout & Eatery

Beautiful Designs - ~ VEDA ~ Healthy Indian Takeout & Eatery

28. Gaby Lopez

Beautiful Designs - Gaby Lopez

29. Versions - Mac Subversion Client

Beautiful Designs - Versions - Mac Subversion Client

30. Ted Lermontov

Beautiful Designs - Ted Lermontov : Web Designer

31. Pozycjonowanie INHEAD Krakow

Beautiful Designs - Pozycjonowanie INHEAD Krak贸w

32. WorkHabit.org

Beautiful Designs - WorkHabit.org

33. Sonze

Beautiful Designs - Sonze

34. Corporate Image

Beautiful Designs - Corporate Image 鈥?Logo, Graphic Design, Website Development, Web Marketing Consultant, Melbourne, Sydney, Australia

35. Frazier Media

Beautiful Designs - Frazier Media

36. KellerAdv

Beautiful Designs - KellerAdv - Agenzia di Pubblicit??- Comunicazione - Marketing - Latina

37. Made by Cocoon

Beautiful Designs - Welcome to Made by Cocoon | Made by Cocoon

38. elan3.com

Beautiful Designs - elan3.com : Tim Sears' blog and personal site of web and .NET development.

39. Erratic Wisdom

Beautiful Designs - Erratic Wisdom

40. Design View / Andy Rutledge

Beautiful Designs - Design View / Andy Rutledge

41. Systima Technology

Beautiful Designs - Systima Technology - Creative Solutions on the Isle of Wight

42. Eden Creative Communities

Beautiful Designs - Eden Creative Communities

43. Pownce

Beautiful Designs - Pownce

44. Waggener Edstrom Worldwide

Beautiful Designs - Home | Waggener Edstrom Consumer Group | Waggener Edstrom Worldwide

45. WallCandyArt

Beautiful Designs - WallCandyArt

Artwork

46. EMS | Matthew Soriano

Beautiful Designs - EM茅S | The online portfolio of Matthew Soriano

47. anixstudio.

Beautiful Designs - anixstudio.

48. Blues Sklep

Beautiful Designs - Blues Sklep Live Blues and Jazz music

49. plasq.com

Beautiful Designs - plasq.com - Main

50. sr28 Web Design

Beautiful Designs - sr28 Web Design, Houston based Web Designer and Illustrator Simon Reynolds

Remarkable Designs

51. Warpspire

Beautiful Designs - Warpspire: Web, Design and Code Geekery

52. MacZone

Beautiful Designs - MacZone - prv媒 a najv盲膷拧铆 on-line obchod pre cel煤 platformu Mac

53. The 5th Avenue Theatre

Beautiful Designs - Welcome to The 5th Avenue Theatre

54. The Knowledge Well

Beautiful Designs - The Knowledge Well

55. Palm, Inc.

Beautiful Designs - Palm, Inc., Your Destination for Handhelds, Mobile Managers, Smartphones, Accessories and Software Titles

56. Dion.nu Design

Beautiful Designs - Dion.nu Design | Dion's Weblog 3.0 | Weblog of Dion Kesling. Designer in Rotterdam, the Netherlands.

57. FreeSwell Studios

Beautiful Designs - FreeSwell Studios | Creative, Web Design and Development, Kailua Honolulu Oahu Hawaii

58. Knoxville Life Church

Beautiful Designs - Knoxville Life Church

59. Startup Search

Beautiful Designs - Startup Search. Directory of web technology startups.

60. Footnote

Beautiful Designs - Footnote - The place for original documents online

61. troovy

Beautiful Designs - troovy | the world just got a bit smaller.

62. FF Maria Raisenmarkt

Beautiful Designs - FF Maria Raisenmarkt |www.ff-raisenmarkt.at|

63. JoshLockhart.com

Beautiful Designs - JoshLockhart.com | Effective Web Applications & Rapidweaver Themes

Flash Designs

64. Made by Mark Dearman

Beautiful Designs - Made by Mark Dearman

Further Design Showcases

You can find more inspiration in the following showcases we’ve published before:

June 20, 2007

让DIV里面的文字垂直居中

[ 分类: CSS ] 由 弗里曼·潘 发表于 8:39 pm 评论( 0 )

http://blog.donews.com/dodo/archive/2007/06/20/1177832.aspx

<style type=”text/css”>
<!–
.con_div{
width:400px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
background:red;
color:#fff
}
/*FOR IE*/
.fixie{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
–>
</style>
<div class=”con_div”>
<span class=”fixie”></span>
测试内容
</div>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>div里面图片垂直居中的几个例子</title>
<style type=”text/css”>
<!–
* {margin:0;padding:0}
div {
  width:500px;
  height:500px;
  line-height:500px;
  border:1px solid #666;
  overflow:hidden;
  position:relative;
  text-align:center;
}
div p {
  position:static;
  +position:absolute;
  top:50%;
  vertical-align:middle
}
img {
  position:static;
  +position:relative;
  top:-50%;left:-50%;
  vertical-align:middle
}
–>
</style>
</head>
<body>
<div><p><img src=”http://www.google.com/intl/en/images/logo.gif” /></p></div>
</body>
</html>