Sam 网摘

2010年10月27日星期三

15个Google为网站开发者打造的工具

Google 的使命是 Web，在 Google 眼中，未来的一切应用都将 Web 化，一直以来，Google 为 Web 开发与设计者推出了大量免费工具，让他们更好地创建，维护，改善他们的 Web 站点，这些工具包含了开发，分析，维护，修补等等用途，本文将介绍15款这样的工具。

1. Google Chrome Developer Tools

这是 Google Chrome 中类似 Firefox Firebug 以及 Web Developer Toolbar 的一个扩展，用于调试你的网页，包含一个 DOM 探测器，一个 JavaScript 调试台，可以设置执行断点和跟踪，一个类似 YSlow 的执行分析器。
2. Webmaster Tools

一个对网站拥有者来说非常有用的程序，可以帮助你从各个角度改善自己的站点。可以发现站点中的恶意程序，发现搜索引擎爬虫遇到的错误，可以发现你的 HTML 代码中需要改进的部分。还可以帮你发现你的站点中最热门的网页，并发现你站点中的错误链接。
3. Google Web Toolkit

Google Web Tootlkit （GWT）是一个 Web 开发基础框架，为开发者提供了一些基础类库，GWT 同 Google 的其它产品，如 AdWords，FeedBurner，Google Ajax 类库等紧密集成，这里有一个 Google Docs 教程。
4. Google Code Search

帮助开发者搜索代码，支持正则表达式搜索，或在一个高级搜索界面中，很直观地搜索那些可能会让你事半功倍的公共代码。
5. Page Speed

Google 现在已经将网站加载速度算到搜索排名算法中，Page Speed 可以帮助你分析你的网站性能，基于 Google Web 性能最佳实践。
6. Browser Size

该工具帮你分析，你的网页在不同浏览器，不同浏览尺寸下的显示状况，非常适合看看自己的网页在不滚动的情况下，在各种浏览尺寸下显示到哪里。
7. Google Ajax Libraries API

Google Ajax Libraries API 包含多种流行的 JavaScript 库（目前有10种），并可以从 Google 高性能的 CDN 网络中加载，既节省了你的服务器带宽，同时，由于用户可能已经在别的网站加载过这个库，因此可以显著加快这些库的加载速度。
8. Google Website Optimizer

接着这个工具，你可以对自己的网站进行 A/B 测试，并对网站进行优化。
9. Sites

顾名思义，Google Sites 可以帮你创建一个托管的网站，可以将包括 YouTube，幻灯，Gmail 日历，Google Gear 小程序，Google Docs 一类的应用集成其中。如果将站点设置为不公开，你可以将这个工具用于个人文档工具。
10. Speed Tracer

以可视化方式，帮你分析你的 Web 程序中各种元素的加载或运行速度与实践，这里有一些关于这个工具的用例。
11. Project Hosting

这是 Google Code 项目的一部分，可以帮你托管你的开源项目，Web 开发与设计者还可以在这里找到大量现成的项目以供借鉴或套用。
12. Google App Engine

这是一个可用来托管自己的 Web 程序的地方，甚至可以使用自己的域名。这里有一个教程，讲解如何使用 Google App Engine 来创建一个留言本。Google App Engine 中已经托管了大量的 Web 程序。
13. Google Chart Tools

Google Chart Tools 可以帮助你将数据转化为图表，并嵌入自己的网页，这些图表还拥有交互功能，可以钻入，或通过鼠标盘旋获取详细信息，还可以实现动画图表。
14. Closure Tools

Closure Tools 是 Google Labs 的一个开发套件，包含3个工具，闭包编译器（一个 JavaScript 优化器），闭包函数库（用于 Ajax 程序开发）以及一个用于动态生成 HTML 的闭包模板。
15. Google Analytics

经典的 Google 流量分析统计工具。

来源：Six Revisions - The Top 15 Google Products for People Who Build Websites

用CSS修正一切：20多个常见Bug及其修正方法

毫无疑问，一个合理的布局和结构是最好选择。这不仅是因为你的布局在不同浏览器见表现不同，而且还因为的CSS有很多方法来布局你的每个元素。今天，我们希望与你们分享一些避免在创建CSS布局时容易遇到的错误的技巧。

