Jackchen Design 1984

16个天马行空令人印象深刻的CSS3&HTML5尝试

jackchen — Tue, 14 May 2013 03:17:39 +0000

关于CSS3我们已经说了很多年了。现在终于看到很多童鞋开始深入研究并将一些高效有意思的功能放进各自的项目中去，看了很高兴。这两年随着HTML5的迅速崛起。这两者的结合将是未来不可避免的一个趋势。网页设计在沉静的N多年后终于开始诠释了设计的概念。很多公司也开始考虑深入交互和体验。这是互联网的一小步，网页发展的一大步。关于未来总是在超乎我们想象中的未来。很多可能都是在现在懵懂后的不断尝试中发现和得到的。今天我们要分享的是16个天马行空的CSS3&HTML5的尝试。这些尝试让人印象深刻。希望大家能够喜欢。

Css3d Clouds

Experiments Wave 03

One Hour Per Second

Clock

Index2 HTML

Dom Tree

Animations, Transitions and 3D Transforms

Flash Light

Experiments Particles 01

Lolwut

Cubic-Bezier

Rain

Sudoku

OUR SOLAR SYSTEM

Monster

Css3 Tilt Shaift

Via

17个免费的网站主题PSD下载

jackchen — Tue, 14 May 2013 02:49:39 +0000

在信息化越来越快的今天。如果用最短的时间架构设计出整个网站是很多大小型公司都在摸索的一件事儿。于是乎各种框架都有了自己拥护的那一个小群体。各种框架都利弊，但是不管怎么样后端有框架，那前端呢？有人说前端也有框架，但是并不是很多公司都是类似于twitter那样的高科技公司，有着那样的审美标准。各种行业在互联网里的姿态是千百万种的。网页设计中的设计总是个主角。如何加快设计这一个节点的速度呢！对于网页设计师来说模版就是加快速度最好的东西。好的模版可以千变万化的对应上各行各业。今天我们要分享出的就是17个免费经典的网站主题PSD模版下载。这些模版可以大大减少您的设计周期，加快整个项目的效率。

Restaurant Menu Free PSD Template

Maxxim: Free Dark Texture Website Template

Magnate

Pinstrip – A free website template PSD

Newap – Free PSD website template

Majestic: Free Clean and Modern Site Template

Business website template

Delphic Website Template

Your Mobile App Template

Commercial Website PSD File

Wonder Theme – A free PSD Site Design – Free PSDs

Free PSD – Run App Website

Mail Mate – A Free Website PSD Design

Orange: A free psd website template

Skybox free homepage PSD

Pump – A free website psd template

Fabrique E-Commerce PSD Template

Via

2013年05月日历桌面壁纸精选

jackchen — Fri, 10 May 2013 15:24:38 +0000

在火车上，孩子的兴奋也就那么一会儿，接下来是疲惫困倦
妈妈把她的座位空出来，这样我就有了小床睡得昏天黑地的
那时不懂事，不知道妈妈这一夜是怎么熬过去的
周云蓬——《绿皮火车》

点击这里进入各尺寸下载地址

20+华丽的偏重设计的网页创意

jackchen — Mon, 22 Apr 2013 01:19:43 +0000

如果让你说出你印象中设计的最好的网站是那几个？！或许你或说一些你经常上的那些站点。但是这些都不是我们所说的那种“好”。这里的好定义的是设计中的美学和大量视觉上的东西和网页相融合。之前我们也分享过一些简约的设计。用很少的元素和大量的留白来勾勒出简约但不简单的布局。但是今天我们要分享的这些站有些不同。今天你会看到艺术视觉和网页的完美统一。你会从中得到不一样的设计灵感。

The X3 Internship Program

Kahuna Webstudio

Beurre & Sel

Browser Awareness Day

Creative9

D’Angelico Guitars

Dearest Nature

Delirium Studios

Blue Acorn

Hugs For Monsters

The Land of Nod

Media Engine

MyProvence Festival

Nasa Prospect

Rdio

Samcreate

SoSweet! Creative

The Original Classy Broad

Webbklubben

Wee Society

YOOKOSO Japan

Via

16个非常有用的前端CSS框架

jackchen — Fri, 19 Apr 2013 10:34:15 +0000

