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

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

牛人整理的前端知识体系大全与前端知识结构图

前端知识结构图 一张图足以让你了解web前端工程师需要做哪些工作以及需要掌握哪些技能。   下面就是牛人整理的前端知识体系大全,让各位APP设计师想要转行做前端开发的同学们提供一些参考的文案和网址。   1. 布局框架: Bootstrap: http://阅读全文 »

一套视觉稿适配所有移动设备的js框架:pageresponse

让H5适配所有的移动设备 目前很多APP设计师已经开始在为h5做一些设计工作或者很多小伙伴也开始尝试学习H5的知识啦。 那么要想一套视觉稿适配所有移动设备,肯定得想个办法啊。除了用rem单位以外,还可以采用js来实现。 比如今天25学堂要分享的就是前端大神白树的一个一套视觉稿适配所有移动设备的js框架:pager阅读全文 »

iPhone6在微信上的设计尺寸兼容与微信图文尺寸

微信h5设计 最近很多小伙伴都在问一些关于微信上的UI界面设计的问题,比如设计尺寸、图标、如何兼容等等。还有一些微信单图文和多图文的图片设计尺寸问题。 今天,25学堂在此一一跟大家说一下。有兴趣的小伙伴可以阅读一下: 1、移动端H5页面的设计稿尺寸大小规范 2、当当网的H5触屏版的UI视觉设计规阅读全文 »

超简单的带加载动画的ajax无刷新图片上传案例源码分享

12313 最近25学堂的几个同学在学习一些H5方面的前端知识。 刚好跟他们学习到了一个h5案例,需要上传图片的功能。算是一个超级简单的ajax 提交数据的案例。 知识点分析: 1、上传图片采用流的方式。 2、因为是移动端,方便快速加载数据,需要给出加载动画或者是等待提示。 3、避免重复提交图阅读全文 »

最热门的四款在线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。 对于开发者而言,应用号节省开发成本,维护更新简单。只需研发出阅读全文 »

优秀的产品运营课程