DesiZen » Freebies

在线设置浏览器窗口大小的网站

DesiZen — Thu, 16 Jun 2011 07:51:13 +0000

这些都是使用javascript来设置浏览器窗口大小的工具,只需要点几下鼠标就行了.同时,作为前端开发来说,可以更加精确的查看页面在各种不同尺寸浏览器中的容貌.

Browize
resizeMyBrowser:我通常使用的是这个,其标注了各种移动设备的屏幕尺寸大小,还可以选择设置浏览器窗口的大小或页面可视区域的大小.

占位图片在线使用

DesiZen — Fri, 25 Mar 2011 05:08:29 +0000

大家在编写网页的时候经常会遇到这样的问题:有一个地方需要用图片,但是一下子又不知道放什么图好看,也不想再去开PS进行处理图片尺寸,那么本文里面所列的URL正适合你.

以下几个都是进行图片占位操作的网站,你要做的就仅仅是在img的src里面写上他们的链接和参数的URI.

如果您也知道此类图片占位符功能的网站,请留言告诉我,谢谢.

以下几个图片占位服务可以作为备选

SheenHolders:只可生成随机图片,不提供其他
FlickHoldr
PlaceDog
lorempixum:可以生成随机选择图像的占位图片

前端在线编辑测试工具整理

DesiZen — Tue, 26 Oct 2010 06:40:52 +0000

本文将要介绍的这些编辑器,都是与前端开发相关的,并不同于传统的富文本编辑器.其中一些是可以多人同时进行编写一份文档,一些是可以编辑完以后进行多人共享,抑或是像一个IDE环境一样可以运行查看javascript和css运行效果.如果您知道我这里没有列出的优秀编辑测试工具,劳烦留个言.

编辑+运行+分享

Rendera:javascript+css
CSSDesk
codepad:不包括js和css
HTML5 Playground:非常强大,还有debug呢.
JS Bin
jsPerf:非常强悍,可以进行两份代码执行效率的对比.
jsFiddle

编辑+分享

Code Dumper:编辑后的文本可以选择非常多语种的代码高亮.
TitanPad:可以多人协助的同时编辑一份文档,不同的身份使用不同的颜色区分,非常酷.
OkSoClap:与上一个一样,可以作为后备.
notepad
write.fm
Gist:应该不陌生了,依托于github.
Entri
peg.gd
pastie

其他

coderun:一个强悍的基于web的ide开发环境
Kodingen
PHPanywhere
Codeita
Drawter
ecoder
ShiftEdit
ideone
Amy Editor
jsdo.it
memorizenow.com:类似于便签,也可以作为临时的脑图记录
darkcopy:一款纯黑背景的编辑器,没啥特别的,可以全屏,可以下载.
jottit:据说做网站可以这样子的.
PixieEngine:菜虫提供的,非常强悍,不过这个是编辑动画的.

10款优秀的测试网站在移动设备中表现的工具

DesiZen — Tue, 26 Oct 2010 04:35:27 +0000

VIA:sixrevisions.com

Git使用教程

DesiZen — Mon, 20 Sep 2010 02:24:53 +0000

提起Git, 大家无疑会想到 Github, 没错,我就是通过众多的Github项目链接了解到的Git,不知你是否也在走这条路呢?如果是的话,本文有一些有用的总结性文字以及一些 Git教程可以教会你如何去使用 Git.当然,这些对 Github 同样适用.

提供给大家可以下载的两本 Git中文教程:

这两本都是中文版,想要用的起Git,是必然要读一本的.第一本适合了解项目并比较快速的理解使用Git, 第二本则是官方极力推荐的,非常全面.
我是使用DBank共享的文件,因为外链有每月流量限制,所以如果遇到不能下载的情况,可以通过这个链接注册下,然后可以继续下载:DBank注册
这里我又翻到了个幻灯片,可以供大家观看:

寫給大家的 Git 教學

View more presentations from littlebtc.

再提供一个专门针对GitHub的教程:GotGitHub
有人为github官方出了一个非常赞的simple guide: http://rogerdudler.github.com/git-guide/,还有相应的中文版本

20个网站速度和性能检测工具

DesiZen — Tue, 14 Sep 2010 07:47:30 +0000

VIA:hongkiat.com

Google正在考虑在网站搜索排名中加入页面加载速度这个因素. 尽管这个因素不会产生很大的影响, 但它仍然值得我们(网站管理员和前端人员)好好的去研究. 原因很简单 – 大多数的访客并不会等待很久都不能加载的网页, 他们只关心所搜索的东西是否能够及时的找到.

