资讯月刊下载

第121期(18-03)

2018年03月 - 总第121期
  • Java程序员开发常用的工具
  • 3月全球数据库排名：PostgreSQL 再迎暴涨
点击下载>>

第120期(18-02)

2018年02月 - 总第120期
  • 开源巨献：2017 年 Google 开源了这些超赞的项目
  • 关于区块链，程序员需要了解什么
点击下载>>

第119期(18-01)

2018年01月 - 总第119期
  • 编写高性能Java代码的最佳实践
  • 从15000个Python开源项目中精选的Top30，Github平均star为3707，赶紧收藏！
点击下载>>

更多月刊下载

活跃编辑

范凯
hantsy

资讯编辑

web前端

企业架构

ITeye小编

其他专家

进入编辑列表

响应式

原创新闻 [移动开发] Instagram工程师教你如何改善App的性能

【编者按】扁平化设计由于其简洁的外表，更少的按钮和选项使得界面干净整齐，从而减少认知障碍的产生。扁平化设计更是功能上的简化于与重组，相比于 拟物化而言，扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来。本文来自Instagram一名工程师的分享。 以下为译文： 扁平化设计仅仅只是一个漂亮的外表，还是一个性能利器，从而触发一场UI革命？实践证明是后者。 Tyler ...
Instagram App 响应式 扁平化
rnifeasy 评论(3) 有8507人浏览 2014-10-08 顶 6 踩 0

原创新闻 [Web前端] 30 款精美的响应式 HTML5 模板推荐

由于各种屏幕大小不一的移动设备的出现，“懒惰”的Web开发者开始寻求跨设备的解决方案，于是响应式布局诞生。响应式布局得益于最新的HTML5技术，会根据屏幕的大小来自动调整页面显示的内容，而无需为每种设备开发一个特定的版本。 本文为大家分享30款HTML5响应式模板，希望能为你的Web页面设计开发工作带来一些帮助。 1. G0lden Gate（演示 / 下载） 2. Burn Studio ...
html5 响应式 web开发
wangguo 评论(11) 有45868人浏览 2014-01-13 顶 15 踩 0

原创新闻 [Web前端] Web 设计过程中该做和不该做的

在如今飞速前进的网络世界里，Web设计成为大多数网络公司成功的关键要素。非也？那就是公司的自身问题了。在过去的那些年里，Web设计趋势的不断改变就像时尚界那样纷纭变幻，这些都少不了优秀人才和先进技术的介入。为了在激烈的竞争环境里崭露头角，开发者就必须顺从不断变化的潮流，同时还要避免大多数同行已经落入的陷阱。 该做的：QR代码 QR代码即快速响应代码，这是矩阵条形码的一种类型，当使用光学仪器 ...
Web 设计 响应式 UI
WnouM 评论(7) 有7032人浏览 2013-08-22 顶 5 踩 1

原创新闻 [Web前端] 雅虎推出Pure，一个“纯”的CSS组件库

雅虎近日推出了一个名为Pure的CSS框架，这是一系列实用的响应式CSS模块的集合，可以帮助前端开发者节省不少开发时间。 名称为Pure（纯），代码也必须是100%使用CSS编写的。开发成员称，Pure不限于特定的JavaScirpt框架，你可以用在任何JavaScript框架、任何Web应用中。 Pure可以作为每个网站或Web应用的起步工具，将会帮助开发者处理应用程序所需的所有CSS工作 ...
css javascript 雅虎 ui 响应式
wangguo 评论(3) 有20466人浏览 2013-05-31 顶 8 踩 1

原创新闻 [Web前端] 一个网络，两种口味：响应性 vs. 适应性

这是Mobify的CEO Igor Faletski发表的一篇博文，Mobify是一个电子商务优化平台，为智能手机和平板电脑提供了适应网站的工具。 你可能听人说过，“我们生活在后电脑时代”。这对网络开发者而言意味什么？它意味着你的网站，有30%到50%的流量来自于移动电子设备。它同时意味着，不久之后，桌面用户或者笔记本电脑用户将会成为网络的少数派。 面对这样用户模式构建的转变，我们又要如何应对 ...
responsive 响应式 设计 css javascript
tyygming 评论(1) 有6395人浏览 2013-05-20 顶 3 踩 0

原创新闻 [Web前端] 一些实用的CSS Media Query代码片段

