分类目录:HTML/CSS

DIV+CSS 页面布局

[Tips]Sublime Text编辑文件后快速刷新浏览器

作为Web开发人员,我们经常会这么做:在编辑器中调整代码,保存文件,切换到浏览器,然后刷新浏览器页面来查看结果。在代码编辑过程中,我们需要重复进行很多次这些操作。如果你使用的是Sublime Text编辑器的话,你可以跳过其中一些步骤直接在浏览器中查看结果。这篇文章就为大家展示如何通过一个叫做BrowserRefresh-sublime的Sublime Text插件来实现上述功能。

Sublime Text技巧总结

Sublime Text相关文章: 《Sublime Text常用插件总结及Package Control安装方法》 《在Sublime Text创建一个JavaScript控制台》 1. 在Sublime Text控制台打开命令Log 按ctrl+~打开Sublime Text控制台,在控制台输入如下代码回车(PS:注意大小写): sublime.log_……

在Sublime Text创建一个JavaScript控制台

JavaScript控制台可以方便的调试你的脚本,并获得结果。虽然Sublime Text为许多其他脚本内置了Build Systems,但并没有为JavaScript内置Build Systems。一般人都会创建一个.html文件,把.js文件引入进去,然后用浏览器的控制台来检查你脚本的运行结果。你需要不断的切换窗口、刷新浏览器。幸运的是,你可以简单快速的为Sublime Text创建一个JavaScript Build Systems。

Sublime Text常用插件总结及Package Control安装方法

Sublime Text 是一个代码编辑器,具有漂亮的用户界面和强大的功能,并且它还是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。本文主要分享几款我用到的插件。Sublime Text插件安装方法:在介绍插件之前,先写下Sublime Text安装插件的方法,主要有以下两种:

[译]再来11款漂亮的Bootstrap后台管理模版

你正在想建立下一个大的APP或者Saas应用程序?或者你只想建立一个客户端后台?不管哪种情况,从头建立一个仪表盘是一个很大的工程量,此外,你可能也不懂得如何把仪表盘设计的漂亮、醒目。感谢Bootstrap框架,许多设计者已经创建出了很多带有有用组件的响应式的后台管理模版。

[译]提高网页设计的视觉CSS3教程-字体效果、按钮样式、导航条

我们为你列出了下面的一些教程。其中一些是视频教程,可以让你在视觉上看到如何通过CSS3的帮助来实现不同的功能。我们知道,阅读这个可能有些无聊,所以我们决定添加一些视角效果。互联网上的CSS3教程很多,但是这里列出的是一些提高WEB设计的视觉CSS3教程,你可以通过这些教程来提高你的至少并且节省很多时间。享受下面的阅读吧,一如既往的,我们欢迎您的意见。

[译]如何测试一个手机站点

移动浏览器的使用与日剧增。据 StatCounter 统计,手机和平板电脑产生的流量约占网络流量的30%左右。这就意味着消费者对移动网站的需求比以往任何时候都高。鉴于消费者各种各样的移动设备,即使是像 Mobile-first 响应式式设计这样的智能技术,在站点交付前的测试也是非常关键的。

[译]20款免费的 Bootstrap 后台管理模板

看一下下面的20款免费的 Bootstrap 后台管理模板,这些模板都是轻量级的,可以确保你的网站速度不受影响。它们都是相应式的设计,所以支持任何屏幕显示。它们也支持视网膜屏幕,这意味着你可以在更高的分辨率下观看。最关键的是,所有下面的这些主题都是免费的!