菠菜博

WordPress外贸企业主题定制开发设计 -WPTAO.com

菠菜 — Fri, 20 Aug 2010 11:12:54 +0000

WordPress外贸企业主题(WPTAO.com模板网站)提供WordPress外贸企业主题模板下载和主题模板定制开发,包括多语言WordPress外贸企业网站以及WordPress外贸企业商城等.

WordPress 外贸企业网站主题充分利用 WordPress 特有的科学模块化程序设计、良好的搜索引擎优化效率、强大的可扩展性，为外贸企业用户搭建优质高效的外贸企业级网站主题模板.
WordPress 作为全球用户最多、最受欢迎的CMS程序, 不仅为 Yahoo!、NYTimes、CNN、People、ebay、PlayStation 等国际知名企业成功部署高效的网络平台, 而且获得Google等国际搜索引擎的的优化权重更高,非常有利于外贸企业网站的搜索优化及收录排名.

WordPress外贸企业主题优势

符合国际用户浏览习惯的规范化外贸企业网站风格
强化英文搜索引擎收录优化的程序结构和代码逻辑
特有人性化的主题后台自定义管理设置功能模块
自动向国外众多搜索引擎及目录网站发布更新通知
多语言分站独立发布,更加人性化管理多网站内容
兼容各主流浏览器(IE,Firefox,Safari,Google Chrome等)
符合WEB标准注重用户体验和可用性的纯净手写编码
长期及时的人性化售后服务和在线技术支持

WordPress外贸企业主题定制开发设计 -WPTAO.com

xhEditor – jQuery开源在线编辑器

菠菜 — Sun, 15 Aug 2010 13:29:29 +0000

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。

xhEditor完全基于Javascript开发，您可以应用在任何的服务端语言环境下，例如：PHP、ASP、ASP.NET、JAVA等。
xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行，能够非常灵活简单的和您的系统实现完美的无缝衔接。
自2009年4月首个版本发布以来，凭借我们人性化的用户体验和不断持续完善的态度，越来越多的网站选择了使用xhEditor。
我们不是最好的，但是我们会努力做的更好，我们愿意倾听和接受所有用户的心声，长期坚持的开发和完善下去。

主要特点：

精简迷你：初始加载4个文件，包括：1个js(50k)+2个css(10k)+1个图片(5k)，总共65k。若js和css文件进行gzip压缩传输，可以进一步缩减为24k左右。
高效代码：基于强大的开源jQuery引擎开发，提供高效的代码执行效率，并完美的实现最佳浏览器兼容性。
使用简单：简单的调用方式，加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。
内置Ajax上传：内置强大的Ajax上传，包括HTML4和HTML5上传支持(多文件上传、真实上传进度及文件拖放上传)，追求完美的用户上传体验。
Word自动清理：实现Word代码自动检测并清理，提供高效完美的Word代码过滤方案，生成代码最优化精简，但是却不丢失任何细节效果。
UBB可视化编辑：提供完美的UBB可视化编辑解决方案，在您获得安全高效代码存储的同时，又能享受可视化编辑的便捷。

Demo(演示)

默认模式：http://xheditor.com/demos/demo01.html
自定义按钮：http://xheditor.com/demos/demo02.html
皮肤选择：http://xheditor.com/demos/demo03.html
其它选项：http://xheditor.com/demos/demo04.html
Javascript API交互：http://xheditor.com/demos/demo05.html
非utf-8编码网页调用：http://xheditor.com/demos/demo06.html
UBB可视化编辑：http://xheditor.com/demos/demo07.html
Ajax图片上传：http://xheditor.com/demos/demo08.html
插件扩展：http://xheditor.com/demos/demo09.html
iframe调用文件上传：http://xheditor.com/demos/demo10.html
异步加载：http://xheditor.com/demos/demo11.html

xhEditor最新版本下载

官方下载：

xhEditor v1.0.0 Final (简体,繁体,English) (zip) [573KB]
MD5: 737A030DDA519097692CB2AFE895718B
xhEditor v1.0.0 Final (简体,繁体,English) (tar.gz) [491KB]
MD5: DC75938BAAC31493D2FEB1147EC6FDD9

