|
|||
|
摘要：
Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具。仅需点击一下，它就能提供很多信息或帮助。Bookmarklet是使用一段Javascript代码编辑而成的书签，当你在浏览器中点击已经预存的Bookmarklet(书签工具)时，其中的Javascript程序就会运行，从而起到书签相应的辅助功能。 今天要向大家推荐15个有助于网页设计/前端开发的Bookmarklet，他... 阅读全文
posted @ 2008-12-14 12:41 analyzer 阅读(452) 评论(1) 推荐(0)
摘要：
什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如： typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的布局 form.css for 表单... 阅读全文
posted @ 2008-12-14 12:38 analyzer 阅读(218) 评论(0) 推荐(0)
摘要：
JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外，还能干些什么？今天这个答案也许会出乎你的意料，外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余，其实也能编写这种有趣的程序。 只在周末放松一下。 近来Ed Spencer为一个更具诱惑性网站中的一个工作，这家网站是专卖... 阅读全文
posted @ 2008-12-14 12:36 analyzer 阅读(824) 评论(0) 推荐(0)
摘要：
1.Hoverbox 图片集 一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。 2.高级CSS菜单 一款很有创意且复杂的CSS导航方案。 3.滑动影集 手风琴效果的影集，悬停便可拉伸图片。 4.Lightbox幻灯片 题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。 5.图片的阴影效果 在A L... 阅读全文
posted @ 2008-12-14 12:34 analyzer 阅读(568) 评论(1) 推荐(0)
摘要：
HTML结构 下图说明了我在页面中添加的HTML/CSS元素。 这个结构其实已经可以直接使用了。您只需再重新定义字体、背景颜色、每个层和HTML标签的字体风格和一些其他自定义类。 点击下载源代码文件 步骤一:HTML文件结构 创建一个新页面，并且把以下代码复制然后粘贴到标签内: 顶栏/Logo层 Home About Contact me 文章标... 阅读全文
posted @ 2008-12-14 12:33 analyzer 阅读(304) 评论(0) 推荐(0)
摘要：
1.Fancy menu - 非常酷的导航菜单: 2. 专为Mac爱好者开发的CSS dock菜单，使用jQuery框架。 下载 dock 菜单 3.37个不同的CSS导航菜单技术： 4.这个导航五年前就有了，但现在看来依然很棒！ 5.漂亮的JQuery滑动效果菜单，有四种不同的例子。 6.更新jquery嵌套标签设置,有演示; 7.垂直JavaScript菜单... 阅读全文
posted @ 2008-12-14 12:31 analyzer 阅读(939) 评论(0) 推荐(0)
摘要：
今天的话题是如何改进自己网站的界面或提高网站的视觉体验，从而让用户记忆犹新。 我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。 这里收集... 阅读全文
posted @ 2008-12-14 12:26 analyzer 阅读(382) 评论(1) 推荐(0)
摘要：
要做电子商务，你可以选择在淘宝，拍拍，Ebay或是最新的百度有啊，而如果要自己搭建平台，当然首先要选择一个合适的电子商务管理系统。这里是10款PHP开源的电子商务管理系统。如果你想做CMS网站，则请阅读 10款基于PHP的免费CMS推荐。 osCommerce osCommerce 是一套基于GNU GPL授权的开源在线购物电子商务解决方案。该系统具有易于操作的可视化安装界面、完善的前台商品... 阅读全文
posted @ 2008-12-14 12:25 analyzer 阅读(1260) 评论(0) 推荐(0)
摘要：
好的桌面不仅能给我带来视觉的享受，还能令我们的心情更加愉快。下面是我们为大家列举的一些2008年最为流行的桌面，不知道是否符合大家的口味。 Enigma Desktop 这个桌面的设置有详细的操作指南，可以指导你如何创建自己的个性化桌面。它还采用了嵌入式的任务列表，系统资料统计，还有几个很有吸引力的钟表。它的目的是为了取代Windows资源管理器作为您的桌面的用户界面。点击查看详情 ... 阅读全文
posted @ 2008-12-14 12:25 analyzer 阅读(1025) 评论(0) 推荐(0)
摘要：
这是 webdesignerwall.com 2008年精选的50个最佳 CSS 设计，素材来源是 Best Web Gallery。从今年的设计趋势来看，越来越多的人使用大背景，以及 JavaScript 框架（ jQuery 与 MooTools）来增强用户界面。也有个别设计，将 Flash 与 CSS 结合起来使用，这也许是2009年的趋势。 Let It Bleed 夺目的视觉效果 ... 阅读全文
posted @ 2008-12-10 16:17 analyzer 阅读(223) 评论(0) 推荐(0)
摘要：
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如： typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的布局 form.css for 表单样式 general.css 更多通用规则 ... 阅读全文
posted @ 2008-12-10 16:00 analyzer 阅读(276) 评论(0) 推荐(0)
摘要：
原本以为google首页的动画是动画图片，后来发现是用js写的。 好奇，就仿着google首页的动画用jquery试着写了个。 难点就在切图和定位上。 下面讲一下这两个难点。 切图 ： a ： 这里我拉了些参考线，便于看得更清楚些。每个方框里的宽度高度都相同。然后用setTimeout延时，间隔相等的时间去改变背景图片的位置，连贯起来看起来就像是个小flash动画 Js代码... 阅读全文
posted @ 2008-12-06 10:04 analyzer 阅读(1236) 评论(0) 推荐(0)
摘要：
1. Bluedaniel 2. Fryewiles 3. Cuoma 4. Tele2 5. Pen and Paper 6. Pattern Tab 7. We Function 8. PostranK 9. Abduzeedo 10. jhuskisson 11. Turbo Milk 12. Propeller 13. Rainfall 14. ScrnShots... 阅读全文
posted @ 2008-11-18 11:02 analyzer 阅读(457) 评论(0) 推荐(0)
摘要：
Alyson Stoner Jrojr Website Footer Blup Delicious Design Studios Rotten Kid Alma Latina Uforia Continental Fairy Wire Roses Fishy TNT Pixel Aurum 3 ispoil Just Pixel Nreklam Disney Kur... 阅读全文
posted @ 2008-11-18 11:01 analyzer 阅读(435) 评论(0) 推荐(0)
摘要：
漂亮的代码是漂亮网站的基础，优秀的 CSS 只存在与同样优秀的 HTML 之上，干净的，语义的 HTML 代码让一个网站更健壮。本文讲述了12个实现干净 Web 设计代码的定律，适合于任何从事 Web 设计的人。 1. Strict DOCTYPE 要做就做对的。不管是 HTML 4.01 还是 XHTML 1.0，它们都提供 Strict 模式，使用 Strict 模式可以保证我们的代码不隐藏任... 阅读全文
posted @ 2008-11-16 11:11 analyzer 阅读(167) 评论(0) 推荐(0)
摘要：
推荐web开发最好的Cheat Sheets参考手册集合，点击图片查看详细PDF： 1. jQuery Cheat Sheet 2. Mootools Cheat Sheet 3. Ruby on Rails Cheat Sheet 4. Django Cheat Sheet 5. YUI Cheat Sheet 6. Prototype Cheat Sheet 7. Scri... 阅读全文
posted @ 2008-11-07 22:27 analyzer 阅读(297) 评论(0) 推荐(0)
摘要：
这是 Mashable 搜集的最新 Web 开发工具箱，包括拖放式 Web 程序创建工具，代码库，项目管理，测试程序，以及支持各种编程语言的框架，从 Ajax 到 Ruby 到 Python。这是第二部分。 参考与资料 COfundOS - 一个讨论开源软件，寻找投资的平台。Mac Yenta - 独立 Mac 开发者的社会化网络平台CorkDump - 一个关于常用资源（代码片段，CSS，F... 阅读全文
posted @ 2008-11-05 14:22 analyzer 阅读(309) 评论(0) 推荐(0)
摘要：
这是 Mashable 搜集的最新 Web 开发工具箱，包括拖放式 Web 程序创建工具，代码库，项目管理，测试程序，以及支持各种编程语言的框架，从 Ajax 到 Ruby 到 Python。这是第一部分。 Web 程序创建类 DreamFace - 一个用来创建个性化 Web 程序的框架。Organic Incentive - 以拖放式界面创建 Web 饰件dbFLEX - 商务程序开发平台。a... 阅读全文
posted @ 2008-11-05 14:21 analyzer 阅读(318) 评论(0) 推荐(0)
摘要：
Black Berry Demo Business Company Blue Demo Beez Design Demo Photo Gallery Template ... 阅读全文
posted @ 2008-10-24 22:02 analyzer 阅读(1194) 评论(0) 推荐(0)
摘要：
在这个互联网，并不是的有人都掏心掏肺让你可以真正学到东西。所以，找到一个有高质量，有内容的资源和灵感网站并不是一件容易的事。自从自己学习网页设计以来，收集了不少网站，这里，分享10+必备设计资源和灵感的网站，或许，会有你一直寻找，但并未真正找到的： 1. CSS Globe - 你可以不看A list Apart，但这个我想是必备的。这样的说法多少有些争议，毕竟ALA是受大部分人推崇的。不过，这个... 阅读全文
posted @ 2008-10-22 15:16 analyzer 阅读(325) 评论(0) 推荐(0)
摘要：
1. Create a Spectacular Grass Text Effect Use the Pen Tool and a lot of patience to create this excellent grass effect. 2. Create a Layered Glowing Text Effect This beginner-level tutorial allo... 阅读全文
posted @ 2008-10-11 14:52 analyzer 阅读(605) 评论(0) 推荐(0)
摘要：
我们编写程序时，无论怎样小心谨慎，犯错总是在所难免的。这些错误通常会迷惑PHP编译器。如果开发人 员无法了解编译器报错信息的含义，那么这些错误信息不仅毫无用处，还会常常让人感到沮丧。编译PHP脚本时，PHP编译器会尽其所能报告它遇到的第一个问 题。这样就产生一个问题：只有当错误出现时，PHP才能将它识别出来（本文后面对此问题进行了详细描述）。正是由于这个缘故，编译器指出出错的那行，从表 面上看来可... 阅读全文
posted @ 2008-10-10 22:17 analyzer 阅读(200) 评论(0) 推荐(0)
摘要：
国外转过来十个最好的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... 阅读全文
posted @ 2008-10-10 22:16 analyzer 阅读(349) 评论(0) 推荐(0)
摘要：
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div的嵌套... 阅读全文
posted @ 2008-10-10 22:15 analyzer 阅读(239) 评论(0) 推荐(0)
摘要：
在CSS样式表中，我们经常会看到pt， px，em，ex ，in等这类长度单位。它们各是什么意思，有什么区别呢？ 我又写了另外一个HTML例子，测试一下cm。 在CSS样式表中，长度单位分两种： 相对长度单位，如px, em等 绝对长度单位，如pt,mm等 也谈px和pt的区别 经常看 到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS... 阅读全文
posted @ 2008-10-10 22:15 analyzer 阅读(1450) 评论(0) 推荐(0) |
|||
浙公网安备 33010602011771号