当前栏目是: HTML5+CSS3_HTML网站模板_DIV+CSS技术分享

阐述W3C版准的HTML5规范和CSS3规范的相关内容,并展示一些优秀的HTML5+CSS3网站,可以帮助网页设计师们完整系统、快速有效地掌握HTML5和CSS3的相关知识。

最热门的四款在线H5微场景设计平台对比与评测

初页-H5-在线制作平台 目前在线H5微场景设计制作平台很多,可以说真是百花齐放。同时也我们的日常生活和工作带来很大的改变。在线H5微场景设计平台对每一个人来说,都可以轻轻松松的设计制作出属于自己的移动宣传页。也称为这样的页面为用于移动端显示的高品质HTML5页面。 因为H5是集文字、图片、音乐、视频、链接等多种形式的阅读全文 »

移动前端开发设计童鞋的福利神器:Lottie库

lottie-动画神器 最近有一个动画神器库火了,特别是在移动开发的同学们圈子里面,这个神器就是 Lottie Lottie库是一个可以用免费插件Bodymovin       可以把AE动画直接导出为iOS,Android和React Native library的代码供开发者使用。   阅读全文 »

移动H5开发工具:10个在线预览CSS3动画工具

CSS3 动画特效库 现在移动H5的开发越来越频繁,而且移动端的动画插件也很多,为了实现很酷炫的动画效果,有些时候需要借助一些成熟的CSS 动画工具或者是纯CSS动画框架。 今天25学堂就跟大家分享10个在线预览CSS3动画工具。让大家在线预览和调试出好的css动画。   1、 Animate阅读全文 »

2017年最值得H5前端学习的60个JS插件(含DEMO演示)

%e6%9c%80%e5%80%bc%e5%be%97h5%e5%89%8d%e7%ab%af%e5%ad%a6%e4%b9%a0%e7%9a%8460%e4%b8%aajs%e6%8f%92%e4%bb%b6 今天是前端开发福利日,25学堂的小编给大家收集了11大类,60多个前端js高性能插件和js库。也是2017年最值得H5前端开发人员学习的JS插件(含DEMO演示)。 供大家在2017年快速学习H5前端开发提供了最可靠的js解决方案。 当然,你可以好好的收藏起来,等你用到的时候,再来学习和阅读全文 »

微信h5开发之滑动翻页效果组件推荐:iSlider

%e5%be%ae%e4%bf%a1h5%e5%bc%80%e5%8f%91%e4%b9%8b%e6%bb%91%e5%8a%a8%e7%bf%bb%e9%a1%b5%e6%95%88%e6%9e%9c%e7%bb%84%e4%bb%b6%e6%8e%a8%e8%8d%90%ef%bc%9aislider-demo2 如今微信H5开发越来越频繁,很多设计师也开始转行来学习移动H5开发,除了设计一些精美的UI界面以外,自己也想编辑一些高效性能的前端H5代码。 比如目前最常见的 应该是微信h5的滑动翻页效果吧。无论是纵向滑动翻页,还是横向滑动翻页,在配合CSS3动画效果组件就可以快速完成一个绚丽的H5案例。 阅读全文 »

H5学习笔记:H5前端性能优化之预加载知识

H5前端性能优化技巧 作为一名专业的前端攻城狮,必须需要了解一些web前端性能优化方面的知识点。 之前25学堂分享了一个web前端性能优化的信息图表,有兴趣的小伙伴可以看下。 1、WebAPP移动前端性能优化规范和设计指导 2、5个CSS性能优化减肥工具|web前端开发必备资源 3、手机网站Htm阅读全文 »

APP设计师学习H5开发的准备阶段:H5编辑工具的选择

穿越宇宙的邀请函H5欣赏 如今移动web前端的代码编辑器真是百花齐放百家争鸣,上下几十种各有千秋,历史悠久的DW、VIM、Emacs以及当红的Sublime Text、HBuilde,还有EditPlus、NotePad++等等。 也是为那些APP设计师想要跨界学习H5开发的童鞋们的一些建议和入门知识。 &nbs阅读全文 »