镜像下载：

xhEditor官方网站：http://xheditor.com/

13个迷人的HTML5 和 CSS3 应用实例

菠菜 — Mon, 19 Jul 2010 02:59:02 +0000

HTML5 和 CSS3 已经在很多的网站编码中实现了应用，HTML5和CSS3给网站设计带来出色效果是之前其他编码语言无法比拟的。现在很多的流行浏览器都已经开始支持HTML5 和 CSS3 ，从而为Web前端工作者学习和应用HTML5 和 CSS3 提供了更好的应用平台，这里是13个应用HTML5 和 CSS3 实现的Web效果，从这些迷人的Web效果中，总可以看出HTML5 和 CSS3 组合的超级能力了。

A Tribute to the Beatles

Pacman

Coke Can

via: 13 Amazing Examples of HTML5 and CSS3

50 个Web 设计师必备的超便利工具

菠菜 — Sun, 04 Jul 2010 19:39:00 +0000

作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在。

LaunchList

站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。

Pencil Project: Sketching and Prototyping with Firefox

一个开源 GUI 原型设计工具。

Zootool

一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。

Bounce （推荐）

输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。

Ninite Batch Installer

这个站点可以将很多免费的流行软件（最好的版本）打包在一起，一次性安装到你的机器，支持 Windows7，Vista 和 XP。

Support Details （强烈推荐）

假如你想让你的用户提供他/她所使用的浏览器环境，比如 Flash 版本，操作系统，屏幕分辨率，Cookie，JavaScript 状态等，可以让他/她访问一下这个站点，这个站点或自动将这些内容探测出来，并允许用户现场通过邮件将报告发送给你。

MugTug’s Darkroom

一个在线图片处理程序，可以调整对比度，白平衡，曝光，饱和度等，可以从 Picasa 及 Flickr 上传图片，同类产品：Pixlr 及 Sumo Paint。

Visual Website Optimizer （强烈推荐）

Visual Website Optimizer 绝对是你所能见到的最好的 A/B 测试工具。

Keyonary

这个简单的在线工具可以帮你列出 Mac OS X， Photoshop 等工具的快捷键清单。

gridr buildrrr

一个在线网格设计工具，选择你希望使用的网格布局，帮你预览并生成 CSS 代码。

Instant Blueprint – Create a web project framework in seconds.

帮你瞬间生成一个 Web 项目框架，基于合法 HTML/XHTML 和 CSS。

Hummingbird

一个实时的（真正的实时，每秒刷新20次）站点流量分析工具，基于 Node.js.

jsFiddle

在线 Web 编辑器，支持 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app

帮你创建多语种 Web 应用的资源文件，

Titanpad

可以多人同时编辑同一个文档，别的改动会实时以不同颜色标识，可以是同一个办公室的多个用户，也可以是地球另一边的多个用户。

Pixelnovel Timeline: Version Control for Adobe Photoshop

该工具通过插件方式集成 Subversion 客户端，可以在 Photoshop 中实现版本控制。非免费工具。

0to255

给出一种颜色，会帮你列出这种颜色由浅入深的各种颜色变化，并特别针对 Web 做了优化。

Load Impact: Website load/stress test

一个在线压力测试工具，模拟多用户同时访问你的站点，并出具报告以分析你的站点可以支撑的访问者数量。

Ideone: Online IDE & Debugging Tool

一个在线 IDE 和调试工具，支持多达40种语言，包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby，同类产品：PHP Anywhere 以及 CodeRun 。

Online Dummy Image Generator

快速帮你生成一个在线虚拟图片，以便您进行某些测试。

HiFi RegExp Tool

在线正则表达式工具。

Tableizer （推荐）

将你 Excel 表格中的内容复制粘贴到这个站点，它会帮你生成 HTML 格式的表格（HTML Table）。

FollowUpThen: Easy Email Reminder