换句话说, 如果你的网站很慢, 你会损失大量的访客, 并且失去将有可能带来的收入. 如果无视加载慢的这个缺点, 将会有源源不断的影响.

在你的网站建立起来之前,认识到加快网站载入速度是至关重要的. 本文收集了一些有用的网站和工具, 来帮助你诊断和分析你的网站, 让您更好的了解您的网站.

网络服务

Pingdom

测试对象网站的所有元素加载时间 (html, images, Javascript, css, iframes and others). 你还可以查看如何改善你的页面加载元素. 在测试结果的摘要里, 你可以看到页面总的加载时间和页面中每一个元素的加载时间以及大小.

GTmetrix

结合了 FireFox中最流行的两个插件 – Yslow 和 Google Page Speed. Gtmetrix 会给你提高网站速度的一些建议. 虽然 Yslow 和 Google page speed 是推荐给 Firefox 的, 但是它们也同样可以在其他浏览器中使用.

Load Impact

Loadimpact 对于一个每天pv达到数以万计的大型网站来说是一个非常重要的工具. 一个免费的帐户可以查看五十个用户负载的情况, 想要更多的话,那就得升级帐户了.

Site-Perf

Site-Perf 就像一个普通的访客一样去完全模拟自然的浏览器访问行为下载你页面中的 images, CSS, JS 和其他文件; 在报告中你会看到网站页面是最先载入什么文件以及多块的速度. 它对于提高你的网站载入速度来说是非常重要的.

WebToolHub

你可以选择你的访客带宽, 然后模拟不同的访客加载你的网页需要的时间. 然后 Webtoolhub 会给你一个关于页面大小, 不同的带宽载入时间的信息. 并且会得到关于所有 Css, Javascript 和 Images 的信息.

Searchmetrics

可以显示指定网站的运行周期. 这个值可以用来显示你是选择相同的空间商还是需要换一家 ISP.

Webpagetest

可以模拟普通用户进行网站性能检测,期间可以模拟两次访问状况,对于测试使用缓存是否生效非常有帮助,并且有世界各地的访问线路供选择.

应用程序

Pylot

一个开放源码的测试性能和可扩展性的web services工具. 它用于 HTTP 负载测试, 对于系统性能测试分析非常有用.

Google Page Speed

Page Speed 是一个开源的 Firefox/Firebug 插件. 网站管理者和前端开发人员可以使用 Page Speed 去评估网页加载速度并获得提升建议.

PageTest

一个 Internet Explorer 插件, 功能同类似软件一样可以获得如何提升网站速度的建议.

Multi-Mechanize

Multi-Mechanize 是一个开源的网络性能和负载测试框架.它允许你运行Python脚本来生成对一个网站或网页加载的测试.

loads.in

这是一个很酷的应用,可以把网站载入分成四个时间阶段,可以查看不同时间段页面的反应情况.

10个优秀的创建web线框图(原型设计)工具

DesiZen — Thu, 01 Apr 2010 03:33:06 +0000

VIA:webdesignledger.com

对于设计者要设计web原型,这里有一些不同的建议,本文就列出了10个优秀的创建web线框图(原型设计)工具.

MockFlow

MockFlow允许你为您的软件用户界面和网站的版面编排进行设计和实时协作.它配备了大量的内置组件和图标.

Axure

Axure使应用设计人员能够创建线框图,流程图,web原型,以及应用程序和网站的规范.它可以让你使用现成的部件包括按钮,表单域,形状和动态元素,您可以在一个熟悉的环境下进行编辑,编辑和在熟悉的环境格式。或者你可以创建自己的自定义widget库。

Balsamiq Mockups

使用Balsamiq Mockups的感觉就像是去绘画,但又有所不同.你可以很容易的调整和重新编排,并且最终的结果是非常干净的. 带有75个预置控制可供选择,你可以设计出一个超级简单的对话框,也可以设计出任何一个成熟的应用程序,从一个简单的网站,到富互联网应用都可以完成.

Pencil Project

Pencil Project是一个用于Firefox的免费插件.一些关键的功能包括:内置的模型,多页文件的支持,以及多种导出选项.

HotGloo

HotGloo是完全基于网络的应用,它可以让的项目很容易的拖放和规块化.它包含了对实时协作的支持.

Mockingbird

Mockingbird也是一个关于网络协作的web应用.它允许你把多个版面编排在一起,交互式预览他们,能给您程序流的感觉.

Cacoo

