2007年5月30日星期三

Adobe Labs - Spry framework for Ajax

Adobe Labs - Spry framework for Ajax这是Adobe labs的ajax框架。按Adobe的介绍:Spry framework for ajax is a javascript library for web designers that provides functionality that allows designers to build pages that provide a richer experience for their users.

2007年5月17日星期四

div+css命名参考

来源: 网页教学网

用了一段CSS 布局设计网页,发现自己的命名有点混乱,完全按照自己的想法命名,虽然没什么影响,有不给别人看源文件,但是工作室有时候和团队合作完
成项目的时候,就遇到麻烦了,要修改一个地方相当的费事.所以还是有个标准比较好啊!

在网上看到的一个相关的参考,再加上平时也研究别人的代码,发现这样的命名使用很广泛!我再加上自己的经验,希望对看到这篇文章的人能有用!

命名参考

常用的CSS命名规则:

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

命名全部使用小写字母,如果需要多个单词,单词间使用"-"分隔,比如user-list

常用代码结构:

div:主要用于布局,分割页面的结构

ul/ol:用于无序/有序列表

span:没有特殊的意义,可以用作排版的辅助,例如

<li><span>(4.23)</span>天幻网六周年天幻网六周年天幻网六周年天幻网六</li>

然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果

h1-h6:标题

h1-h6 根据重要性依次递减

h1位最重要的标题

label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,例如:

<label for="user-password">密码</label>

<input type="password" name="password" id="user-password" />

fieldset & legend:fildset套在表单外,legend用于描述表单内容。例如:

<form>

<fieldset>

<legend>title</legend>

<label for="user-password">密码</label>

<input type="password" name="password" id="user-password" />

</fieldset>

</form>

dl,dt,dd:当页面中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,例如

<dl>

<dt>什么是CSS?</dt>

<dd>CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading
Stylesheet)。<dd>

<dt>什么是XHTML?</dt>

<dd>XHTML是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重要的区别。可以这样看,XHTML就是一个扮演着类似
HTML的角色的XML。 本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。</
dd>

</dl>

C #content

S #subcol

M #maincol

X #xcol

这是纵向布局的XHTML结构,c-smx表示网页有三个纵栏, c-sm表示有两个纵栏, c-mx表示有两个纵栏其中一个是附属的, c-m表示一
个纵栏。

其中在三纵栏的布局需要分为两层 第一层是#subcol与#main第二层是#main中的#maincol与#xcol。

自定义命名:

根据w3c网站上给出的,最好是用意义命名

比如:是重要的新闻高亮显示(像红色)

有两种

.red{color:red}

.important-news{color:red}

很显然第二种传达的意义更加明确,所以尽量不要用意义不明确的作为自己自定义的名字。

2007年4月9日星期一

Bookmark Bliss: 50 sources for web design inspiration

原文: http://www.fuzzyfuture.com/web-design/50-sources-for-web-design-inspiration/

When Fuzzy Future first got started, I said that our goal was to build content that other people can use to improve their own projects. Almost every day, while I'm checking out a blog or social bookmark site like Del.icio.us or Digg, I see a post entitled something along the lines of "50 beautiful web designs" or "25 amazing wordpress templates." As a web developer and not really a web designer, I always love these posts because they're great inspiration for the next time I need to create my own template, theme, site, etc. Over the years I've managed to build up a decent bookmark list of these "inspirational" sites so I thought I would put them all in one place for other people to take advantage of as well. So, without further ado, here is my list of 50 sources for web design inspiration…A little help for us artistically challenged individuals :)

  1. The Best Designs
  2. Six Shooter Media's Free Templates
  3. 2Advanced Studios
  4. Andreas Viklund Free Website Templates
  5. Studio7Designs
  6. Style Grind
  7. Open Source Web Design
  8. The Web Design Inspiration Photoset
  9. Most Inspired
  10. Open Source Templates
  11. Templates Box
  12. Smashing Magazine
  13. CSS Beauty
  14. CSS Galleries
  15. Drupal Sites
  16. Open Source Web Templates
  17. CSS Remix
  18. Glenn Wolsey 10 Most Beautiful Blog Designs
  19. CSS Drive
  20. Perfection
  21. CSS Elite
  22. SyleGala
  23. Creative Pakistan
  24. The FWA
  25. CSS Hazard
  26. Beautifully Webdesign
  27. Unmatched Style
  28. CSS Import
  29. Light on Dark
  30. StyleBoost
  31. CSS Bloom
  32. Screen Fluent
  33. CSS Websites
  34. Website Design Awards
  35. 3point7designs
  36. CSS Galaxy
  37. Screenalicio.us
  38. The Dreamer
  39. Style Crunch
  40. CSS Flavor
  41. Inspiration King
  42. CSS Thesis
  43. Web Creme
  44. CSS Zen Garden
  45. CSS Reboot
  46. WebDigity
  47. The Pixel Creativity
  48. Top Wordpess Themes
  49. CSSClip
  50. Deviant Art