IE Bug修正

1- Bug修正：IE双倍Margin bug

- 元素是浮动的-并且给元素一个和浮动同一个方向的margin-结果显示两倍的指定margin大小。这个方法非常简单。所有您需要做的就是添加一个 display: inline规则到你的浮动元素。所以，你只是把例如这样的代码：

#content {
    float: left;
    width: 500px;
    padding: 10px 15px;
    margin-left: 20px; }

改为如下代码 :

#content {
    float: left;
    width: 500px;
    padding: 10px 15px;
    margin-left: 20px;
    display:inline;
}

2- 克服盒模型hack

- 如果你想给任一div指定宽度，不要指定padding或margin。只要另建一个内部(嵌套)的没有宽度的div并设定其padding和 margin来替代。所以，不要这样做：

#main-div{
width: 150px;
border: 5px;
padding: 20px;
}

这样做:

#main-div{
width: 150px;
}
#main-div div{
border: 5px;
padding: 20px;
}

3-IE无视min-height属性

- min-height属性在firefox下表现很好但是IE却无视了它，IE的height就像FF的min-height.注意：IE7没有这个 bug。

/* 对主流浏览器 */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em;
height:auto;
}
/* 对IE浏览器 */
/*\*/
* html .container {
height: 8em;
}
/**/

块级元素居中

5-块级元素居中

- 有很多种方法可以使块级元素居中；选择哪种方法取决于你的百分比大小设置或使用更绝对的数值。

整个页面内容居中：

body{
text-align: center;
}
#container
{
text-align: left;
width: 960px;
margin: 0 auto;
}

6-使用CSS垂直对齐

- 如果你想知道怎么才能正确的实现垂直对齐，只需要简单的为你的文本指定和容器等高的line-height。

#wrapper {
	width:530px;
	height:25px;
	background:url(container.gif) no-repeat left top;
	padding:0px 10px;
}
#wrapper p {
	line-height:25px;
}

栏目问题

8-?扩大的盒子Bug

- 当您尝试创建一个两列浮动的布局， IE浏览器将创建一个"浮动下降" ，这是由于在一个固定宽度的浮动DIV内存在超出宽度的内容，这些内容必须融入布局中的一个特定位置。这片文章详述了几种可能的替代方法。

CSS 定位

9-?理解CSS定位Part 1

-一系列很有趣的文章，这些文章不仅包括定位，还包括包括定义布局的属性，比如display和float ，和对CSS3 布局模型的一个预览。第一部分将会介绍定位和display属性。Part1,?Part2,?Part3 将会带给你对定位的更深的理解.

11-HangTab(固定标签)

- 在浏览器边缘创建一个固定的标签(即使内容居中)。查看Panic's website for their software Coda.

#hang_tab {
position: absolute;
top: 7px;
left: 0px;
width: 157px;
height: 93px;
}

CSS 浮动概念

12-?CSS 浮动原理：你应该知道的事情

-?SmashingMagazine 浏览几十个相关文章，并选择了在用float开发基于CSS的布局时你应该牢记的最重要的东西。

<div> <!-- float container -->
<div style="float:left; width:30%;"><p>Some content</p></div>
<p>Text not inside the float</p>
<div style="clear:both;"></div>
  </div>

13-?Floatutorial: CSS float的简单教程

- Floatutorial带你查看浮动元素的基本原理，例如图片，下拉菜单，下一个和返回按钮，相册，内部列表和多列布局。

14-?清除浮动- 正确的方法

- 清除浮动可以说是CSS开发中的一个最令人沮丧的方面，最佳方法之一是在您的网站上使用EasyClearing .

/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#container:after
{
	content: ".";
	display: block;
  	height: 0;
	clear: both;
	visibility: hidden;
}

#container
{display: inline-block;}

/* Hides from IE-mac \*/
* html #container
{height: 1%;}

#container
{display: block;}
/* End hide from IE-mac */

更简单的圆角实现

15-?迈克询问CSS圆角建议

- "最简单的方法是使用一个大的gif图片，然后我将给我的盒子编码"

<div>
  <p>beautifully-encapsulated paragraph</p>
  <div></div>
</div>

"并给它添加背景"

