转到正文

博客水木

一个学习总结与工作经验分享博客。

存档

分类: 网页设计

这篇文章主要为大家详细介绍了移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 先来几张效果图: 点击其中一张照片可放大,可支持图片文字描述: 同时支持分享功能: 支持手势放大缩小 使用js框架是PhotoSwipe。 PhotoSwipe是一个图片放大插...继续阅读

...

即使已经出现了不少资源整理类文章,但很多设计师在找素材时效率仍不够高。 东百度右花瓣地找安卓控件集合就浪费了大半天时间,关键是还不一定齐全;很好的设计素材却不能同时找到PSD、EPS、PNG版本,只能不停地转换格式……你很忙,效率却很低。这些都特别让人抓狂。 今天我们二次精选了一些设计网站,并逐一地去试用,...继续阅读

...

还没有学习过JavaScript模板引擎的知识,主要应用类似于将结构和行为分离出来的作用,让HTML和Javascript分工合作,有点MVC的意味,国内的公司也有一些Javascript模板引擎,这个handlesbars看起来介绍的挺好的。 介绍 Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建web模板。它采用"Logic-...继续阅读

...

CSS(Cascading Style Sheet)被译为级联样式表,做为一名前端从业人员来说,这个专业名词并不陌生,在行业中通常称之为“风格样式表(Style Sheet)”,它主要是用来进行网页风格设计的。通过设立样式表,可以统一地控制HTML(XHTML)中各标签的显示属性。可以使人更能有效的控制Web页面(或Web应用程序)外观,可以精确指...继续阅读

...

什么是Sass? Sass是一门非常优秀的CSS预处语言,他是由Hampton Catlin创立的。它可以减化CSS的工作流,使开发者更加容易开发,维护CSS样式。 例如,你是否在特定的样式表中查找和替换一个十六进制的颜色而烦恼?或者你正在寻找一个计算器为多栏布局的宽度计算而头痛?(不用担心,Sass能帮你解决这样的烦恼)。 本文将介...继续阅读

...

先来看一段样式,在wxss中 page{ background-color: cadetblue; background-image: url(../../../image/weixin_logo.png); background-repeat:repeat-x; background-position-y: top; } 注意,page前面并没有小数点,而且也不用被调用,它会自动被框架调用,使用里面的属性来设置当前页面。 效果图如下:...继续阅读

...

先来看一个示例 /*demo.wxml*/ <view> <view></view> <view></view> <view></view> <view></view> </view> /*demo.wxss*/ .demo-view{ display: flex; background-color: #ffffff; height: 100%; flex-direction: row; } .bc_green{ background-color: #00...继续阅读

...

// 在光标处插入字符串 // myField    文本框对象 // myValue 要插入的值 function insertAtCursor(myField, myValue) { //IE support if (document.selection) { myField.focus(); sel            = document.selection.createRange(); sel.text    = myValue; sel.select(); } //MOZILLA/NETSCAPE sup...继续阅读

...

以数位在职的资深H5设计师的动效使用情况为参考,整理出以下揭秘资源。 恐怕很多接触过H5制作的童鞋都会纳闷 N种动效摆在自己面前 用起来时却十分别扭 画面被自己搞得鸡飞狗跳似的 那么,H5动效的选取有迹可循吗? 有! 我根据目前广大H5设计师的动效使用情况 总结了一份H5动效使用手册,希望你能从中受益并拟出自己的套...继续阅读

...

css中overflow:hidden 不起作用了吗? 有同学遇到这样的问题,现象是给元素设置了overflow:hidden,但超出容器的部分并没有被隐藏,难道是设置的hidden失效了吗? 其实看似不合理的现象背后都会有其合理的解释。 我们知道,overflow属性值有这几种: visible:声明内容不会被剪裁。比如内容可能被渲染到容器外面。 hidde...继续阅读

...

无觅相关文章插件,快速提升流量