互联网发展到今天。网页是设计风格渐渐走向几个特点。一种是创意类而另一种就是框架类。创意类的网页是让网页更趋向于艺术风格，而框架类的网页则是为了加快网页设计的开发速度以及各种标准化的统一管理。好的团队都会用一种高效的框架来进行快速开发。这样的工作效率会非常的高。更牛的团队会相应的开发自己的框架，或者对一些开源框架进行二次定制修改来更大程度的发挥效用。今天我们要分享给大家的是网页前端的框架。你会发现用这些框架会大大加快你的开发速度和开发的统一性。你一定会爱上他们里面的一个甚至是几个的。

Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Gumby

Create rapid and logical page layout and app prototypes with Gumby Framework, a responsive CSS framework based on the 960 grid you already know.

Responsive Grid System

This is the Responsive Grid System, a quick, easy and flexible way to create a responsive web site.

Less + Framework

Less+ Framework is a cross-device CSS grid system using media queries.

Responsive Grid System

Simple CSS framework for fast, intuitive development of responsive websites. Built using the ‘Mobile First’ approach, ‘clearfix’ for clearing floats, box-sizing: border-box for adding additional padding to elements, and weighs less then 1kb compressed. Responsive design isn’t hard, you’ve just never used responsive.gs.

The Semantic Grid System

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x classes in your markup. Oh, and did we mention it’s responsive?

The 1140px CSS Grid System

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Skeleton

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. Skeleton is built on three core principles:

Foundation

The most advanced responsive front-end framework in the world.

Golden Grid System

Golden Grid System (GGS) splits the screen into 18 even columns. The leftmost and rightmost columns are used as the outer margins of the grid, which leaves 16 columns for use in design.

Titan Framework

A CSS framework for responsive web designs.

Ingrid

Ingrid is a lightweight and fluid CSS layout system, whose main goal is to reduce the use of classes on individual units. Making it feel a bit less obtrusive and bit more fun to reflow for responsive layouts.

BluCSS

BluCSS is also extremely responsive. It has 4 distinct stages. Desktop screen, laptop, tablet, and mobile. Resize your browser to see it in action.

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

Columnal

A responsive CSS grid system helping desktop and mobile browsers play nicely together.

Gridiculous

Gridiculous is an HTML5 responsive grid boilerplate that can take your site from 1200px all the way down to 320px. Make you site look great on desktop browsers, tablets and handheld devices.

Via

40个优秀免费的日历界面PSD下载

jackchen — Thu, 18 Apr 2013 15:46:51 +0000

好的设计就是让任何人看到了图片都有右键的冲动。好的设计素材也是一样。即便你知道自己八辈子或许都不会用到日历这个界面元素。当你看到一个好的PSD日历界面可以下载，你还是会情不自禁的点击下载下来。这就是优秀设计带来的冲动。或者说人的本能对于美好东西的一种向往。今天我们就分享了40个之多的日历界面的PSD素材下载。以前自己在博客里用过这样的界面，要找的时候并不好找。所以，聪明的就果断的右键或者收藏此页吧。以备后用！你也可以下载分析PSD图层的设计过程，来提高自己的设计思路。Enjoy it

Clean Dark Calendar Widget

Calendar Widget

Minimalist Calendar Widget PSD & CSS

Sexy Calendar

Calendar

Tickets Calendar

Sleek calendar PSD

Calendar

Calendar with event preview

Metal Calendar PSD Sources

My Planning

Pretty Little Calendar (PSD)

How to Design a Clean and Modern Calendar Widget in Photoshop

Calendar

Month Picker

Calendar

Calendar UI

Calendar Tooltip

Free Psd Calendar

Simple Calendar UI

Calendar PSD

Calendar Datepicker

Free Calendar .PSD

Sexy Calendar

Calendar UI freebie

Calendar PSD

Mini Calendar PSD

Calendar

Hand Stitched Calendar PSD

Calendar Widget

Calendar

Calendar PSD

Event Calendar

Dark Formal Calendar PSD

Dark Calendar PSD

Calendar Icon

Calendar PSD

Calendar Freebie

Calendar

Via

15个轻量级WordPress的主题下载

jackchen — Wed, 17 Apr 2013 13:18:14 +0000