.roundBox {
  background:transparent url(roundBox.gif) no-repeat top left;
  width:340px;
  padding:20px;
}
.roundBox .boxBottom {
  background:white url(roundBox.gif) no-repeat bottom left;
    font-size:1px;
  line-height:1px;
  height:14px;
  margin:0 -20px -20px -20px;
}

同样?Askthecssguy 介绍了?Google Analytics中使用的技术, 他是通过在每个角留下1px的边框来实现圆角的效果，这是一种不用静态图片实现圆角的新方法。你可以在这里查看一个示例.

16-3 个简单的步骤实现圆角

- Alen Grakalic研究了通过三个步骤来编写一个固定宽度的圆角布局. 他也创建了一个demo .

CSS表单问题

17-?创建伟大的网页表单的技巧

- Cris Coyer和我们分享了浮动标签，:focus伪类，使用建议等技巧。他同样建立了又好又简单的联系表单, 他首先将它发布在这里.

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
}

18-?简洁而纯粹的CSS表单设计

- 对于的CSS爱好者来说，本教程表述了一个如何设计纯粹的CSS表单而不使用HTML表格的建议。你可以在这里抓取代码.

- 有时候，我们需要向用户解释他们理应填写文本输入框。当没有标签可以显示，一个通用的解决方案是，把一些占位符文本放在文本框中，并让它当标签来用。本教程介绍了一种很好的解决办法，并启用JavaScript ，label 元素是隐藏的，而且input 元素的title 属性值被复制到value 属性. 如果已禁用JavaScript ，标签显示在被留空的文字输入框的上面。一个简单的演示，您可以在这里看到演示.

值得检验的css技巧

20- 跨浏览器的用背景图的水平线

- 你或许想使用一个定制的图片来创建一个跨浏览器的水平线作为内容的分隔。

div.hr {
background: #fff url(myhrimg.gif) no-repeat scroll center;
height: 10px
}
div.hr hr {
display: none
}

你的代码可以像这样:

<div><hr /></div>

本文翻译自：http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html
  转载请注明来源，谢谢

23个iPhone App Store中的开源App及其源码

There are many code examples for iPhone development, most of the examples found in books or on blogs are incomplete and only designed to illustrate a specific point. The difference with the open source iphone apps shown on this page is that they are all available in the app store so you can see what other developers are really doing.

– Update March 7 – reMail and RobotFindsKitten added

The Apps

Here they are listed in alphabetical order (name linked to app homepage when possible):

1. ABC 123 – Sequence memorization game. Utilizes Cocos2D. (itunes link) (source code)

2. Colloquy – Conversion of the most popular Mac IRC client to the iPhone.(itunes link) (source code)

3. Diceshaker - Dice rolling simulator designed for role-playing game enthusiasts. (itunes link) (source code)

4. Doom Classic - Classic 3D first person shooter. (itunes link) (source code) (build instructions)

5. Freshbooks – App that enables usage of Freshbooks web invoicing software from your iPhone. (itunes link) (source code)

6. Gorillas – Classic Worms/iShoot turn based shooter type game converted to iPhone from basic. Utilizes Cocos2D. (itunes link) (source code)

7. Last.fm – Software that enables usage of the Last.fm platform for personal radio stations. (itunes link) (source code)

8. Mobilesynth - A monophonic synthesizer designed for live performance.(itunes link) (source code)

9. Molecules – Allows you to view 3D models of molecules and manipulate them through touch. (itunes link) (source code)

10. Mover – Allows you to transfer stuff from one iPhone to another by “flicking” it to the other device. (itunes link) (source code)

11. Natsulion - A basic twitter client converted from mac. (itunes link) (source code)

12. NowPlaying – Allows you to check local theater listings, and check rotten tomato ratings. (itunes link) (source code)

13. Packlog – Backpack journal client. (itunes link) (source code)

14. PocketFlix – Find movies, and manage your Netflix information. (itunes link) (source code)

14. reMail – E-mail client featuring ultra-fast search. Removed from app store, but source made available. (source code)

14. RobotFindsKitten – Port of a very silly “classic” ASCII game. (itunes link) (source code)

15. Sci-15 HPCalc – Calculator app based on classic scientific HP-Calculator.(itunes link) (source code)

16. Task Coach – Personal to-do list and task manager. (itunes link) (source code)