50+5 Bonus Sources

  1. 83 Beautiful Wordpress Themes (smashing magazine)
  2. Go Drupal
  3. One Pixel Army
  4. CSS Mania
  5. Design Shack

Well, that's it for this round. Some of these sites offer their templates for free but others charge a fee for you to use. This list is intended to help you with your "designer's block" and give you the inspiration you need to come up with the perfect design for your next blog, community portal, social networking hub, or corporate e-commerce resource. I'd love to keep this list growing and possibly release updates on a regular basis.

Have you found this list useful? If so, show your support by subscribing to our news feed. We've posted several other entries in our Bookmark Bliss series that you might find interesting as well…

  1. Bookmark Bliss: 50 Sources for Web Design Inspiration
  2. Bookmark Bliss: The Developer Cheat Sheet Compilation
  3. Bookmark Bliss: 30 Web Developer Community Forums
  4. Bookmark Bliss: 101+ Stock Image Resources

As always, your comments are welcome and please let us know of any sites we might have missed.

2007年4月5日星期四

C#中的类型转换

无论是什么类型,所有的数据都是一系列的位,即一组0和1
。但是一般情况下,不同类型的变量使用不同的模式来表示数据。这意味着即使可以把一系列的位从一种类型的变量移动到另一种类型的变量中,结果也可能与期望的不同。所以这并不是数据从一个变量的一对一映射,而是需要对数据进行类型转换。那么类型转换有两种形式
A 隐式转换:从类型A到类型B的转换可以在所有的情况下进行,执行转换的规则非常简单,可以让编译器进行。
B 显式转换:从类型A到类型B的转换只能在某些情况下进行,转换的规则比较复杂,应进行某种类型的处理。

2007年2月15日星期四

Free Design Templates

Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. This article shows, where you'll find them.

*Just in case the site goes down*
Here's all the links. Save them. You might need them some day when you're looking for templates

http://www.freecsstemplates.org/
http://www.webpagedesign.com.au/Free_Templates/
http://www.templatesbox.com/templates.htm
http://www.templatemonster.com/free-templates.php
http://templatenavigator.com/
http://www.coffeecup.com/freestuff/templates/
http://www.dotcomwebdesign.com/?Free-Website-Templates-Section-1
http://effex-media.com/templates/
http://www.entheosweb.com/website_templates/free-dreamweaver-templates.asp
http://www.dezinehub.com/
http://www.free-flash-template.com/
http://www.freelayouts.com/templates/website
http://www.webdesignerstoolkit.com/index.php
http://www.freetemplatesonline.com/
http://www.freewebtemplates.com/template.php?id=3
http://www.freewebtemplates.de/
http://www.freewebsitetemplates.com/
http://www.ginger-ninja.net/
http://www.groovylizard.com/site/linkware.htm
http://hotfreetemplates.com/WebsiteTemplates/
http://www.interspire.com/templates/
http://www.ajoyfulheart.com/floral_linkware_sets.htm
http://layouts4free.com/
http://www.mastertemplates.com/
http://www.oswd.org/
http://www.openwebdesign.org/
http://www.paintedpixels.com/graphics/index.php
http://www.rickyswebtemplates.com/
http://www.snakeyewebtemplates.com/free_dreamweaver_web_site_templates.asp
http://www.steves-templates.com/templates.html
http://www.templateperfection.com/?parent=1&sm=1
http://www.templateworkz.com/website_templates.php
http://www.themesbase.com/
http://capmex.biz/resources/free-web-templates
http://www.webtemplates.la/
http://zymic.com/show_templates.php?id=1

Weblog Templates
http://www.blogfashions.com/
http://www.glish.com/css/blogger/
http://blogger-templates.blogspot.com/
http://blogspottemplates.blogspot.com/
http://freetemplates.blogspot.com/
http://www.bloggingthemes.com/
http://blogplates.net/
http://erraticwisdom.com/templates
http://finalsense.com/services/blogs_templates.html
http://www.francey.org/linkware
http://blog-templates.ravasthi.name/
http://www.kaushalsheth.com/themes
http://pinkfreak.niftykeen.net/design/archives/templates/index.html
http://www.pointoffocus.com/Graphics/focusblogger.html
http://scribez.wordpress.com/2006/09/16/new-ten-best-free-wordpress-templates/
http://textgarden.org/
http://textplates.com/
http://v4ny.net/themes-and-templates/
http://www.weblogdesign.com/website.php
http://wpthemes.info/

Wow if this comment wasn't on topic, I'd digg this down for linkspam.
Enjoy!