Wodpress已经可以不用介绍了。现在各种公司企业有用WP来架构自己的站点和项目的。它快速方便便捷的有点让很多人喜爱。我们之前也介绍过很多优秀的主题。但是大多都是各种酷炫或者有创意的设计类型。今天我们要分享给大家的是另外一类特殊的网站主题。这些主题都有相同的特点——简洁的外观和快速反应的数据。其实很多人都喜欢这样的网站。他们会称之为轻量级！你可以从他们主题的图片来分辨出他们的简洁性。这就是我们今天要分享给大家的Wordpress主题——轻量级主题！

Ari WordPress Theme ( Demo | Download )

Simple Grid Theme Responsive ( Demo | Download )

Gridly ( Demo | Download )

Shutterloop ( Demo | Download )

Grid Theme Responsive ( Demo | Download )

Pilot Fish ( Demo | Download )

Touchfolio ( Demo | Download )

Auto Focus Responsive WordPress Photography Theme ( Demo | Download )

Unique Theme Responsive ( Demo | Download )

Eclipse ( Demo | Download )

Adapt ( Demo | Download )

Lugada ( Demo | Download )

Respo ( Demo | Download )

Oxygen ( Demo | Download )

PressWork ( Demo | Download )

Via

21个美丽的iPhone App应用程序网站设计

jackchen — Wed, 17 Apr 2013 05:34:33 +0000

我们都知道最近几年网页设计包括前端的架构和视觉设计的交互都在有着突破性的改变。HTML5和CSS3的迅速发展让很多以前不敢想象的创意得意实现。但是如果想知道哪类网站的设计是去敢尝试和具有极致的想象力的。那么iPhone应用程序类网站绝对是一个闪亮点。很多Apple App应用从单一的App发展成一个公司甚至成为了一个对互联网有一定影响的公司，都是很多年前无法想象的。这些创意策划者有着不一样的创造力和想象力。下面是我们分享给大家的一些有新意美丽的iPhone应用程序网站。你可以从中得到好的灵感。

婚礼派对

婚礼的党是一个简单有趣的方式来捕捉和分享您的婚礼体验，与你的客人。

开

眼看着天气在你的iPhone从未如此轻松和美丽！

静止

静态允许您跟踪以及你如何做你最喜爱的社会渠道。刚刚加入Instagram的照片吗？刚刚发表了博客文章？弄来的结果多少流量？你获得了多少新的追随者在Twitter上？而不是应用程序之间来回跳跃从一个屏幕上，你可以看到你的最重要的社会统计。

Overgram

美丽的文字添加到您的照片，并分享他们对Instagram的。创建励志，快速，轻松地分享信息或可笑的图像。

上升

崛起是一个令人高兴的简单和独特的闹钟，为您的iPhone / iPad / iPod的触摸的。凭借其清爽和巧妙的方法来设置时间，上升是一个最简单的闹钟，你永远使用。

背包

背包是最漂亮的，功能和简单的使用Basecamp的iPhone应用程序。

乔布斯

最重要的高科技公司的技术空缺。你想知道什么是最尖端技术的公司在纽约，旧金山，西雅图，多伦多或伦敦的需求吗？重新调整你的职业生涯找工作中最重要的技术公司工作，正宗的乔布斯的iPhone非官方的客户端，在美国，加拿大和英国的技术部门在求职中引用的网站之一。

开始

开始是一个简单的手势驱动的报警和秒表。点击加号图标，创建您的报警，旋转拨号设置的确切时间和自定义报警预设音调或您的个人音乐。点击箭头，直接开始启动到您最喜爱的应用程序，你醒来后。

弹出

流行音乐可以帮助您轻松互动原型。如果你可以借鉴，可以设计的应用程序。

dcovery

Dcovery您的旅游组织研究并发现当你到达目的地时，是最好的方式。

珠峰

珠峰帮助你住你的梦想和实现个人目标。从周游世界到处形状学习意大利语 – 珠穆朗玛峰是一个地方捕捉到所有你的梦想，有大有小，而且集中在少数。

instafocus

分享照片的移动应用程序内置照片的人谁爱。

Kutoto

让您的任务由受信任的当地居民。

瑞金

一种新的方式，书签的位置，用音符，美丽的照片。免费为10个名额。人们使用瑞金到他们的旅行计划和期刊，跟踪他们最喜欢的餐馆，咖啡馆和外卖店，并很快记住，有趣的地方，这是“在这里的某个地方”。

Gogobot

Gogobot是最好的旅行方式在知道！无论你规划你的下一个度假或只是探索你自己的城市，Gogobot是一个完整的旅行伴侣。发现有趣的地方，探索目的地，计划和预订您的下次旅行，记录您的旅行，这一切与你的朋友分享。