17. Tubestatus – London train schedule tracker. (itunes link) (source code)

18. Tweejump – Platform jumping game inspired by Icy Tower. Utilizes Cocos2D. (itunes link) (source code)

19. Tweetero – Basic twitter client with image uploading. (itunes link) (source code)

20. Twitterfon – Super-fast intuitive twitter client. (itunes link) (source code)

21. Wikihow – A reader app for the popular how to wiki site. (itunes link) (available by e-mail from support@wikihow.com)

22. Wordpress – Client for managing Wordpress blogs. (itunes link) (source code)

23. YourRights – Pocket database containing a summary of your legal rights. (itunes link) (source code)

Check them out if you’re working on something similar or think they might have a feature you could use there’s no reason to re-invent the wheel. Be sure to make sure you understand the licenses though many are GPL and require that you open source your app.

转自：maniacdev.com/open-source-iphone-app-store-apps/

10个经典的Android开源应用项目

Android开发又将带来新一轮热潮，很多开发者都投入到这个浪潮中去了，创造了许许多多相当优秀的应用。其中也有许许多多的开发者提供了应用开源项目，贡献出他们的智慧和创造力。学习开源代码是掌握技术的一个最佳方式。下面推荐几个应用开源项目，这些项目不仅提供了优秀的创意，也可以直接掌握 Android内核的接口使用：

1、Android团队提供的示例项目

如果不是从学习Android SDK中提供的那些样例代码开始，可能没有更好的方法来掌握在Android这个框架上开发。由Android的核心开发团队提供了15个优秀的示例项目，包含了游戏、图像处理、时间显示、开始菜单快捷方式等。
地址：http://code.google.com/p/apps-for-android/

2、 Remote Droid

RemoteDroid是一个Android应用，能够让用户使用自己的无线网络使用无线键盘、触摸屏操作手机。这个项目为开发者提供了如网络连接、触摸屏手指运动等很好的样例。
地址：http://code.google.com/p/remotedroid/

3、 TorProxy和Shadow

TorProxy应用实现了Android手机无线电电传通讯(TOR)，和Shadow应用一起使用，可以使用手机匿名上网。从该项目源代码中，可以掌握socket连接、管理cookie等方法。
地址：http://www.cl.cam.ac.uk/research/dtg/code/svn/android-tor/

4、 Android SMSPopup

SMSPopup可以截获短信内容显示在一个泡泡形状的窗口中。从这个项目中可以掌握到如何使用内置的短信SMS接口。
地址：http://code.google.com/p/android-smspopup/

5、 Standup Timer

Standup Timer应用用于控制站立会议时间，类似秒表倒计时，可以提醒每个人的讲话时间已到，从而保证每个与会者使用时间一样。从该项目的代码中，可以学会如何使用时间函数。另外，这个项目的代码是采用视图view、模型model严格分离的设计思路。
地址：http://github.com/jwood/standup-timer

6、 Foursquare

是Foursquare.com的一个客户端应用，该应用主要分为两个模块：API(com.joelapenna.foursquare)和界面前端 (com.joelapenna.foursquared)两部分。从该项目代码中，可以学会如何同步、多线程、HTTP连接等技术。
地址：http://code.google.com/p/foursquared/

7、 Pedometer

Pedometer应用用于记录你每天走路步数的。尽管记录不一定精准，但是从这个项目中，可以学习几个不同的技术：加速器交互、语音更新、后台运行服务等。
地址：http://code.google.com/p/pedometer/

8、 OpenSudoku-android

OpenSudoku是一个简单的九宫格数独游戏。从代码中可以学习到如何在视图中显示表格数据，以及如何和一个网站交互等技术。
地址：http://code.google.com/p/opensudoku-android/

9、 ConnectBot

ConnectBot是Android平台的一个客户端安全壳应用。从该项目代码中，可以学习到很多Android安全方面的内容，这些是你在开发应用时经常需要考虑的安全问题。
地址：http://code.google.com/p/connectbot/

10、 WordPress的Android应用

当然在最后不能不提WordPress的Android应用了，这是WordPress官方开发团队提供的一个项目。从代码中可以学习到 XMLRPC调用（当然还有更多的优秀内容）。
地址：http://android.svn.wordpress.org/trunk/