-假如你希望有人提醒你什么时候该做什么事，你可以给比如 1day@followupthen.com 一类的地址发个邮件，1day 表示一天后，这样，一天后，你会收到他们的提醒邮件，1day 可以改成人和别的时间间隔。

Divine: Conversion tool from PSD to HTML

这个工具是一个 Photoshop 插件，可以将你的 PSD 转换成 WordPress 主题。（译者：有待验证）

Kaleido

为你的代码创建视觉化标识。来自麻省理工。

Sketchpad

一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。

Unicode code converter

虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。

Grid System Generator

另一个网格设计生成器。

ud.com namecheck （强烈推荐）

这个看似简单的工具，可以帮你查询某个名字是否还可以注册域名，商标，已经社会媒体网络入口。

Typograph — Scale & Rhythm

这个工具可以帮你即时预览各种不同的 Web 排版效果，并生成代码。

ColorBrewer Intro – Selecting Good Color Schemes for Maps

适用于地图的配色工具。

CSS Inliner Tool （推荐）

将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销，会发现这种工具非常实用，因为邮件客户端常常会将你独立的 CSS 代码过滤掉，而 Inline CSS 不会被过滤。

HTML Purifier – Filter your HTML the standards-compliant way!

这个使用 PHP 设计的工具，可以对你的 HTML 代码进行过滤，去除其中的恶意代码，并按 W3C 标准对代码进行净化。

Rendera

在线编写 HTML5 和 CSS 代码，现场看到效果。

RegExr

又一个在线学习，体验，测试正则表单式的地方。

try ruby! (in your browser)

Ruby 在线体验。

Google Command Line

使用命令符访问 Google 的一些产品和服务。

Tiny Fluid Grid

又一个网格设计工具，很小巧。

Fonolo.com

这个很别致的站点，可以帮你快速接通那些大公司的免费技术电话，不过目前只能用于美国和加拿大。

Producteev: Creating To-Do Lists with Emails （推荐）

把重要的工作安排发到 task@producteev.com，他们会帮你生成一个任务列表，以便安排你的日程。

AddUse – User research made easy

一个在线用户测试或调查管理工具。

bookwhen （推荐）

帮助你的用户在线预订你的展会，课程等服务，免费版支持150个项目以及每月300个预订。

中文翻译: COMSHARP CMS 专栏

英文原文: 50 Powerful Time-Savers For Web Designers

35个专业简洁的英文设计字体

菠菜 — Sat, 19 Jun 2010 09:48:59 +0000

一个好的设计，除了合理的色调搭配和整体协调的结构外，字体的应用是非常值得探究的基本应用了，一个好的字体应用在好的设计中，自然会起到锦上添花的加分作用，所以，掌握一些基本的字体也是至关重要的。

1. Ingleby

2. Circula

3. Sertig

4. Acid

5. Apogee

6. Kaffeesatz

7. Mank Sans

8. Prociono

9. Jura

10. CREW 36

11. Motoplatio

12. Adelle

13. Raleway

14. Steiner

15. Existence Light

16. Otari

17. Merge

18. Tuffy

19. Holla

20. Sonrisa

21. Gnuolane

22. AlexandriaFLF

23. Snickles

24. Hattori Hanzo

25. DISCO

26. Colaborate

27. Surface

28. Sansation

29. Bebas

30. Franchise

31. League Gothic

32. Champagne & Limousines

33. Garton

34. Wendelin

35. Tertre

30个优秀的Web幻灯片效果应用

菠菜 — Thu, 10 Jun 2010 16:14:00 +0000

在如今的Web设计中，网站幻灯片效果已经是必不可少的内容之一，它可以在整个的Web页面中，以更加动态甚至绚丽的效果来向用户传达更值得关注的内容，也正是因为这些变幻多样的幻灯片效果，为原本平静的Web页面增添了无数的创意。

这里为大家展示的30个风格不同的绚丽Web幻灯片效果，希望可以为我们的Web设计中的应用提供更多更好的理念。

marahcreative

hotelteocrito

womensrefugeecommission

prismicreflections

bretglassett

foxclassics

andrewreifman

