`
bluedusk
  • 浏览: 270212 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
文章列表
JavaScript出能能为网页添加更多互动元素、为网页的视觉效果锦上添花之外,还能干些什么?今天这个答案也许会出乎你的意料,外国一位设计师Ed Spencer用JavaScript为一个内衣网站编写了胸罩罩杯尺寸计算器。我们在使用JavaScript完成日常工作之余,其实也能编写这种有趣的程序。   只在周末放松一下。   近来Ed Spencer为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,Ed Spencer还被迫去写一个胸罩尺寸计算器。   胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解 ...
什么是css框架 实际上还是让我们从框架说起吧。框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如: typography.css 基本排版规则 grid.css 基于网格的布局 layout.css 通常的布局 form.css for 表单样式 general.css 更多通用规则   下面一起来了解一下各种不同的CSS框架吧: 1.960 Grid System 960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果,基于960像素的页面宽度。它有两种 ...
原文地址: http://www.time.com/time/specials/2007/article/1,28804,1809858_1809957,00.html   TIME评选出了08年50个最棒的网站,随便看了看,还真亏那些老外想的出来。真是五花八门!只要你想不到的,没有他们涉及不到的。找几个我们也合用的给大家介绍一下,有些可能大家都知道了,就当我小白了哈!NO.2:Howcast 这个Howcast,说白了就是视频教学,只不过涉及到生活的方方面面,比如,“在沙发上看电视时如何把妹”,“怎样做一个圣人”,”丢钱包后首要做的六件事”等NO.4:OmiruOmiru,流行时尚网,重要的是 ...
JavaScript,5种调用函数的方法 这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下,许多那样的代码是我写的).JavaScript拥有函数式编程的特性, 当我们选择面对它的时候,这将成为我们前进的阻碍.作为初学者,我们来测试五种函数调用的方法,从表面来看我们会认为那些函数与C#中函数的作用非常相似,但是我们一会儿可以看到还是有非常重要的不同的地方的,忽视这些差异无疑会导致难于跟踪的 ...
 在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问 ...
本文英文原文   作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日益庞大,网络带宽也在飞速发展,很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascript对网站用户体验的强化,使得这种现象越来越普遍,尤其是对于大型网站来说,仅仅一个CSS文件就已经超过了30KB的上限。   但是即便如此,现在也有很多准则来帮助你在完成CSS布局后进行CSS代码的压缩和优化。CSS代码优化的目的并不仅仅是减少CSS文件的大小,它还能让你的CSS代码 ...
CSS代码的命名惯例一直是大家热门讨论的话题。今天暴风彬彬想通过分析一个流行三栏布局中的必要元素,来为大家讲解关于使用语义化方法替代结构化方法来命名CSS类的建议和指导。     CSS类命名的语义化VS结构化方式   一 ...
 使用XHTML+CSS来实现元素的垂直居中一直是前端开发中的一个比较复杂且棘手的问题,作为网页设计师或前端开发工程师,这个垂直居中问题也是必须掌握的技巧之一,一些互联网公司面试题中也会出现这类题目。今天暴风彬彬 ...
CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。   今天,暴风彬彬整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Dreamweaver这种所见即所得软件来编写CSS,使得代码过于臃肿。不过没关系,看过本文之后,你一能能掌握CSS代码优化的技巧,今后让你的每一个CSS样式表都看起来整洁而简短吧。   属性值为0 书写原则是如果CSS属 ...
  1.Hoverbox 图片集 一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果。   2.高级CSS菜单 一款很有创意且复杂的CSS导航方案。 3.滑动影集 手风琴效果的影集,悬停便可拉伸图片。 4.Lightbox幻灯片 题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。 5
 我的讲解会包含一些标准元素,如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。所以您完全可以将这些代码快速拷贝并重新利用在自己的前端开发项目中。 HTML结构 下图说明了我在页面中添加的HTML/CSS元素。   这个结构其实已经可以直接使用了。您只需再重新定义字体、背景颜色、每个层和HTML标签的字体风格和一些其他自定义类。   点击下载源代码文件 步骤一:HTML文件结构 创建一个新页面,并且把以下代码复制然后粘贴到<body>标签内: <div id=”container”><div ...
 今天的话题是如何改进自己网站的界面或提高网站的视觉体验,从而让用户记忆犹新。   我们有三种主要的方法(从难到易):自己动手写脚本;使用类似于jQuery和mooTools的JavaScript框架(可以让编写代码变得更容易些);使用能工作于现有的JavaScript框架下的提前预置好的脚本或那种从头开始开发的创建者。这篇文章适合那些打算提高工作效率或不愿意从头开发脚本的人阅读。   这里收集了10种强大的且容易上手的JavaScript特效来改进您的网页站界面,从而得到更多的用户体验。这10种javaScript特效回味你的网站带来意想不到的视觉盛宴,而且安装和使用都比较容易。 您还可以参考 ...
The second in series of best posts of 2008 for designers, developers and bloggers. This second post contains a collection of more than 2008 tips, tricks, scripts, examples and tools for developers. Whether you’re a beginner or pro, you could use some of these posts for a reference someday. Tools &a ...
工具&Web应用 13个可能会让你说”Thank You”的必不可少的开源应用 14个免费工具让你了解为什么人们会放弃访问你的网站 40+CSS生成器 74个我们可能已经忘记的适合网页设计师的很棒的Web应用 50+能提高你的网站速度和性能的技巧和资源 15个可以监视网站人气的工具 20个免费的SEO网站分析工具 (已翻译成中文) 11个功能强大甚至可以替代标准应用程序的Firefox3扩展插件 10个你至少应该了解的免费照片管理软件 作为Web前端开发工程师应到感谢的15件事 15个前端开发/网页设计师必备的Bookmarklet (已翻译成中文)
  2008年已经接近尾声,暴风彬彬今天将同大家一起来回顾今年的一些网页设计共享资源,在这里我收集了一些2008年我很喜欢的免费资源。在这 篇文章中您将看到涵盖网页设计图标素材、Wordpress主题、网页设计字体、网页设计材质素材乃至生成背景图案的网站应用程序的一些不错的资源,它们 有的能对你的网站项目有所帮助,有的则会给你带来更多设计灵感。还等什么,继续往下看吧…   您还可以参考以下网页设计相关资源: 《220个漂亮的免费Photoshop图层样式下载 》 《推荐3个网页设计在线配色网站 》 《精选30个免费高品质PSD源文件 》 《网页设计必备的10套漂亮图标集 》  BB 免费字体 ...
Global site tag (gtag.js) - Google Analytics