2010年10月26日星期二

100+顶级网站设计和Web开发博客

1. Grafpedia – 这个网站有VIP制度,成为VIP以后,会有大量的资源可以下载,当然,可以在这里看到相当多的免费教程,关于Designing Drawing Effects Illustrator Photo Effects Web layouts

2. Usability Post – Usability Post 是一个关于设计的blog. 设计不是看起来像什么,而是让设计使得人们如何更好的工作.

3. Six Revisions – Six Revisions 是我经常去的网站了,她对网页开发人员很有帮助,一切最新最时尚的信息都可以在这里找到.

4. Spoon Graphics – 打开这个网站,你就会看到—他明显是一个设计类的博客.提供了非常多的设计教程和设计展示.

5. Chris Wallace – Chris Wallace 是一个设计和前段开发的博客.

6. CSS Globe – CSSG 致力于Web标准的网页标准设计.

7. Design Bump – 优秀的用户提交的设计链接,通过这里,你可以找到关于设计和开发的解决方案.

8. DesignM.ag – DesignM.ag 是一个以社区为基础的网页设计和开发的网站.

9. Fudge Graphics – Fudgegraphics 创建于2008年4月. Fudgegraphics 可以被描述为设计灵感的博客. 他包括了Photoshop笔刷,纹理和矢量文件.

10. WeFunction – 这是一个优秀的设计团队,很多优秀的设计都是出自他们这里.

11. LaptopLogic – 这是一个笔记本评论网站,不明白为什么这个也被归纳进来了.

12. Naldz Graphics – Naldz Graphics 是为设计师和设计爱好者所准备的.我们展示最好的教程,赠品,启示和其它有用并且能够对设计有用的信息.

13. NetTut+ – Nettuts+ 是一个对前端开发者和后端开发者都非常有用的网站,里面有大量的教程可以学习,包括了 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby.

写到了这里,我发现填写注释似乎是一个吃力不讨好的举动,因为这些网站几乎都包含设计和开发于一身,下面,大家就直接点击进去看就是.俗话说,关键在于坚持,如何利用这些网站的资源,我们每个人都有不同的理解,以后我也会总结一些专题性的前端文章在这里,不想看英文的话,可以订阅DesiZen.

14. Noupe – NOUPE passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more.

15. PSDFan – Lots of nice Photoshop Tutorials, Freebies and Interviews on this site. This blog is being developed by Tom Ross and Karl.

16. PSDVibe – a site where you’ll find Adobe Photoshop tutorials, resources and freebies. New owner of the site is Jean-Baptiste Jung.

17. Re-Encoded – [Re]Encoded is a resource both for active web designers/developers and for people who simply enjoy good design and want to learn more, see more and do more than they already do.

18. Smashing Apps – a unique site with more than 30,000 visitors per day, provides free and useful online resrouces for website designers and custom web developers.

19. Smashing Magazine – Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers.

20. StyleGala – Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS.

21. StylizedWeb – StylizedWeb is blog about web trends and tutorials, maintained by Ross Johnson. Blog was started at the very end of 2007. Stylized Web is brought to you by 3.7 DESIGNS.

22. The Best Designs – The Best Designs recognizes the best Flash and CSS web sites from around the world. Websites are categorized by CSS or Flash and also by elements of the design. TBD is usually updated every weekday, with the exception of holidays.

23. Vandley Design – The blog at VandelayDesign.com was launched in March of 2007 as an attempt to make our site more useful to visitors than just a standard portfolio site.

24. Walyou – Walyou was originally founded in 2007 by Eran Abramson and Tal Siach along with Ilan Neisse and Meir Warcel as a project within an Entrepreneurial program in their last year of studies.

25. WebDesignHelp (WDH) – WDH writes articles about web design trends, showcase and writes tutorials!

26. WebdesignerDepot – Webdesigner Depot is an exciting new platform designed to explore different web and graphic design techniques, great examples and best practices.

27. The Webdesign Ledger – The Web Design Ledger is a publication written by web designers for web designers.

28. Acuity Designs – Acuity Designs is an energetic partnership, offering graphic design, illustration and web development services to both public and private clients throughout the UK.

