随笔分类 - 我的博文
我的作品
摘要:Cardinal 是一个适用于移动项目的 CSS 框架,包含很多有用的默认样式、矢量字体、可重用的模块以及一个简单的响应式模块系统。Cardinal 提供了一种在多种移动设备上实现可伸缩的字体和布局的新方法,值得关注。
阅读全文
摘要:《Web 前端开发精华文章推荐》2013年第五期(总第十七期)和大家见面了。梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。
阅读全文
摘要:Hashslider 实现了常见的 jQuery 滑块的功能,特别之处在于给 URL 加上了标签,因此你能够连接到滑块的某块内容。滑块的内容也可以从外部的 HTML 文件获取。
阅读全文
摘要:这个使用 CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站。你可以看到两种类型的书设计:精装书和平装书。这两个效果都可以很容易地使用 CSS 修改。赶紧体验一下吧。
阅读全文
摘要:艾库特·耶尔马兹,是土耳其伊斯坦布尔的一位高级艺术总监,他向大家分享了一套美丽的现代 UI 工具包,你可以免费下载。所以,你可以使用这个优秀的素材设计视觉互动和有吸引力的用户界面。 此 UI 套件提供的是 PSD 格式,方便修改。
阅读全文
摘要:Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便。
阅读全文
摘要:Minimit Anima 是一个实现 CSS3 Transforms 和 Transitions 动画的 jQuery 插件。基于硬件加速的 CSS3 动画执行更快,而且它有一个类似于 jQuery 动画的 API。插件中包含的 jquery.transform.js 让你可以在不支持的 Transforms 的浏览器中实现缩放、旋转和倾斜效果。
阅读全文
摘要:Webydo 是一款专业的在线建站应用,使平面设计师可以创建和管理 HTML 网站,而无需编写代码。设计人员可以设计任何类型网站,只需要点击按钮,就能够发布先进的 HTML 网站。
阅读全文
摘要:S Gallery 是一款响应式的 jQuery 相册插件。使用了 HTML5 全屏 API 以及 CSS3 动画 和 CSS3 转换,所以只能在支持这些功能的浏览器中使用。这款插件它有一个特色功能:退出幻灯片模式回到网格视图模式,最后一张活跃的图片会以动画形式回到网格视图中的初始位置,因此用户知道他们浏览到画廊中的哪张图片上。
阅读全文
摘要:CSS 可以实现很多你想不到的效果,今天我们来尝试使用 CSS 实现球的效果。有两种方法可以实现,第一种是使用大量的元素创建实际的 3D 球体,这种方法有潜在的性能问题;另外一种是使用 CSS3 渐变和阴影特性来实现。
阅读全文
摘要:MasonJS 插件用来解决目前大多数的网格系统使用中的问题——间距。当使用 Masonry,Isotope 或任何其他网格插件时,布局中会出现空白或边缘参差不齐的情况。MasonJS 可以帮助你填补这些布局中的缺口。
阅读全文
摘要:Ladda 是一组集成了加载提示的按钮,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验。主要用于在用户点击提交之后,向用户提供即时的反馈,让他们知道浏览器正在处用户提交的任务。
阅读全文
摘要:CSS3 不仅仅用作界面效果补充,还可以用来替换传统的一些界面实现,而且效果更酷。Effeckt.css 收集了众多精妙的 CSS3 Transitions & Animations 效果应用,例如:弹窗、按钮、导航、列表、页面切换等等。
阅读全文
摘要:Screensiz.es 帮助您快速找到目前市场上最流行的设备和显示器的屏幕规格。尺寸数据来自维基百科,使用更好理解的像素密度。流行度推算自 Google 查询(从 AdWords 流量估算),以及一些模糊数学算法。
阅读全文
摘要:Clipping Magic 让您轻松去除图片的背景,可以根据路径进行裁剪。操作很简单,只需拖动图像到放置区,或使用按钮选择文件。标记前景为绿,背景为红色,然后标记算法会帮助你处理好细节。处理后的图片链接可以共享,以避免需要通过电子邮件发送大尺寸文件。
阅读全文
摘要:PopEasy 是一款轻量的 jQuery 插件,可以帮助开发人员容易的创建效果精美的模态窗口。PopEasy 在主流浏览器中都能够正常工作,同时兼容 IE 7 哦。
阅读全文
摘要:MontageJS 可以帮助您构建高可扩展性和可维护性的 HTML5 应用。有了 MontageJS,开发人员可以创建可重用的用户界面组件和模块,组件和控制器之间的绑定属性,并且同步 DOM 查询和更新,以确保流畅的用户体验。
阅读全文
摘要:图标字体简单来说就是外观呈现为图标的字体,同时具有矢量图形的特征,在不同的设备上使用图标的时候就不用加载不同尺寸的图片文件,能够减少 HTTP 请求数,提高页面加载速度。IconVault 这款在线生成工具让你可以轻松创建自定义图标字体,选择图标文件夹,点击生成即可。
阅读全文
摘要:Pure 是一组轻量的,响应式的 CSS 模块,您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用,保持文件体积尽量小,每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建,并提供布局以及 原生 HTML 元素的风格,加上最常见的 UI 组件。相信这些都是你需要的。
阅读全文
摘要:HTML Inspector 是一款代码质量检测工具,帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写,运行在浏览器中,是最好的 HTML 代码检测工具。
阅读全文