CSS所能做的就是改变网页的布局、排版和调整字间距等，但编写 CSS 并不是一项容易的任务，当你接触新的 CSS3 属性及其各自的浏览器前缀的时候，你会发现很伤脑经。值得庆幸的是一些优秀的开发人员提供了很多在线的 Web 应用程序来帮助我们。 1. Skyline Skyline helps you create a design system for your website. It encourages a well thought-out CSS architecture, and enables you to develop a reusable and ma...
=================== The first blog of Rebecca. =================== 配置好Sublime和插件之后，可以学习具体的Html的标签知识点了。这部分只是知识点，记忆就好。 ----------------------------------- 先来点儿技巧 Tips1：在html格式文件首行，输入“html:5”后，按Tab键，自动出现H5版本的模板，很方便哦！如下图： 新项目直接使用HTML5标准，像4s 4t xs都过时了。 ---------------------------...
最近在接入各种支付机构，鉴于各种产品业务需求不同，具体开发实现不尽相同，不讨论具体业务实现。银联官方商家技术服务网站提供了很多可接入产品，本文仅讨论以下几种收款产品： 网关支付(和手机网页支付(WAP支付)其实一样) 手机控件支付 无跳转支付一、网关支付&WAP支付先讨论这两种支付方式，比较简单而且容易理解，这两种支付方式只需要我们将请求参数值设置好，签名，组装成HTML返回给前台界面[java:response....
Git 项目推荐 | Go 语言开发的静态网站生成器_html/css_WEB-ITnoseAbout goskgosk is a static site generator written in Go.FeaturesMarkdown supportCustom theme supportGetting startedinstall golang first, if you dont have,see http://golang.org/doc/install(Notice:go version must >=1.2)$ go get github.com/scottkiss/gosk Compile gosk$ cd $GOPATH/github.com/scottkiss/gosk/bin$ go build gosk.go if build ...
前阵子看到一个类似bootstrap的前端UI框架，好奇心驱使下，去琢磨了一些，最终决定网站改版用这个UI试试效果： 首页+头部： 投稿页： 现成拷贝过来的评论列表： 总结： 上手难度： （熟悉bootstrap）：★ （不熟悉bootstrap）：★★★ 优点： 一、很多组件都能直接用，常用组件基本都有了，比较适用于快速开发； 二、官网文档挺详细的，新手入手的话基本没什么压力； ...
web前端开发-移动端页面开发资源总结 工作了有一段时间，基本上都在搞移动端的前端开发，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！ 一、meta标签相关知识 1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。 2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面。 3、禁止将页面中的...
Package Control 在 Sublime Text 上大家都用 Package Control 来管理安装插件，所以它是我们要安装的第一个插件，安装方法见这里。关于 Package Control 的使用方法这里不再赘述。 JSHint Linter 是帮助你检查代码问题的一类工具，帮你发现潜在的错误或不好的代码习惯。JSHint 是检查 JavaScript 代码的好工具，支持很多编辑器和 IDE 。 Sublime 上要使用 JSHint 可以安装：SublimeLinter-JSHint 插件。注意安...
对于一份工作，你可能专注于修炼自己的内功，会在不自觉中忽视软技能。硬技能决定你是否能得到工作，而软技能能够表明你是否适合这份工作和适应工作环境等。所有的公司都有属于自己的文化，并努力将这些文化传承下去，所以他们必须确保每一位新员工能够适应这个环境。 许多硬技能很容易获得并可很快的提高，而软技能由于和你性格等联系紧密，可想要改变他们是一件很困难和缓慢的事情。这里有七个核心的软技能，适用于大...
SASS组件开发 SASS预处理器，增加了css所没有的编程能力，带来了前端开发的效率提高，以及扩展了css的编写技巧。 组件开发 设计一个表单提示层（包括成功success，警告warning，错误等状态error）组件，css需要定义基本样式字体（font-）、外内边距（padding，margin）、显示方式（display）、边框（border）以及其他相关的内容，再为单独的状态定义需要的样式。 css组件开发 先定义基本样式，再对每一个状态定义一...
最近开始学习并且使用，发现使用它写起css来真的是各种爽 安装sass，compass sass是依赖于ruby的，必须先安装Ruby，点击下载 下载完ruby之后，使用命令行安装sass gem install sass 使用命令，sass-v compass-v 查看是否安装成功 出现上图情况则为安装成功 sass的使用及优点 sass官网： http://www.w3cplus.com/sassguide/ sass功能： 定义变量,数值计算...
大道至简 上一章节我们学会了padding的用法，padding是为我们的文本区域添加内边距，类似于礼品盒的泡沫区域（即保护区域），那么盒子都是有外边的硬纸壳的，这在我们的web开发中会有对应的属性吗？ 答案很明显是有的，就是我们今天的主角border。请看下列代码： Border div { width: 200px; height: 200px; background-color: red; border: 5px solid orange; } bo...
一、轻巧的CSS和HTML开发软件 : Quick CSS Menu简介 这是一款Mac平台的轻巧的CSS和HTML开发软件，有了它你就能轻松创建一个标准的下拉菜单，让开发变得更加简单。虽然CSS是很容易学习和使用的，但创建菜单与CSS会很费时，肯定是一个繁琐的工作。CSS属性的大量需要正确设置来创建一个漂亮的菜单。使用Quick CSS Menu，过程更有趣。只要点击这里和那里比你的菜单是准备使用。 二、轻巧的CSS和HTML开发软件 : Quick CSS Menu截图...
曾回忆2010年时候看过他写的书，近段时间微博上的各种“撕逼”，以及广开收徒事情，让他站在了风口浪尖，有人支持，有人反对。那么今天我们就来看看阿当前辈在自己的前端生涯的经历。 正文从这开始～ 自我介绍，所服务的公司 我是曹刘阳，圈里的朋友们叫我阿当。现在在岗岭集团工作，互联网医疗领域。 你是基于什么情景上选择了前端工程师，以及在所服务的几个公司来看，你觉得哪一段经历对你影响最大，为什么？ 说...
项目情况 我使用的是express做为服务器框架，只需要调用后台API接口获得数据，然后把数据渲染成html就可以了。最好能使用一套模板渲染前后端的数据，也就是模板和某些简单组件可以同构。 服务端渲染vue组件，使用 vue-server这个插件。他的用法和vue差不多。这样做的目的是首屏服务端渲染，提升页面展示速度。 开发组件 因为需要让服务端也能使用，单.vue文件的开发方式我目前是没有找到可以让node读取...
关于CSS 书写顺序 位置 display float position transform 自身 width height margin padding border background 文本 font text 动画 transition animation 当然网上还有其他推荐的写法，差别在于background在文本前还是后。 考虑原因 提高CSS的可阅读性（团队） 减少冗余代码（手一抖或者中途被打断，前后写了一样的属性） 快速定位代码块，...