29. TML Websidesign – At TML Web Design in Christchurch, New Zealand we specialise in designing contemporary and search engine optimised websites for New Zealand travel, tourism and leisure businesses.

30. Smiley Cat – Smiley Cat Web Design is the online home of Christian Watson. Christian lives with his family in Austin, Texas.

31. Dev Lounge – Devlounge is a site for people working and enjoying the web. We want to be the online magazine for web designers, web publishers, and web workers overall.

32. Clagnut – This is the online home of Richard Rutter, a website designer. Here he writes about information architecture, accessibility, design, Brighton, music and occasionally mountain biking.

33. Design Meltdown – Latest information on Design Elements, Trends & Problems in Web Design

34. David Dairey – This blog is written by Mr. David Airey. He is specialized in brand identity management.

35. ColourLovers – COLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color – whether for ad campaigns, product design, or even in architectural specification – a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.

36. Davidthedesigner – David the designer is your friendly neighbourhood designer.

37. Fadtastic – fadtastic.net is a multi-author web design trends journal.

38. BittBox – This blog had been developed and maintained by Mr. Jay Hilgert. He is from Oklahoma and provides lots of freebies on this blog.

39. TheUnderSigned – The owner of this blog is Mr. Thomas Silkjaer and he lives in Arhus, Denmark.

40. SitePoint’s Design Blog – sitepoint.com is currently the 922nd most visited web site in the world!

41. BrianGardner – This blog is owned and maintained by Brian Gardner who is hopeless Starbucks addict, freelance web designer/internet consultant living in Chicago.

42. Warpspire – Warpspire is Kyle Neath’s home on the web. Here he shares his projects, his past portfolio, and his journal of thoughts.

43. ParticleTree – Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills. We believe both web applications and learning about how to create web applications can always be better.

44. Andy Budd – Andy Budd is the managing director of Clearleft, a user experience consultancy based in brighton, England.

45. The Man in Blue – The Man in Blue is the alter ego of Cameron Adams, a Web Technologist in Melbourne Sydney, Australia. (That means he does graphic design, HTML/CSS, JavaScript, writing, server-side jiggery pokery, and anything else that takes his fancy that day.)

46. BarTelMe – Bartelmedesign is a small design agency located in Graz, Austria. Their focus is on creating standards compliant web sites and professional icons for your web site or application.

47. Snook – First and foremost, this site is a resource—for Jonathan and the community. It’s also jonathan’s personal design and code playground, a place to experiment, and therefore, a site that is in a constant state of flux.

48. CSSBeauty – CSSBEAUTY™ is a project focused on providing its audience with a database of well designed CSS based websites from around the world.

49. TutorialBlog – Tutorialblog was started in 2005 to provide Photoshop Tutorials on various techniques and effects. It was acquired in 2008 by Hecta Media with aims of broadening the scope of the site and becoming a useful resource for beginner and intermediates alike.

50. Chris Pearson – Chris Pearson’s blog which covers highly useful articles on blogs improvement and also on website development.

51. SimpleBits – SimpleBits is a tiny web design studio founded by Dan Cederholm. We create simple, readable, handcrafted interfaces balanced with a standards-based methodology, and we’re based in Salem, Massachusetts.

52. MeyerWeb – Eric A. Meyer has been working with the Web since late 1993 and is an internationally recognized expert on the subjects of HTML and Cascading Style Sheets (CSS). He is the principal consultant for Complex Spiral Consulting and lives in Cleveland, Ohio, which is a much nicer city than you’ve been led to believe.

53. 456bereastreet – This site is developed and authored by me, Roger Johansson. I’m a Swedish web professional who has been working with the web and other interactive media since 1994.

54. A List Apart – A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

55. JustCreativeDesign – On this website you will find my personal graphic design portfolio, as well as a blog on the main subject of graphic design which provides free graphic design tips, articles & resources on all subjects of design, ranging from, but not limited to; print design, logo design, web design, branding, typography, advertising & more.

56. Fuel Your Creativity – Most people find that true creativity isn’t a constant presence in their lives, no matter how much you fool yourself into thinking that. We’d like to introduce you to Fuel Your Creativity. This gem is the place to turn to when you’re having one of your “I’m-going-to-implode-if-I-don’t-get-an-idea-soon” moments. Don’t lie. You know you have them.

