提升网站使用体验!掌握RWD响应式网站设计的优势!
RWD (Responsive Web Design) 响应式网站设计,是一种在不同萤幕尺寸、不同设备上都能提供最佳使用体验的网站设计技术。
设计网页的朋友都知道,当今天要制作网页载入,或是施工中的动态图片,就得使用Gif的动态图示,让网页可以更生动、有趣,但有用过的朋友都知道,由于Gif支援透明背景,所以可压在任何的图片或颜色上,但碍于Gif只支援256色因此图片时常会出现锯齿边缘,因此这时不妨可用SVG+CSS3动画,来取代Gif的动态图示,不但能保有高画质的图像且还是透明的,最近梅干无意发现到一个相当棒的平台,直接透过线上就产生出SVG Loading动画,且内建就有各式各样的Loading样式,同时还可更改Loading图示的颜色、大小、速度….等,因此有需的朋友,不妨看看啰!
Adobe即将在12月31日永远终止支援Flash Player,并在本周释出最后一个版本更新,并会在明年1月12日起封锁Flash内容。
骇客利用一些名不见经传且含有XSS漏洞的外挂程式,如上图的Easy2Map,针对仍採用这类旧款外挂的WordPress网站,发动攻击。专门提供WordPress网站安全服务的Wordfence本周指出,他们在过去一个月看到同一个骇客集团,针对逾90万个WordPress网站发动攻击,企图将造访相关网站的使用者导至恶意广告网站。
RWD和AWD的出现都是由于移动上网设备日益普及,针对不同设备(尤其考虑不同屏幕尺寸)及其使用条件(通常有比较低的频宽,流量和性能等) 对网页作出优化,以带来更好的用户体验。
看腻了汉堡钮的夹心造型吗?今天教你用 CSS3 以及简单的 javascript 让汉堡钮点击后变成 X 。
FontAwesome提供大家下载使用免费的网站图示因而广为人知,把icon作成文字所以无论怎么缩放都不会失真模煳甚至还可以变换颜色与大小,使用上比svg来得更方便,但虽然这些图示档不大,同时载入时却也相当可观...
文本溢出我们经常用到的应该就是text-overflow:ellipsis了,相信大家也很熟悉,但是对于多行文本的溢出处理确接触的不是很多,最近在公司群里面有同事问到,并且自己也遇到过这个问题,所以专门研究过这个问题。首先我们回顾一下以前实现单行缩略是可以通过下面的代码实现的(部分浏览器需要设置宽度)...
每次 Apple 发表会结束,出现新版的 macOS 或 iOS 时,我都很想仰天大喊「杀~人~喔~」。这次 iOS 11 当然有改新东西,但变化最大的是 iPhoneX 。
电商的竞争环境愈来愈激烈,除了与同类型B2C电商竞争外,更多品牌开始自己开始做电商,无论是行动版网页、apps,或是透过社群网站的购买功能及广告,都显示品牌的数位行销策略,已经大幅进步,离消费者愈来愈近。