2025 独立开发者训练营:AI Agent!查看介绍 / 立即报名 →

博客

15 个大自然感觉的网站欣赏

使用自然风景做背景的网站,有效的情感设计 :)

REI 1440 Project

scenes-of-nature-web-design-01

滚动屏幕叙述故事的网站欣赏

新的 CSS 属性越来越被广泛的支持,设计师们可以结合一些工具创建很了不起的网站,而这些在以前只有 Flash 能做到。这篇文章里为你展示了 parallax 滚动的进级用法,用 CSS 动画和 JavaScript, 在用户滚动屏幕的时候向用户传达设计好的故事。

全屏幕视频展示网站

在网页上全屏幕显示视频,在以前应该只有 Flash 可以做到,不过现在使用 HTML5 和 JavaScript 可以很好地让视频根据浏览器窗口的尺寸伸缩,下面的十几个网站很好的展示了全屏幕视频的使用技巧。

每周网站欣赏 - 第22周

Justin Aguilar

个人网站,用来展示自己的网站设计作品。
22-week-websites-showcase-01

iOS 图标设计欣赏 - 来自 Alex Bender

Alex Bender 是一名来自俄罗斯莫斯科的用户界面设计师,同时也是独立摇滚乐队 Lucky Jump 的成员。这里展示的是他的 iOS 图标设计作品,供大家欣赏与参考。

  • alexbender-ios-icon-2
  • alexbender-ios-icon-3
  • alexbender-ios-icon-4
  • alexbender-ios-icon-5

jQuery Mobile 为移动设备网站开发做好准备 - jQuery Mobile 介绍

jQuery Mobile 是基于 jQuery 的一套用户界面架构,可以在很多热门的智能手机,平板电脑,桌面电脑,电子阅读器上很好的工作。设计中融入了可访问性与统一的访问体验思想,符合渐进增强和响应式设计的原则。基于 HTML5 的标签代码易于学习,强大的 API 可以很容易进行深度定制。

页面 & 对话框

jQuery Mobile 里面的页面就是带有 date-role=”page” 属性的元素。在这个页面容器里,你可以使用任何有效的 HTML 标签,不过在一般的 jQuery Mobile 页面里,页面的紧接着的子元素是带有 data-roles 是 headercontentfooter 属性的 div 标签。页面最基本的需求是用来支持导航系统的一个页面容器,其它的东西都是可选的。

Bootstrap 新版中文档案

这两天翻译了 Bootstrap 的文档,发现新版的 Bootstrap 照去我们做 Bootstrap 视频的时候有了一些改进。听说 Bootstrap 3.x 版本会有更大的改进。不过基础的应用都是差不多的,使用这个中文档案配合我们的视频,你可以很快掌握使用 Bootstrap 编译后的版本来创建网站项目。

对于一般用户,我们使用的只是 Bootstrap 编译后的版本,也就是现成的 CSS 样式表,JavaScript 。或者你可以使用 Bootstrap 的定制功能去修改 Bootstrap ,比如改改主要的颜色,字体,字号,网络系统等等,然后你可以把定制好的 Bootstrap 下载下来。

注:文档里介绍的是编译后的 Bootstrap 的使用。

Joomla 3.x T3 模板架构中文发行版

T3 架构是用在 Joomla 系统上的模板架构,你可以创建基于 T3 架构的 Joomla 模板,好处是,模板会非常灵活,而且很容易定制,对搜索引擎和移动设备也是友好的。T3 架构是开源的,由著名的 Joomlart 开发并维护。T3 架构中文发行版演示与下载

今天晚上升级(已完成)

晚上升级,期间可能会有点问题,大家见谅哈 :)

用 WordPress 做企业网站 #1 - 创建自定义内容类型,分类法与字段

用 WordPress 做企业网站或者任何其它类型的网站,我们得先考虑下怎么样去组织和管理内容,内容可以是文字,图像,文件,音频,视频 ...  WordPress 允许我们创建内容类型,每个内容类型可以放不同的内容,组织这些内容的方法就是分类法,分类法可以是分类(拥有层级关系),或者标签。

网站可能会出现的内容类型

  • 新闻
  • 关于
  • 产品

公司新闻经常更新,可以把这些内容放在 WordPress 默认的文章(post)里存储,关于是一些关于公司的内容,比如公司介绍,联系方式这些静态的不怎么更新的东西放在 WordPress 默认的页面(page)里存储。

然后我们单独为产品创建一个内容类型,因为产品可能需要用到一些自定义字段,比如产品的型号,颜色,重量等等,创建自定义内容类型和字段可以使用 WordPress 的 Pods 插件,也可以使用在主题的 functions.php 文件里添加代码来创建内容类型的方法,这种方法在 《 WordPress 自定义内容类型 》里进过。

微信好友

用微信扫描二维码,
加我好友。

微信公众号

用微信扫描二维码,
订阅宁皓网公众号。

240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点