57. Outlaw Design Blog – About the Author – Danny is one of the raddest creatives this side of the Mason Dixon line. He has freelanced from all over the world, but most recently lived in Costa Rica. He has a somewhat unhealthy obsession with toys, LOST, and sharpie markers.

58. CSS Tricks – Chris Coyier is a web designer from Madison, Wisconsin currently living in Portland, Oregon and working for Chatman Design.

59. HTML-Ipsum – Nice resource to get Lorem Ipsum codes for various structures like Long Paragraph, Unordered list, Kitchen Sink etc.

60. Woork – I am Antonio Lupetti, Engineer, Pro Blogger, Mac user, Web addicted. Rome, IT.

61. Web Resources Depot – Free fantastic Web Resources Everyday.

62. WebDesignerWall – Web Designer Wall is designed and maintained by Nick La, who also runs N.Design Studio and Best Web Gallery. I’ve been designing for several years and my work has been published on numbers of magazines.

63. Design Reviver – The goal of Design Reviver is to provide Web Designers with valuable information. Here you will find useful tutorials, free downloads, sources of inspiration, and articles covering a wide range of web design related topics.

64. ShareBrain – “You don’t have to know everything, but u have to know where to find it”. Thats why Thomas created Sharebrain.

65. Tutorial9 – A collection of teachers, experts, and caring folk from around the world, all gathered in one place to pass along our knowledge to absolutely anyone interested in learning.

66. CSSVault – This site is useful for me as a designer and I hope that it is useful for you whether you are a designer, developer, programmer, manager, or just a CSS advocate.

67. DesignShack – Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way.

68. ApplestoOranges – Nice design inspiration from Apples to Oranges LLC. Nice business name

69. Unmatched Style – Unmatched Style is not just another CSS design gallery. We want to foster constructive design criticism as well as provide inspiration to our readers.

70. Alvit – Web-Developer’s handbook 2.0 – developing web-sites, exploring imagination.

71. MezzoBlue – Mezzoblue is a weblog. It was once a portfolio site, then a portfolio/weblog, then a weblog/portfolio, but these days it’s pretty much entirely weblog. I host other content here and there, but you’re mainly here for the writing.

72. STOPDesign – Stopdesign is the creative outlet of Douglas Bowman. That’s me. I am passionate about design, typography, and the media and tools of my craft. I am currently the Creative Director at Twitter, where I’m leading a small design team, and overseeing an evolving set of design challenges for a growing list of features and uses of the service.

73. Boxes and Arrows – Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. Since 2001, it’s been a peer-written journal promoting contributors who want to provoke thinking, push limits, and teach a few things along the way.

74. AJAXian – Dion Almaer is the co-founder of Ajaxian.com, the leading source of the Ajax community.

75. UXBooth – The UX Booth is a group that writes about User Experience, and offers free Website Usability Reviews that all designers and developers can benefit from.

76. 24Ways – 24 ways is an edgeofmyseat.com production. Edited by Drew McLellan and Brian Suda. Design delivered by Made by Elephant. Possible only with the help of our splendid authors.

77. TheDesignCubicle – Brian Hoff is the founder of this blog. On this website you will find my personal graphic design portfolio (My design services are currently available for hire), as well as a blog focusing on the main subject of graphic design.

78. Line25 – Line25 is the drawing board of creative web design, a place where ideas and inspiration are drafted out into articles, tutorials and roundups of cutting edge web design.

79. 1stWebdesigner – 1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design,graphic design, tutorials and inspirational articles.

80. The Design Super Hero – Design Super Hero – the name is enough – nicely designed blog by the way!

81. Creattica – a site of daily news and links for creatives and designers. We cover a broad range of creative inclinations from graphic to product design, interactive to motion, advertising to articles.

82. MyInkBlog – MyInkBlog is the creation of Andrew Houle and is designed to be a resource for web and graphic designers alike. It is my hope that this site equips you with some tools and inspiration to help you get things accomplished. Most of us in this industry are self-taught; and would not have the knowledge we’ve accumulated if it weren’t for many kind and intelligent people who have helped us along the way.