移动互联网时代，新设备层出不穷，各种屏幕大小和分辨率的出现，为Web前端设计增加了一些挑战。如何让网站或Web应用完美显示在各种不同的设备上呢？答案是采用响应式设计，让页面根据设备屏幕自动适应并调整。 CSS3的出现让响应式Web设计变得简单，CSS3提供了强大的media queries，允许你针对不同的条件设置不同的样式，可以在不修改页面内容的情况下，为不同设备提供不同的样式效果。 以下是 ...
css Media Query 响应式 自适应
wangguo 评论(3) 有21007人浏览 2013-04-02 顶 5 踩 0

原创新闻 [Web前端] Foundation：有效简化响应式开发的前端框架

Foundation是一套使用广泛的前端开发套件，能够有效的帮助你快速的开发响应式的网站。最近ZURB发布了一个新的版本——Foundation 4。 和另外一套知名的前端框架BootStrap类似，Foundation同样也提供了一套HTML/CSS的模板，可以帮助你快速的搭建网站基础，包括：布局、组件、字体、表单元素和其它常用的页面元素。 使用Foundation有三种途径，包括： 直 ...
框架 foundation 响应式
tyygming 评论(0) 有6684人浏览 2013-03-12 顶 0 踩 0

原创新闻 [Web前端] Codester：免费的响应式Bootstrap模板

Codester是一个基本的个人作品集Bootstrap模板，帮助设计师，摄影师，图形艺术工作者搭建高度可定制的网站。拥有自定义包和相关的javascript，css和组件，相信大家肯定喜欢！ 主要特性： 响应式设计 和所有主流的浏览器兼容 兼容各种移动和触摸设备屏幕尺寸 完整的联系人表单 包含搜索功能 拥有漂亮的图片画廊 包含了博客布局 拥有漂亮的首页图片幻灯 灵活 完全可定制 拥有来自T ...
模板 响应式 设计 bootstrap Codester
tyygming 评论(1) 有11770人浏览 2013-03-06 顶 3 踩 0

转载新闻 [开源软件] Groundwork：一套开源的响应式设计工具

Groundwork 是在Github 上的一个基于 CSS 预处理器的开源项目 ，主要用于快速构建 Web 应用程序。其拥有一个可嵌套的网格系统，非常灵活，几乎可以创建任何布局。 除了基本的模板和页面框架，这套工具中还提供了UI效果组件，在设计过程中可以提供高效的布局支持。Groundwork 还提供了一个高级的响应式布局，开发人员可通过一个模板进行高效的开发。 在布局设计上，Groundwo ...
Groundwork 响应式 css 布局
WnouM 评论(2) 有3816人浏览 2013-02-25 顶 1 踩 0

转载新闻 [Web前端] Adobe 推出响应式设计工具 Edge Reflow

Adobe发布了一款名为Edge Reflow的工具，可以用于响应式设计的可视化创作，提高通过HTML5和CSS3技术在不同设备上所进行的网页开发效率。 目前Reflow提供了免费的下载，而通过注册成为Adobe Creative Cloud付费会员可以继续获得免费的软件更新。 Reflow的主要功能是通过在设计的过程中将所有的“断点”“模块”进行可视化的展示，让开发者可以在工具中一边进行间距 ...
adobe html5 Edge Reflow 响应式 设计
WnouM 评论(3) 有9771人浏览 2013-02-18 顶 2 踩 0

原创新闻 [Web前端] 5 款测试响应式设计的书签应用

2013年注定了响应式设计流行，它是网站设计的新的方向，从去年开始越来越多的网站开始使用响应式的设计理念，它能够帮助你开发一套界面并且能运行在所有不同分辨率的设备上，包括PC、平板或者移动手机。 今天我们推荐给大家5款书签类型的测试工具，你可以方便的添加到你的书签中，并且在测试响应式网站的时候方便的使用。 1. Viewport Resizer 这个书签号称拥有158个国家3万多活跃的用户 ...
响应式 responsive 书签 web
tyygming 评论(0) 有5933人浏览 2013-01-18 顶 1 踩 2

原创新闻 [Web前端] 16 个高效测试响应式设计界面的工具

响应式的设计现在越来越受设计师推崇，面对这越来越多的响应式设计页面，我们需要找到高效的测试工具来验证设计的合理和正确，在今天这篇文章中，我们将介绍16款帮助你在线测试响应式页面设计的工具，希望大家喜欢！ 1. Responsinator Responsinator提供了大家在不同设备viewport下查看网站效果的特性，提供了iphone，android，ipad，kindle及其多种设备上的预 ...
web 响应式 测试
jjfat 评论(0) 有6216人浏览 2012-12-25 顶 0 踩 0

