随笔分类 - 前端开发
摘要：在这篇文章中我已经展示了15我最喜欢的serif字体，可以在谷歌字体库找到。这些时尚而优雅的字体是非常完美的，你可以下载使用
阅读全文
摘要：textarea元素已被广泛用于网页Web的IDE。通常网站自带的textarea编辑器不能满足我们的需求，作为一名开发者我们经常需要进行代码的在线编辑，高亮显示代码等，因此，通过其他的开源项目，我们可以添加一些实用的功能， 在这篇文章中，我将使用JavaScript库ACE来创建一个输入框效果。这是一个完全开源的脚本。该脚本允许开发人员创建支持语法高亮的输入框。然后你可以代码嵌入到网站中的任何地方
阅读全文
摘要：这个jQuery插件可以滚动任何div内容，包括文字，链接，图片，div等它是一个轻量级的JavaScript文件（1KB）。 您可以设置多个滚动区，控制多个参数，如滚动的方向，步骤，速度，你也可以设置一个暂停鼠标上。宽度和高度可以设置成固定或者百分比。
阅读全文
摘要：今天我将使用css3的透明效果和Flexslider插件来创建一个响应的jquery网格效果，教程当中创建一个2行3列的2组幻灯片效果，你可以根据需要扩展成自己想要的行数和列数，这个教程使用了 Twitter Bootstrap引导框架来设计网格响应效果。当你查看例子的的时候调整浏览器窗口的大小，看看他是如何适应不同的浏览器宽度的。灯箱图像效果我使用 prettyPhoto 插件。
阅读全文
摘要：Z-index属性，用于定义使用position: relative; or position: absolute;”.定位的的 HTML 元素的显示顺序"位置：
阅读全文
摘要：如果你试图让东西看起来优雅而高贵，这些字体是不错的选择。通常这些字体被用来创建卡通和漫画效果，如果你是一名爱好动画的设计师，这些字体是不错的选择
阅读全文
摘要：对于一个网页设计师来说，大部分时间都花在不同的软件环境下的测试，因此，参考手册对他们有很大的帮助。在这篇文章中，我提出了34个重要的备忘单，帮助开发人员在开发的时候遇到问题能够及时解决
阅读全文
摘要：gridster.js 是一个 jQuery 插件用来构建直观的可拖放的布局，支持多列布局，你还可以动态的添加和删除表格中的元素。
阅读全文
摘要：下面的CSS代码添加到您的样式表时，将删除锚标签，按钮，文件上传的虚线
阅读全文
摘要：在这篇文章中，我将通过本教程向您展示了如何创建一个平滑的滚动效果，，使用jQuery。让您可以滚动到你的网页的顶部或底部
阅读全文
摘要：你可以做的最好的事情之一是确保你的用户获得的经验，下面的工具可以帮你做到这一点：
阅读全文
摘要：Web 设计始终是设计师充满挑战性的工作。他们需要的专业技能和与的伟大想法，来完成一个设计良好的网站。某个时候设计师需要帮助几个免费的资源，以使工作更轻松。这篇文章是一个完美的解决方案，
阅读全文
摘要：Instagram的可以说是一个最流行的照片分享社交网络，超过超过3000万活跃用户 在这篇文章中，我把重点放在jQuery插件，使你在网站显示自己的Instagram图片，包含jQuery的Instagram的插件，你可以选择使WordPress，如果你不使用CMS你可以直接使用在您的网站上使用jquery插件。
阅读全文
摘要：在web开发过程当中，我们经常需要在前台页面输入关键词进行数据的搜索，我们通常使用的搜索方式是将搜索结果用另一个页面显示，这样的方式对于搭建高性能网站来说不是最合适的，今天给大家分享一下如何使用 jQuery，MySQL 和 Ajax创建简单和有吸引力的 Ajax 搜索，这是继《使用jQuery打造一个实用的数据传输模态弹出窗体》第二篇jquery项目实际运用的教程，希望大家在开发项目的时候能够根据自己的实际情况灵活运用
阅读全文
摘要：在重新设计页面的过程中。要使页面完全响应的设计（这意味着它会重新调整大小根据浏览器的尺寸和方向）。如iPhone和iPad的移动电话和平板电脑我碰到了一些非常方便的响应设计工具，帮我测试网站在不同的屏幕响应。下面的这些响应的网页设计工具允许提高您的网站在各种设备上面屏幕大小和方向的响应设计，
阅读全文
摘要：在进行CSS设计编码市，如果没有良好的工具每次都自己写一大推代码不仅费时而且费力。因此有一个好的工具，可以帮助开发者简化设计过程，大大提高工作效率，
在这篇文章中我分享一些专注于CSS网格和预建的CSS网格模板系统。这些网格系统都是实用易用的，平常在我设计网站时总是使用这些网格。如果你使用过其中一种，你可以尝试下面的其他几种
阅读全文
摘要：结合jQuery有效在自己的网站建立良好的界面是一个伟大的方式，使用jQuery插件，帮助用户更加直观和互动显示内容。在这篇文章中，我会告诉你一个集合jQuery插件，提高你的用户体验。
阅读全文
摘要：当创建新的网站或原型，设计人员通常使用一个方便的布局网格，以帮助他们创建一致和有组织的布局。通常情况下，无形的的垂直网格在设计过程中被忽视，离开排版和整体的阅读体验是一个差的用户UX体验。在今天后，我想提请你注意，在设计时候注意垂直布局。保持良好的垂直布局将允许用户方便地阅读和理解你的内容，
阅读全文
摘要：模态窗体已经成为Web开发人员设计界面时经常要使用的传输数据的方式。通过模态窗口，可以提高网站的可用性。正好项目的需要，有个客户想要模态弹出的窗体来提交网站的反馈，经过一番测试实现了，我使用jQuery fancybox插件来创建一个漂亮的模态窗体，提交表单的数据在服务器端实现Ajax调用。
阅读全文
摘要：在设计产品时，要考虑到到很多的因素，其中一个重要的是配色方案。不同的颜色可以使您的产品创造出不同的效果。请务必检查颜色在一般和特定的文化含义，以获得最佳使用效果。
在这篇文章中，我想向大家介绍一些有用的设计工具将帮助您选择合适的调色板为您的设计。这里有15个在线工具分析和收集的色彩组合。
阅读全文