摘要:
无论你是新手还是专业的网页设计师或者开发人员,你总是从创建线框开始来创建 Web 项目,而不是直接开发。 这不仅有助于让你保持在正确的轨道上,以免项目建成后出现了各种各样的问题。 目前有很多的工具和资源都能网上找到,使你的工作更容易。这里给大家推荐15个最佳的用户体验和用户界面工具和资源。 阅读全文
摘要:
之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。相信你会在这个列表中发现对你很有用的资料。 阅读全文
摘要:
AntiModerate 是一个渐进式图片加载的 JavaScript 库。我们多数看到的图片显示模式,都是从上到下逐渐显示的,这是“标准式”图像;而有的图片是先出现一个很低分辨率的图像轮廓,类似加了马赛克的模糊样子,当图片完全加载完毕时,图片就由模糊变得清晰了,这就是“渐进式”图像。 阅读全文
摘要:
这里和搜集了前端开发者必备的20个在线工具和指南。新的一周,你需要计划学习新的东西或者能够提升你的能力。在平常的搜索中,我碰到过很多实用的工具,应用程序和参考文档,我把它们整理在下面这个列表。相信你会在这个列表中发现对你很有用的资料。 阅读全文
摘要:
利用现代 Web 技术,网络变得越来越轻巧与。模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去。在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计美观的网站。 阅读全文
摘要:
TouchPoint.js 是一个用于 HTML 原型展示的 JavaScript 库(作为UX过程的一部分),通过视觉表现用户在屏幕上的点击。TouchPoint 是高度可定制,非常适合屏幕录制,用户测试和演示。 阅读全文
摘要:
CSS所能做的就是改变网页的布局、排版和调整字间距等,但编写 CSS 并不是一项容易的任务,当你接触新的 CSS3 属性及其各自的浏览器前缀的时候,你会发现很伤脑经。值得庆幸的是一些优秀的开发人员提供了很多在线的 Web 应用程序来帮助我们。 阅读全文
摘要:
用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能。良好的用户界面是一致的,可以使网站更容易理解和使用。UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常重要。在这篇文章中,我们收集了20个最新的免费 UI 设计素材给设计师。 阅读全文
摘要:
JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程。这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行。在这篇文章中,我们选择了15个最好用的 JavaScript 压缩工具,有简单的在线转换器,GUI工具和命令行界面等。 阅读全文
摘要:
在你的品牌和网站访问者之间建立情感联系是非常重要的。模态弹出窗口可能会帮助您完成这个具有挑战性的任务,以及分享给游客一些重要信息。作为一项常用规则,模态弹出窗口被用于各种号召行动的消息,如鼓励用户订阅新闻邮件,下载一些免费赠品或通知关于一些新的产品,服务或功能发布等。在这里,你会看到值得你注意的20个华丽的弹出窗口示例。 阅读全文
摘要:
Cropper 是一个简单的 jQuery 图像裁剪插件。它支持选项,方法,事件,触摸(移动),缩放,旋转。输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像。如果你尝试裁剪跨域图像,请确保您的浏览器支持 HTML5 CORS 属性和图片服务器支持 Access-Control-Allow-Origin 选项。这些浏览器测试通过:Chrome, Firefox, Internet Explorer 8+,Opera, Safari。 阅读全文
摘要:
OS.js 是一个开源的 Web OS 系统,可以在浏览器中运行,提供了窗口管理器,应用程序API,用户界面开发套件和抽象的文件系统等。可以部署在 Node 或者 PHP 环境中运行。OS.js is 是完全免费和开源的,你可以参与开发或者使用这套代码。 阅读全文
摘要:
在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素。你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件。当然,如果要从大量的 jQuery Slider 中挑选出适合自己的插件也是需要一些时间的。因此这篇文章给大家挑选了10款优秀的 jQuery Slider 插件,希望能帮助到你。 阅读全文
摘要:
Senna.js 是一个速度超快的单页应用程序引擎,提供了几个低级别的API,可以帮助你打造现代化的基于 Web 的应用程序。更重要的是,搜索引擎蜘蛛应该能够索引相同的内容。通过使用 HTML5 History API,我们可以操纵使用 pushState,replaceState 和 popState 事件来操作用户浏览器的会话历史记录。这样,你就可以再次使用浏览器的后退/前进按钮。 阅读全文
摘要:
Foundation 6 让您的项目从原型到成平比以往任何时候都更有效!它包括了广泛的模块和灵活的组件。这些多功能就像轻便的积木,可以很容易地把你的想法实现。所有的代码片段支持ARIA属性和作用以及如何正确使用这些组件的说明。 阅读全文
摘要:
Chocolat.js 使您能够显示一个或多个图像在同一页面上。给用户展示一组图片缩略图,可以显示全页或块。Chocolat.js 可以很好地处理所有主要的浏览器。它在下面这些浏览器测试通过:IE7+,火狐,Chrome,Opera 和 Safari 浏览器。 阅读全文
摘要:
代码评审可以被看作是计算机源代码的测试,它的目的是查找和修复引入到开发阶段的应用程序的错误,提高软件的整体素质和开发者的技能。代码审查程序以各种形式,如结对编程,代码抽查等。在这个列表中,我们编制了15个最好的代码审查工具,这将有助于开发者节省代码审查时间。 阅读全文
摘要:
jQuery.my 这个插件用于实时双向数据绑定。它发生变异给出的数据源对象,反映了用户与用户界面之间的相互作用。jQuery.my 提供了全面的验证,条件格式,复杂的依赖关系,运行形式结构操作。 阅读全文
摘要:
jQuery DrawSVG 使用了 jQuery 内置的动画引擎实现 SVG 路径动画,用到了 stroke-dasharray 和 stroke-dashoffset 属性。DrawSVG 是完全免费的,赶紧试用一下吧。 阅读全文
摘要:
这里文章收集了15个创意的 CSS3 文本效果,所有的都是精心挑选,这些可能会增加创意的火花到你的下一个项目。其中有些是用于特定用途,而另一些则适用于多种用途。如果你想要一个精彩而又充满色彩的文字效果,那么这是给你的完美的解决方案!它非常适合于创意机构或作品集项目。 阅读全文