webAPP最常用的活动促销案例:大转盘H5抽奖特效

幸运大转盘H5设计图 今天25学堂跟大家分享一个移动H5开发当中,最常用的一个H5效果。那就是幸运大转盘抽奖特效。 当然,网上有很多类似的大转盘H5抽奖源码的分享和设计效果图展示。 25学堂分享的目的是告诉大家如何去修改先有的H5特效源码为我们的H5项目所用。   H5项目的名称是:幸运阅读全文 »

五款轻量级的web前端框架和H5前端框架的点评

getuikit 如今web前端框架很多,除了日常我们用到的那些常见的web前端框架以外,还有一些比较小众化或者说刚刚兴起来的web前端框架。 目前主流的web前端框架有:Bootstrap、妹子UI、MUI移动前端框架等之外,国内的一些前端大神和前端大神团队琢磨出了以下几个不错的web前端框架。 &nb阅读全文 »

2个高性能的JS模板引擎推荐:artTemplate和juicer

juicer 最近学堂君的有个好朋友在咨询我们一些前端开发人员时,问道目前大家都在用的一些比较高性能的js模板引擎是哪些? 于是乎,群里的很多小伙伴都有自己的一些推荐和用法心得。 今天,25学堂的小编给各位webAPP 开发的小伙伴推荐2个目前来说,用的人数较多, 受到前端开发工程师喜爱的js模板引擎阅读全文 »

webapp改成微信小程序

咫尺网络大课堂 自从微信火了以后,围绕微信开发的商家和工具层出不穷,特别是微信应用号。 张小龙说:用户关注了一个应用号,就像安装了一个App一样。这样微信将被打造成一个全新的App store,而每一个应用号就是一个个的webapp。 对于开发者而言,应用号节省开发成本,维护更新简单。只需研发出阅读全文 »

最实用的web前端开发知识框架图,值得珍藏

web前端开发知识框架图 今天学堂君在整理相关web前端开发自学知识的时候,发现了一些牛逼的web前端开发工程师已经帮我们整理出来非常方便收藏和学习的知识框架图。非常的实用!无论你是web前端工程师 还是打算进入或者转型web前端开发行业的童鞋们来说,是非常不粗的指路灯! 把整个web前端开发所需要的知识都之中在一个视阅读全文 »

设计师的专属H5创作工具以及H5制作视频教程

屏面H5设计工具 今天25学堂跟大家推荐一个最好用的设计师H5页面工具——屏面H5制作。 一个专门给设计师用的H5软件屏面,有70多种数据,还能添加连续动画,重点是psd导入功能太好用了,psd文件直接置入H5工具,省去好多把图片导成png的时间,强烈推荐。 屏面是一个专门为专业设计师打造的H5创阅读全文 »

图片展示的HTML5模板下载,不错的设计师主页模板

html5模板3 作为一名优秀的设计师,没有一个独立展示自己个性和精美UI设计作品的官网,说出来都不够有逼格,有身份。 今天25学堂就帮大家整理了四套非常不错的图片展示的HTML5模板。可以用来作为设计师的主页模板。   第一个图片展示的HTML5模板:Phantom This 阅读全文 »

Html5学习工具:CSS3动画手册和CSS3动画生成工具

css3-动画手册 这是一个学习HTML5+CSS3动画的优秀工具,让你快速掌握HTML5+CSS3动画的必备学习手册。一般人,学堂君都不告诉他哦~呵呵~ CSS3动画手册[Guide] - CSS3动画参考 出自腾讯 Tencent ISUX 团队,非常感谢这么优秀的前端团队贡献和整理出这么好的CSS3动画学习阅读全文 »

优秀的产品运营课程

UIUE交互设计课程