Bondsy

Bondsy是一种新的方式与朋友购买，或贸易的事情。

Kuvva

Kuvva iPhone的漂亮的壁纸图库。探索新的图像探索Kuvva集合或检查出我们的特色艺术家。如果你喜欢的图像，它作为您的锁屏或网页预览。

Qwiki

一个水龙头，Qwiki会自动从你的iPhone或iPod touch上捕获的事件创建美丽的电影 – 提供丰富而优雅的方式来分享你的生活。

阴霾

把一些颜色，你的预测有烟霞，流畅的动画和视听接口，既简单精美，令人惊讶的天气应用程序而有力上瘾。

邮箱

快速，有趣的移动收件箱，把电子邮件，在其位。邮箱是一个完全重新设计的收件箱中，使电子邮件的光，速度快，移动友好。

藤

藤看到并分享生活运动是最好的方式。创建简短，优美，循环录像，你的朋友和家人看到一个简单而有趣的方式。

Via

8个实用的页面布局和用户界面jQuery插件

jackchen — Tue, 16 Apr 2013 10:54:54 +0000

网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求。可能一些需求不能单独使用CSS就能实现的。于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现。其实如果你知道一些jQuery，你会发现这些jQuery非常的好用和灵活。在这篇文章中我们分享了一些优秀实用的jQuery插件。希望可以帮助你完成一些你一直想要的东西，也希望可以提高你进行中的项目。它涉及到关于网页的布局和用户的界面。Enjoy it

equalize.js

均衡的高度或宽度的元素的jQuery插件。

jQuery的滚动路径

jQuery滚动的路径这是一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。

freetile.js

Freetile是一个jQuery的插件，使该组织的网页内容在一个高效，动态和响应布局。

gridster.js

这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件，允许建立直观的拖动的布局元素跨越多个列。

rcarousel

rcarousel – 一个连续的jQuery UI的旋转木马。

jQuery HiddenPosition的

放置任何元素的任何元素，即使它们被隐藏。

turn.js

Turn.js是一个JavaScript库，使您的内容看起来像一个真正的书或杂志使用HTML5的所有优点。该网站是越来越美丽的基于HTML5的新的用户界面; turn.js是最适合基于HTML5的一本杂志，书籍或目录。

BookBlock

一个jQuery插件，将创建一个类似小册子的组件，让您翻转页面，通过其项目导航。

Via

对称LOGO设计灵感和创意

jackchen — Tue, 16 Apr 2013 10:20:00 +0000

标志是一个企业的形象和底蕴。好的标志设计可以让企业在获得曝光后得到更持久的记忆。这就是第一印象的重要性。标志设计的设计其实很讲究。可以大致分为字体和字体变形而来的LOGO，也可以是图像类的设计LOGO。两种LOGO展现风格相差还是很大的。但是不一样的企业可以选择用不同的展现方式去释放出自己企业的文化底蕴。很多人都会问LOGO是不是设计好了就很难再改了？其实修改很容易，麻烦的是要去对设计修改的评估和商标注册等一些细节的处理。我们最近知道京东也修改了自己的标示，域名也换成了更简短的。其实我们在一个公司的LOGO就是在看一个公司的成长历史。今天我们要分享给大家的是一些优秀的LOGO设计，这些标识设计有一个共同的特点——他们都是具有对称性的。鉴赏一下，给自己带来一些新的启发灵感和创意吧！

猜您也喜欢：
30+免费优秀的HTML5+CSS3模板	优秀的HTML5网页设计抓住你的视线	45个HTML5网站设计实例	2010年网页设计趋势-现实生活中的隐喻和CSS3适应
来自无觅网络的相关文章：
每周网页设计灵感分享 N.066 (@sudasuta)	2012五大主流浏览器 HTML5 和 CSS3 兼容性大比拼_ARTFANS视觉杂志™ (@artfans)	响应式网页设计工具箱 (@sudasuta)	O 讓Adobe來告訴你CSS3跟HTML5有多酷 (@mydesy)
无觅

猜您也喜欢：
50个高品质的网络布局PSD模板免费提供	免费的无缝网站背景图案素材下载	40个美丽实用的PSD WEB模板资源	35个高品质的PSD UI的网页设计元素
来自无觅网络的相关文章：
每周网页设计灵感分享 N.066 (@sudasuta)	免费表单元素PSD分享 (@sudasuta)	每周网页设计灵感分享 N.064 (@sudasuta)	免费用户界面元素下载 (@sudasuta)
无觅

