BLOG
Enjoy when you can, and endure when you must.
MAR 19, 2016/心得与分享
DannySite 5.0: Changed into a Responsive, Mobile-Friendly Website

新的一年,DannySite 也再一次迎来了全新的面貌。本次全面采用响应式布局设计。虽然做得不算复杂,也并不算完美,但多多少少算是一次美好的开始。跟上时代的步伐、创新与探索对于我们来说至关重要。另外还加入了对“主题”的支持,可以对页面部分元素和主题颜色等进行配置,凸显灵活与个性。

DEC 19, 2013/HTML
Viewport:移动浏览器的虚拟窗口
用现在的手机浏览器打开一个传统的(即仅针对PC版进行优化)网页,大多数情况下可以发现它也能在手机这样的小屏幕上完全显示出来,只是得放大页面才能看清楚。这样的效果是因为这些浏览器把页面放在一个虚拟的窗口(Viewport)中,并且通常这个虚拟的窗口会比屏幕宽,这样就可以保证在渲染这类网站的时候不至于会导致布局混乱的场景。不过有时候,我们可能不需要浏览器这样做,要想覆盖默认的画布缩放设置,可以借助于viewport meta元素。如下面这个示例:<meta name="viewport" content="initial-scale=2...
DEC 17, 2013/CSS
让媒体查询告诉你关心的信息
媒体查询是响应式网站设计中不可少的,它能够检测用户浏览器或设备的一些有用信息,以便让我们为用户提供一套最合适的渲染样式。创建媒体查询时,最常用的是设备的视口宽度(width)和屏幕宽度(device-width)。不过还有其他很多可供媒体查询检测的特性,下面是一个总结,分享的同时也方便自己查阅。 媒体特性 说明 ...
DEC 06, 2013/心得与分享
DannySite手机版网页上线
又是一次小小的更新,目的主要是为了让自己的网站在手机上看着更舒服,所以这段时间尝试对手机做了适配,欢迎各位在手机上尝试哟! 从实现的角度来讲,这其实是调用不同的模板和CSS来渲染的,而不是采用当今更为先进的响应式网页设计。其主要原因还是对这块技术还处于学习入门阶段,等熟悉了再采用新的技术实现。 另外一点是,其实我并不想完全按照响应式的设计来动态调整样式。虽然这很好,但有时候我认为用户不一定真正喜欢这样的自适应。毕竟每个人的喜好都不一样,而提供接口让用户显示的去选择浏览手机版还是桌面版可能会更好一些。 对于图片等板块,目前都还只停留在基本的罗列展示,没有任何交互响...
1