Cacoo是一个在线绘图工具,允许你创建如网站地图,线框图,UML和网络图的各种图表.

ProtoShare

ProtoShare是一个易于使用的用于Web原型制作的工具,重点放在了团队协作上.团队成员可以审查工作,并及时提供反馈,想法,并对线框图或内容发表建议.

iPlotz

iPlotz允许您为网站和应用软件快速的创建可点击的原型,导航,页面排版和线框图.

OmniGraffle

OmniGraffle是为Mac OS设计的应用程序,让你可以使用大量的工具来创建惊人的线框图,页面排版,但它也用于创建各种图表.

更新:

22+个html5&css3教程工具和指南

DesiZen — Fri, 26 Mar 2010 07:32:05 +0000

VIA:1stwebdesigner.com

1. CSS3 Selectors Test

在打开这个地址时,它会自动测试你当前使用浏览器所支持的css属性,然后用一个列表的形式给展示出来;你可以点击列表中列出的每个项目以查看其中所带的小例子.

2. CSS3 Please!

CSS3 Please!, 这个就很出名了,这个网站允许你在线编辑其中任意的数值,然后你可以看右面大大的效果展示,每更改一下数值,右面的变化都是实时的,非常棒,通过它,你可以查看到各种浏览器中的hack

3. CSS3 Generator

这个网站也很出名,它提供了css3里面的一些效果列表供你选择,然后你还可以对其进行各种的编辑,也是可以实时的查看效果的.

4. CSS3 Transforms

您可以旋转,缩放,倾斜,并以其他方式去变换使用CSS3的HTML元素.探索CSS3的CSS变换(opera 10.5,火狐3.5和Safari 4及以上版本).

7. Modernizr

Modernizr 是一个小而简单的 JavaScript 库,可以帮助你在现有的老式浏览器中充分利用新的web技术(CSS3,HTML5).

8. CSS3 Generator

这个简单的CSS编辑器可以帮助你理解WebKit内核浏览器对CSS3的支持情况.

10. CSS Template Layout Module

关于css3的布局方面内容.

11. 5 Techniques to Acquaint You With CSS 3

学习最流行最新的CSS3特性.

13. Font Drag

Font Dragr 是 HTML5/CSS3 驱动的用来测试自定义web字体的web应用.允许你拖放你的ttf,otf,svg和woff格式字体,你可以查看他们的表现.

14. CSS3 Cheat Sheet

提供下载一份W3C中关于css3所包含完整的css属性,选择器类型和css3的允许的值列表的pdf文件.

16. Web Designers’ Browser Support Checklist

显示web浏览器对HTML5和CSS3的支持情况.

17. CSS3 Color Names

CSS3 支持 147 种不同的颜色名字 (17个标准色加上130). 这里列出了这些支持的所有颜色名字,RGB值和十六进制值.

18. HTML5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet 是一个有用的网页设计者和开发表.基本上是一个简单的所有html标签的清单.

20. The Power Of HTML5 and CSS3

这份存档覆盖了HTML5和CSS3的组合优势.

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

DesiZen — Sat, 20 Feb 2010 06:53:55 +0000

本文将要介绍的是来自国外的100个顶级网页设计和web开发的blog,这些博客好多都是团队形式的,本文所有的链接注释全部是由DesiZen个人理解而加的注释,并非英文原文所写的注释翻译.

我认为这篇文章是非常有实际意义的,就像35个教你如何有效使用和学习 CSS 的网站一样,这些资源只要利用的好,肯坚持,相信没有不成功的.

以前,我经常的在我的twitter:@cnjoel上面看到别人发的设计或开发类的链接,都会去点一下看看,如果是自己喜欢的,就加入到delicious里面,慢慢的,那里也变得不容易使用和查找了.因为,网站变的很多而且管理起来很复杂,可能是因为我不善于管理吧.

偶然的,我发现了这篇文章:Top class 100 blogs for Website Designers and Web Developers,这不正是我一直想要的么?!所以,我决定转成中文,但是优秀的网站远远不止这么一点,所以我还会不定期的新增搜集到的优秀博客,这也是为什么文章标题是100+的原因.

这些blog链接,你可以在你的Google reader里面新增一个分类,把他们统统的放进去,也可以像我一样,每天都根据这篇文章列表,去点击进去看看新鲜的东西.不管你是一个前端开发者,还是一个网页设计师,这些博客都会使你的技术水平上升多个层级的,相信我.

顺便说一下,国内所谓的前端牛人,也都是在这上面看资料然后分享的.

下面,让我们开始吧:

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.