passione.globo

openfieldcreative

tobiasahlin

danilonobre

renderwave

svenskbetong

dannydiablo

projectshoes

beesoft

twist-id

philipp-ries

hm-andrei

milrayas

taamiberry

paris-beyrouth

surya-residence

youngvictoria-film

fullyillustrated

ibloom

hurcoind

kovidesign

freshness

thepeachdesign

via:Inspirational and creative Slideshows In Web Design

10个帮助你处理Web页面层布局的jQuery插件

菠菜 — Mon, 24 May 2010 16:54:00 +0000

在一些特殊的Web布局设计中，可能当前的CSS并不能满足我们的Web页面布局需求，这时，优秀的jQeury相关的层布局扩展插件可以及时地帮助我们完成需求的布局，这里是10个非常优秀的jQeury层布局插件，可以帮助我们更好地完成类似需求。

UI.Layout

mb.containerPlus

css-template-layout

Masonry

Columnizer

jQSlickWrap

Equal Heights

js-columns

Columnize

jLayout

每个插件都链接到了对应的使用说明页面或网站，您可以通过其官方网站说明来进一步了解这些插件的强大功能和具体应用方法。

via: 10 jQuery Plugins to Help with Web Page Layouts

45个特色展示类网站设计

菠菜 — Mon, 17 May 2010 09:37:00 +0000

如果你是一个自由职业者，如果你们的公司是从事设计类周边的创新媒体，那么一个足够优秀的在线展示网站是必不可少的，在网站的设计中用户就可以对个人或企业进行全面更深入的了解，并据此获知你的创作能力，从而初步考虑是否会将需求交付给你或你的公司来实现。

1. Immersive Garden

2. feartox

3. Bcandullo

4. MaxShaman

5. Micagrafica

6. Bits Of Parag

7. Seagulls

8. Steve Schoger

9. Shlokapics

10. Iemai

11. Meca Graphics

12. Ericsteuten

13. Rififi

14. Alperyaylaci

15. Fator Criativo

16. Visual grana

17. Metuzalem

18. More Dots

19. Bio Bak

20. Pixel Baecker

21. SSENS

22. Stripes-Design

23. AndyWard

24. E-Den

25. Mehmetaksoy

26. Leonid Jack

27. Derekkirk

28. FtDesigner

29. Iondrimbafilho

30. Adhemas

31. Rich Brown

32. Evening Lab

33. Romina

34. Mediocore

35. Gummisig

36. Stive

37. Sean

38. DanielBurke Design

39. David Fooks

40. Andre

41. Digital Chaos

42. DigForDesign

43. Goldbengel

44. Anaesthesic

45. 5pts interactive

via:45 Impressive Portfolio website designs

20个创意现代风格的英文字体

菠菜 — Thu, 13 May 2010 16:36:00 +0000

在成千上万的Web字体中，你喜欢哪种风格的字体呢？你会利用字体的特性来进行更深层次的设计吗？如果你在寻找一些具有现代感风格的字体，那么这里为你介绍的20个创意的现代风格英文字体或许能满足你的需要。

Wendelinhalbfettkursiv

Trumania Een Plain

via:20 Fresh Free Fonts for Creative Modern Logos

25个互动Flash创意网站

菠菜 — Sun, 09 May 2010 16:14:00 +0000

在Web设计过程中，运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意，更好地体现网站的互动应用，同时可以让你大饱眼福，一起来欣赏吧。

1. AgencyNet

2. Markecko

3. Nike

4. SectionSeven

5. RealCasual

6. Parasol-Island

7. SpeakVisual

8. Wrangler

9. WeChooseTheMoon

10. Wonder-Wall

11. Vobnedir

12. 26000vodka

13. Seohiroshi

14. Kiluka

15. LetsFCancer

16. VH1 Players

17. Ariza

18. MonoFace

19. Gotmilk

20. FirstBornMultimedia

21. 2gh

22. Verbatim

23. Porliniers

24. Ladio

25. MauricioStudio

via: 25 Best/Beautiful Flash Websites