UI - 文章分类 - 冰危节奏

div固定在页面的某个位置

摘要：<html> <head> <title></title> <style type="text/css"> html,body { overflow:hidden; margin:0px; width:100%; height:100%; ... 阅读全文

posted @ 2012-02-02 11:02 冰危节奏阅读(944) 评论(0) 推荐(0)

摘要：一、IE与FireFox的js和css png透明 AlphaImageLoader filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL) enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤... 阅读全文

posted @ 2012-01-11 10:11 冰危节奏阅读(5064) 评论(1) 推荐(1)

火狐截图软件

摘要：screengrab，这个火狐的插件比较适合用了网页截图阅读全文

posted @ 2011-03-01 14:20 冰危节奏阅读(134) 评论(0) 推荐(0)

自定义网页字体

摘要：在自定义这个博客主题过程中使用了某些特定字体, 这些字体并非操作系统的内置字体, 这样用户在浏览页面的时就有可能看不到设计时效果, 导致页面显示很丑陋. 一般的解决办法是把文字体成图片, 但是有点麻烦, 不适合我的样的懒人, 而且做成图片也不方便修改. 还有一种是通过CSS样式定义, 我选择了这种, 因为它简单易用. CSS中使用@font-face属性来实现在网页中嵌入任意字体，稍稍复杂一点的... 阅读全文

posted @ 2011-02-25 14:25 冰危节奏阅读(1144) 评论(0) 推荐(0)

Clean Blue Navigation Box

摘要：Step 1 First of all we want to create a new document (File New) and make it something like 540 by 440 pixels in size. Fill the background with a radial gradient from a lightish grey (I’ve used #3434... 阅读全文

posted @ 2011-01-21 16:19 冰危节奏阅读(355) 评论(0) 推荐(0)

Stylish Dark Navigation Box

摘要：Step 1 To get us started create a new document and then we need to have a background so select the gradient tool. Set the style to radial gradient, set the foreground colour to #b3a773 and the backgro... 阅读全文

posted @ 2011-01-21 16:09 冰危节奏阅读(225) 评论(0) 推荐(0)

Blue on Black Navigation Bar Photoshop Tutorial

摘要：Preview of Final Results Blue on Black Navigation Bar Photoshop Tutorial Step 1 Firstly, create a new document - the size I've used is 540 by 220 pixels. Now for the background I've filled it with a b... 阅读全文

posted @ 2011-01-21 15:46 冰危节奏阅读(443) 评论(0) 推荐(0)

Curled Corner

摘要：Learn how to create a sleek content box that features a curled corner to give it a more dimensional approach. This effect could be put to good use on business websites, such as hosting sites, product ... 阅读全文

posted @ 2011-01-21 15:43 冰危节奏阅读(179) 评论(0) 推荐(0)

High-Detailed Plastic Navigation Bar

摘要：There is a plenty of websites in the internet. All of them have got some common features though. One of those features which is a characteristic for almost all the websites is the presence of a naviga... 阅读全文

posted @ 2011-01-21 15:35 冰危节奏阅读(413) 评论(0) 推荐(0)

Create a Wii Web Header in Photoshop

摘要：Step 1:Let’s start out by creating a new file. I used a 10550×151 pixels canvas set at 72dpi, and I filled my background with a white color. Step 2:Select the Rounded Rectangle Tool from your tools p... 阅读全文

posted @ 2011-01-21 12:23 冰危节奏阅读(329) 评论(0) 推荐(0)

精选31个网站界面设计实践教程

摘要：设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师，他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台，更不用说高质量免费教程了。　　如果您打算建立自己的个人网站或者重新设计您的博客的主题，现在看来已经不是很难了。这要感谢那些慷慨的设计师和撰稿者们，现在互联网充满着各种很棒的教程来帮助你逐步建立自己的网站界面及导航。这篇文章只是让大家浅尝... 阅读全文

posted @ 2011-01-20 17:10 冰危节奏阅读(195) 评论(0) 推荐(0)

使用CSS完美实现垂直居中的方法

摘要：使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题，作为网页设计师或前端开发工程师，这个垂直居中问题也是必须掌握的技巧之一，一些互联网公司面试题中也会出现这类题目。今天暴风彬彬将分享一个完美通过CSS实现垂直居中的方法，该方法是由aka Yuhů发明的，这个方法也是目前暴风彬彬觉得最完美最简洁的CSS垂直居中实现方法。下面来看看暴风彬彬曾经总结的笔记，大家有不同意... 阅读全文

posted @ 2011-01-20 17:07 冰危节奏阅读(103) 评论(0) 推荐(0)

960 Grid System 基本原理及使用方法

摘要：由于一些读者对于960 Grid System CSS Framework的原理和使用方法比较感兴趣，暴风彬彬今天将和大家一同分享这篇关于960 grid CSS Framework的基本原理和简单的使用方法。关于CSS框架其实一直是一个比较热门且很有争议的话题，的确，国内的一些前端er们越来越关注CSS框架，并都开始尝试使用，觉得CSS框架能够节省更多的开发时间，显著提高工作效率。当然，还有... 阅读全文

posted @ 2011-01-20 16:34 冰危节奏阅读(180) 评论(0) 推荐(0)

some thing designed by me(trborcomm)

摘要：阅读全文

posted @ 2011-01-20 11:48 冰危节奏阅读(105) 评论(0) 推荐(0)

what to ask in the first meeting with your client (from the principle of beautiful web design)

摘要：1.what does the company do?2.what is your role in the company?3.does the company have an existing logo or brand?4.what is your goal in devaloping a web site?5.what information do you wish to provide o... 阅读全文

posted @ 2011-01-19 10:49 冰危节奏阅读(155) 评论(0) 推荐(0)

the rule of thirds

摘要：阅读全文

posted @ 2011-01-18 16:31 冰危节奏阅读(68) 评论(0) 推荐(0)

communication with client (It's Not About the Website)

摘要：Every Web designer probably has his or her own approach to conducting creative discovery meetings with clients. Surely there is more than one way to skin a cat, but I believe that among the many there... 阅读全文

posted @ 2011-01-12 15:37 冰危节奏阅读(201) 评论(0) 推荐(0)

Rules and Context

摘要：For instance, let’s look at a couple of instances where not all of the rules impact any given attempt at communication. RuleOn a monitor, white text on a black background is more difficult to read an... 阅读全文

posted @ 2011-01-12 15:24 冰危节奏阅读(178) 评论(0) 推荐(0)

Design Context: Contrast in Context

摘要：Context governs all of the whys, hows and whats to visual communication. Just as design is a response to a set of needs or problems, context shapes the design response. Without context there cannot be... 阅读全文

posted @ 2011-01-12 14:14 冰危节奏阅读(264) 评论(0) 推荐(0)

The Golden Ratio in Web Design

摘要：Math is beautiful. Does that sound a little strange? I sure thought so when I first started designing. Math is so rigid and often times boring, or so I thought. You would be surprised to find out that... 阅读全文

posted @ 2011-01-12 12:04 冰危节奏阅读(600) 评论(0) 推荐(0)

冰危节奏

文章分类 - UI