翻译新闻 [Web前端] 5 款实用的Web开发工具推荐

互联网中存在大量的Web开发工具，通过这些工具，你的开发工作将会大大简化。本文整理了5款最新的Web开发工具，希望能对你有所帮助。 1. Normalize CSS Normalize.css使得浏览器对所有元素的渲染更加一致，且符合现代标准。该工具只针对需要规范化的CSS样式。 2. Crumbs Crumbs既可以作为一个临时的占位页面，也可以作为WordPress的一个免费的响应式 ...
web 工具 响应式
wangguo 评论(1) 有7378人浏览 2012-10-25 顶 2 踩 0

转载新闻 [移动开发] 响应式设计是否值得？

本文来自 Tom Ewer 的Managewp blog撰文，表达了其对时下风靡的响应式设计不一样的看法。 到2014年，会有更多的人用移动设备代替PC端访问互联网，所以打造易访问的移动端成了Web开发者最关注的问题之一。因此响应式设计应运而生，但从我个人的角度看，它并不值得大力追捧，为什么？ 响应式设计不是万能的。我自己过去也是一个响应式设计的粉丝，发现很多Web应用不能很好的在移动屏幕上显示 ...
响应式 设计 ui
MnouW 评论(4) 有5903人浏览 2012-09-26 顶 3 踩 1

翻译新闻 [Web前端] 响应式 Web 设计必备的 12 款 CSS 框架

目前接入互联网中的设备的多样性，催生了新的Web布局设计方式——响应式设计。响应式设计的理念是，页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。这样开发者就无需针对每种设备及分辨率分别创建独立的布局。 本文整理12款针对响应式布局设计的CSS框架，可以使你的开发工作变得轻松，并节省你的时间和成本。 1. Skeleton Skeleton是一 ...
CSS 响应式 布局 HTML5
wangguo 评论(6) 有45427人浏览 2012-06-11 顶 5 踩 0

转载新闻 [Web前端] 响应式设计的 5 个 CSS 实用技巧

正如教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。本文分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性在响应式设计中发挥着很大的作用。 1. 响应式Video (demo) 响应式video的CSS技巧是由 ...
css 响应式 设计 margin Overflow
MnouW 评论(4) 有8697人浏览 2012-06-04 顶 10 踩 0

转载新闻 [Web前端] 与瀑布模式说“再见”：5 个步骤实现响应式 Web 设计

响应式简介 你可能熟悉典型的“瀑布模式”的开发过程：从系统需求分析开始，然后着手设计，接着开始前后台开发，最后进行评估并且实施。线性性质是瀑布式开发的主要特点：当这一阶段完成，下一阶段紧接开始，两者配合的几乎天衣无缝。 “瀑布模式”开发过程是通过设计一系列阶段顺序展开的，只需朝一个单一的方向推进工作，而不幸的是，随着问题的不断积累，不得不放慢脚步，来应付各种棘手的问题。 “瀑布模式”开发过程演 ...
响应式 用户体验 UI 移动
MnouW 评论(8) 有8364人浏览 2012-05-15 顶 4 踩 4

转载新闻 [Web前端] Web响应式设计的局限和误区

我们已经讨论了很多关于如何创建响应网站的思想——使用灵活的布局、媒体查询、图像缩放及其它一些技术，总之，使网站在各种屏幕上都能很好的运行并且美观。 然而，有时关注一下web响应设计中的禁忌也是大有裨益的。最近，响应设计大师Brad Frost在.Net杂志上发表了响应设计人员最常犯的五种错误。其中提到了这样的错误：利用特定尺寸的屏幕来触发布局变化和避免将单一的尺寸应用于所有的屏幕。 关于后者， ...
响应式 设计 UI
MnouW 评论(0) 有3970人浏览 2012-05-09 顶 3 踩 0

最近热门TAG

Java(1854) Google(1441) Android(1244) JavaScript(842) Web(669) Linux(648) 框架(605) Windows(591) 浏览器(540) HTML5(533) Firefox(483) jQuery(480) iOS(479) Ruby(427) Chrome(386) HTML(380) 编程(365) 工作(349) Apache(346) Python(328)

热门资讯

Global site tag (gtag.js) - Google Analytics