猜您也喜欢：
2011年2月-日历桌面壁纸精选	2011年7月-日历桌面壁纸精选	2011年4月-日历桌面壁纸精选	2010年12月-日历桌面壁纸精选
来自无觅网络的相关文章：
精选iPhone 5壁纸分享 (@sudasuta)	Kredema tu立体创意壁纸设计 (@sudasuta)	带有大树的自然壁纸下载 (@sudasuta)	彩虹糖桌面壁纸下载 (@sudasuta)
无觅

猜您也喜欢：
40个新鲜的网站设计灵感	18个有创意的滑动效果在网页设计中的运用	20个极简网页设计创意	20个简约设计的网站创意
来自无觅网络的相关文章：
每周网页设计灵感分享 N.066 (@sudasuta)	每周网页设计灵感分享 N.019 (@sudasuta)	每周网页设计灵感分享 N.055 (@sudasuta)	每周网页设计灵感分享 N.026 (@sudasuta)
无觅

猜您也喜欢：
38个优秀的CSS3动画演示例子	重返CSS基础之术语解释	2010年网页设计趋势-现实生活中的隐喻和CSS3适应	25个免费清新风格的XHTML&CSS网站模板
来自无觅网络的相关文章：
响应式网页设计工具箱 (@sudasuta)	30佳惊艳时尚的国外优秀网站设计作品欣赏_ARTFANS视觉杂志™ (@artfans)	78佳精美的 CSS 网页设计作品欣赏 (@artfans)	前端之美：9个很酷的基于 CSS3 和 JavaScript 实现的效果_ARTFANS视觉杂志™ (@artfans)
无觅

猜您也喜欢：
2012年最佳的免费UI PSD合辑	40个新鲜免费的PSD文件素材下载	MAC风格的通知PSD素材	15个高品质提示图标PSD模板素材
来自无觅网络的相关文章：
开关PSD源文件下载 (@sudasuta)	PSD/EPS/AI格式的免费地图素材下载 (@sudasuta)	10套高质量的PSD按钮素材免费下载 (@sudasuta)	免费用户界面元素下载 (@sudasuta)
无觅

猜您也喜欢：
2011年优秀的wordpress主题合辑	40个免费的高品质wordpress主题下载	35个免费专业的WordPress主题	2011年50个美丽免费的WordPress主题
来自无觅网络的相关文章：
最新wordpress免费主题下载 (@sudasuta)	2009年5月发布的30多个wordpress主题 (@sudasuta)	极简主义响应式wordpress免费主题分享 (@sudasuta)	主题摄影欣赏变色龙 (@sudasuta)
无觅

猜您也喜欢：
30个精美的体育网站设计创意	20个简约设计的网站创意	40个新鲜的网站设计灵感	25个优秀的iPhone和IPAD应用程序网站设计
来自无觅网络的相关文章：
每周网页设计灵感分享 N.066 (@sudasuta)	每周网页设计灵感分享 N.012 (@sudasuta)	每周网页设计灵感分享 N.013 (@sudasuta)	iPhone App 网页设计分享 (@sudasuta)
无觅

猜您也喜欢：
伟大新鲜的jQuery插件和网页设计资源	21个更具人性化的WEB滑块设计	35个新鲜免费易于使用的jQuery插件	2012年50+最有用的jQuery插件
来自无觅网络的相关文章：
每周网页设计灵感分享 N.066 (@sudasuta)	最佳6款用于移动网站开发的 jQuery 图片滑块插件_ARTFANS视觉杂志™ (@artfans)	jQuery 图片点击特效 (@poboo)	25个强大的 jQuery 砌体网页设计作品 (@artfans)
无觅

猜您也喜欢：
20个新鲜的LOGO创意设计	45+创意手型LOGO设计	40出色创意标志设计灵感合集	40个聪明有创意的字体标志设计
来自无觅网络的相关文章：
创意LOGO欣赏基于字形的设计 (@sudasuta)	创意LOGO欣赏基于字母的设计 (@sudasuta)	创意LOGO欣赏简单漂亮的创意LOGO (@sudasuta)	每周创意LOGO分享 N.023 (@sudasuta)
无觅