83. Theme Forest – ThemeForest is an Envato Marketplace. At ThemeForest you can buy and sell site templates and themes to skin popular CMS products like WordPress, Drupal and Joomla. Files are priced from just five dollars, based on the complexity, quality and use of the file. Anyone is free to sign up for an account and begin trading or purchasing files.

84. Creative Briefing – This blog is about Marketing, Design and Enterpreneurship. This blog is owned by Verne Ho who is a web designer and creative director for a Toronto-based creative marketing agency.

85. Brian Yerkes – Blog of Mr. Brian Yerkes who is the creative director of Brian Joseph Studios.

86. ColorBurned – Colorburned is a design blog featuring some of the best design news, resources, and tutorials from around the web. On this website you will find free vectors, textures, patterns, Illustrator and Photoshop brushes as well as tutorials and interviews with some of the biggest players in the design industry. Our focus here is to arm you with the tools and knowledge that you need to create better designs in less time.

87. From the Couch – ‘From the Couch’ is an Online Video show, hosted by us brothers Marc and David Perel, which covers everything web orientated. We show you CSS tips, how to create websites from nothing and also chat about news in the web world.

88. Viget – In this blog, facilitated by the designers at Falls Church, VA-based web consulting firm Viget Labs, we discuss the latest standards, review some of the greatest sites, give opinions on books and conferences, and generally talk about the challenges and the glories of creating art in this evolving web design industry.

89. SpeckyBoy – Speckyboy Design Magazine launched in October 2007, as my personal web design homepage. I was just taking (what felt like) a giant leap into freelance design and consultancy, and needed a home base for my potential clients to get in touch with me… Somewhere over the following months this site changed direction, when I realized I was getting more and more visitors.

90. WebAppers – WebAppers is a blog dedicated to share top quality open source resources for web developer and web designer daily. As a web designer, you’ll find some of the best free icons, stock photos, brushes, fonts and design inspirations. As a web developer, you’ll also find some of the best Javascript and Ajax components like modal windows, menus, galleries, tooltips, charts, calendars plugins and a lot more …

91. The FWA – Favourite Website Awards – Web Awards at the cutting edge. Very popular site and very useful for web designers and developers.

92. Freelance Switch – FreelanceSwitch is a community of expert freelancers from around the world. If you’ve got a job you need doing, you can put up a free job ad on our job board to find a professional designer, developer, blogger, photographer, illustrator or virtually any other type of freelancer! If you’re a freelancer, whether brand new or seasoned veteran, this is the place to get all the information and support you need!

93. Design You Trust – Design You Trust is a daily design blog and community, full of new design trends, news and events, great design portfolios, young design bloods, design articles, photographies, fashion, creative advertisements, architectural inspirations, video design and hand-picked design stuff from all over the globe.

94. Photoshop Lady – Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. All of the high quality photoshop tutorials are categorized into 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture & Patterns and User Interface Design.

95. I Love Typography – I love Typography (iLT) was born on August 8, 2007; I, on the other hand was born … quite some time earlier. iLT was born from a desire to bring the subject of Typography to the masses. All too often, articles on typography are rather bland and, although informative, do little to elicit feelings of wow.

96. ReadWriteWeb – ReadWriteWeb is a blog that provides Web Technology news, reviews and analysis. It began publishing on April 20, 2003 and is now one of the most widely read and respected blogs in the world. It has around 275,000 RSS and email subscribers.

97. SEO Book – This site offers marketing tips, search analysis, online business tips, and general commentary on the evolution of the web. Launched in 2003, we have one of the oldest standing SEO sites that is still regularly updated. The site originally was designed as a blog that offered DIY SEO tips and helped sell the leading SEO ebook, which had sold well over $1,000,000 in volume.

98. Tutorials007 – Tutorials007 provides your free and easy all kind of tutorials and articles. Feel free to use our adobe photoshop, adobe flash, asp, php, css and other free tutorials for your learning purposes.

99. AppStorm – Chances are if you’re reading this blog you love your Mac. Well we do too, and we know there’s nothing better than tricking it out with some killer Mac apps. With so many independent app publishers around though, it’s hard to keep track of what’s out there.

100. Rockable Press – We provide resources for web and creative professionals to get good at what they do! We produce ebooks, reports, and guides. Our sites and products are used by thousands of talented people every day.