部落の半兽人

新闻来源:Graphicfetish.com 随着许多优秀的网页设计工具和大量资源的出现，今天网页设计比起十年前要简便得多。本文收集了28款可以帮助你快速设计网页的自动生成工具，包括了logo，banner、Web2.0徽标生成器，域名推荐。 1. Lorem Ipsum Generator  文本排版生成器 2. Stripe Generator  条纹背景 3. Mycoolbutton  按钮生成器 4. Web20generator  Web2.0生成器 5. Buttonator  按钮生成器 6. VectorMagic  矢量图生成器 7. Free Online Web Template Generator  免费在线网页模板   8. CSS Type Set  CSS效果查看     9. Free Logo Design – Logo Maker  免费Logo设计 10. Tiled backgrounds designer  背景设计 11. Web 2.0 logo creatr  Web2.0 logo生成器     12. Nameboy  域名搜索和建议 13. Domain name generator  域名生成器 14. Online Logo Generator  在线logo生成器 15. Loona Pix  特效图片生成器     16. Fancy text generator  文本特效生成器 17. Webscriptlab Web脚本生成器 18. Form Generator 表单生成器 19. ReflectionMaker.com  图片倒影生成器 20. XHTML/CSS Markup Generator  XHTML/CSS标签生成器 21. Roundedcornr  圆角图片效果生成器   22. favicon.cc  favicon生成器     23. Genfavicon  favicon生成器 24. stripedesigner.com  条纹背景生成器 25. 3D Pack ...

author: Dejan Cancarevic come from:http://stylizedweb.com/2008/02/14/10-best-css-hacks/ 转自国外网站，本想翻译成中文，但是细看文章实在是简单，如果看不懂这个，我想也就没必要继续做前端了。 If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them earlier on PNG transparency issues, Yellow fields in web form, Vertical align div etc.. Here is the list of 10 hand picked CSS hacks and tricks which can help you in your CSS code and also save some time. 1. Vertical align div (垂直居中) http://stylizedweb.com/2008/02/01/vertical-align-div/ 2. Min-Height (最小高度) selector { min-height:500px; height:auto; !important height:500px; } 3. PNG transparency (透明png) http://stylizedweb.com/2007/12/30/png-transparency-issues/ 4. Autoclear (自动清除) .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .container {display: ...

新闻来源:Smashing Magazine 幻灯效果是 Web 设计中的新风潮，新的白宫网站也未能免俗，幻灯效果（拉洋片）特别适合在站点的首要位置展示一些核心的，展示性的内容。最早的幻灯效果多基于 Flash，随着 JavaScript 在 Web 设计师与开发者眼中地位的提升，基于 JavaScript 的幻灯效果开始取代 Flash。本文介绍了一些非常出色的 Web 幻灯设计实例。 Micro 一个非常干净简单的幻灯片效果。 Paramore 漂亮的轮播效果，边界处理也很出色。 Obox Design 简单干净的图片幻灯效果。 SpaceCollective 使用了一些很好的手工操作的图片幻灯。 Josh Smith 非常简单的图片混等，少即是美。 Benjamin David 很好的幻灯图片库，使用了垂直平滑转换效果。 Design By Humans 这个站点使用大型幻灯图片展示自己的产品，背景幕也随着图片而改变，非常漂亮。 Lucas Hirata 这个富有创意的作品展示站点使用幻灯效果展示大量作品。 Designsensory 一个标准的图片幻灯，可以通过数字控制当前显示的图片，也有对应的文字显示。 Banjax 很棒的幻灯布局，可以通过漂亮的缩略图控制显示。 Qlear 手动操控式幻灯片，用来展示作品项目。 Dean Oakley 另一个功能简单的幻灯效果，带当前页码显示。 Rob Young 这是一个富有创意的，独特的作品展示站点，点击具体项目，还会以 Lightbox 的形式显示该项目的更详细信息。 HelloThemes 这个站点使用一个简单的手动幻灯展示信息，按钮很大，水平变换很平滑。 MacAllan 这个幻灯中每个图片都会显示一定的时间，图片变换前，还会在边角显示一个示意图。 Global Oneness Project 使用了简单明了的幻灯片效果展示推荐的视频。 Behance 使用了方便的按钮和渐入渐出效果。 Ricoverdo 拥有漂亮风格的水平幻灯。 Scrap Blog 包含多种功能和 Cooliris 图片效果。 Deluge Studios 使用了做旧背景加炫目的色彩...