1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符.它使用经典的serif字体和斜体来增强&符号. .amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal;} 2.段落首字符下沉 通常,这种效果会出现在印刷媒体上,如报纸或书籍.同样,如果网页布局合理,它也可以使用在We…

来自:WEB资源网 链接:http://webres.wang/31-css-code-snippets-to-make-you-a-better-coder/ 原文:http://www.designyourway.net/blog/resources/31-css-code-snippets-to-make-you-a-better-coder/ 在一篇文章中收集所有的CSS代码片段几乎是不可能的事情,但是我们这里列出了一些相对于其他的更有用的代码片段,不要被这些代码的长度所吓到,因为它们都…

在过去的几年中,jQuery一直是使用最为广泛的JavaScript脚本库.今天我们将为各位Web开发者提供10个最实用的jQuery代码片段,有需要的开发者可以保存起来. 1.检测Internet Explorer版本当涉及到CSS设计时,对开发者和设计者而言Internet Explorer一直是个问题.尽管IE6的黑暗时代已经过去,IE也越来越不流行,它始终是一个能够容易检测的好东西.当然了,下面的代码也能用于检测别的浏览器. 2.平稳滑动到页面顶部这是一个最广泛使用的jQuery效果:对…

[☞ 分享:最全最新的Python学习大礼包 ☜ 点击查看](https://mp.weixin.qq.com/s?__biz=MzU2MzgyODA4OA==&mid=100000592&idx=1&sn=6ee048d8420d213be8b10b87e58669ee&chksm=7c5507474b228e51cca78c46d40cb3bead597b18caa0356dcd228c349767a171bff12b5ceb2c#rd) >编译:Pita &am…

在一篇文章中收集所有的CSS代码片段几乎是不可能的事情,但是我们这里列出了一些相对于其他的更有用的代码片段,不要被这些代码的长度所吓到,因为它们都很容易实现,并且具有良好的文档.除了那些解决常见的恼人的问题外,也包含了一些解决新问题的新技术. 1. 垂直对齐 如果你之前遇到过这个问题,你就应该知道它是多么的烦人,幸运的是,现在你可以使用CSS3变换来解决这个问题: .vc{ position: relative; top: 50%; -webkit-transform: translateY(-…

Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发.但仍然有一些开发者迷恋着一些CSS2代码. 分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里.或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜. 1. CSS Resets 网络上关于CSS重置的代码非常多.本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就…

开发和测试小程序,需要借助微信官方提供的微信Web开发者工具进行预览和调试代码,从下载安装到使用,大致的流程如下: 1.下载安装包 下载地址传送门:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html根据所需的操作系统版本进行下载即可     2.安装微信Web开发者工具 下载后的安装包,wechat_devtools,接近80M大小   具体的安装过程略过,Next Step即可 3.申请小程序管理员账号…

Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发.但仍然有一些开发者迷恋着一些CSS2代码. 分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里.或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜. 1. CSS Resets 网络上关于CSS重置的代码非常多.本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就…

Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发.但仍然有一些开发者迷恋着一些CSS2代码. 本文将分享20段非常专业的CSS2/CSS3代码供大家使用,你可以把它们保存在IDE里.或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜. 1. CSS Resets 网络上关于CSS重置的代码非常多.本段代码是根据Eric Meyer’s reset codes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,…

Coursera课程<面向 Web 开发者的 HTML.CSS 与 Javascript> Johns Hopkins University Yaakov Chaikin Week1 Introduction to HTML5 对于网页来说,HTML定义的是网页的骨架(structure),CSS定义的是网页的风格(style),JavaScript定义的是网页的动作(Behavior). 使用http://validator.w3.org可以来验证你写的HTML是否符合标准. HTML标签的…

摘要:毫无疑问,HTML5已经成为当今最流行的一门技术,尤其是Web开发者们对HTML5的兴趣是日趋渐浓.HTML5的许多功能也都能在现代浏览器中得以实现.然而,作为开发者,除了关注HTML5的功能和开发工具外,你有对其API留意过吗?本文将为你提供5个非常实用的API,绝对让你收获满满! HTML5革命给Web开发者们带来许多超棒的JavaScript和HTML APIs,有些API已逐渐成为他们的好帮手.最近,我又接触到了5个非常实用的HTML5 API,在此和大家分享,希望这些API能帮助…

原文出处: mobilexweb   译文出处:罗磊(@罗罗磊磊)   欢迎分享原创到伯乐头条 喜大普奔,喜极而泣,喜当爹,随着iPhone 6和iPhone 6 plus的上市,ios 8终于在上周推送更新了.新的设备,新的分辨率.接下来这篇文章介绍下 iOS 8有哪些变化. 概述 简介 iOS 8 上的 Safari 的更新 iPhone 6 和 iPhone 6 Plus 新 Api 支持 Safari 新功能和支持 iOS 8 原生优化 Safari 插件 新的设计 视频增强 iOS 8…

我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTTP 协议有所了解,这样才能帮助你更好的完成开发任务.在这篇文章中,我将讨论什么是 HTTP,它是怎么产生的,它的地位,以及我们应该怎么使用它. 作者:Kamran Ahmed来源:Linux中国|2016-09-28 22:44 收藏 分享 自从我写了上一篇博文之后,就再也找不到空闲时间写文章了.今天我终于可以抽出时间写一些关于 HTTP 的东西. 我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTT…

前言 这是一份旨在增强团队的开发协作,提高代码质量和打造开发基石的编码风格规范,其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分.我们知道,当一个团队开始指定并实行编码规范的话,错误就会变得更加显而易见.如果一段特定的代码不符合规范的话,它有可能只是代码风格错误,而也有可能会是 bug.早期指定规范就使得代码审核得以更好的开展,并且可以更精确的地定位到错误.只要开发者们能够保证源代码源文件都严格遵循规范,那接下去所使用的混淆.压缩和编译工具则可投其所好不尽相同. 要…

代码调试平台是Web开发者进行开发.测试.分享.协作和交流的网络应用,它们支持实时的编辑.预览HTML.CSS和JavaScript的客户端代码.这些代码调试平台最值得称道的地方在于,它们中的大多数都是免费的,你可以很容易的以学习或者调试程序为目的与他人分享你的工作. 就个人而言,这些web应用程序在日常工作中给我带来了不小的帮助.每当在使用JavaScript或者CSS编程碰到瓶颈的时候,我可以在代码调试平台上分享自己的代码并邀请其他的开发者朋友来解决.这种模式的有趣性和互动性对于新手的学习有…

HTML已经走过了近20的发展历程.从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展.但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意.下面,向大家介绍这些应该遵循的开发原则. 1.善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点.将这些内容用DIV标签包含起来,页面的代码会呈现出整洁.缩进良好的风格. 1 2 3 4 5 6 <div id="header"></div>  <di…

转摘:http://www.csdn.net/article/2014-05-19/2819818-technical-details-programmer 在网站发布前,开发者需要关注有许多的技术细节,比如接口设计.用户体验.安全性.Web标准.性能.SEO等,倘若一个疏忽就会影响到整体的体验效果.在Stackexchange上有人提出:作为一名Web开发者,哪些技术细节是需要考虑的?作者Hedgehog对该文进行了编译,这些资源有助于你了解一些关键技术,比如HTML.HTTP.XML.CSS…

HTML 已经走过了近20的发展历程.从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展.但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意.下面,向大家介绍这些应该遵循的开发原则. 1.善用DIV来布局 当开发一个Web页面时,要考虑第一件事就是区分页面重点.将这些内容用DIV标签包含起来,页面的代码会呈现出整洁.缩进良好的风格. 1 2 3 4 5 6 <div id="header"></div>  <d…

写在前面的话:从事web前端开发也有一段时间了,今天主要想分享的是文字(代码)编辑器.对于编辑器每个人都有自己的偏爱,也分不同语言的编码者,这里我就拿我接触过的来说说吧! Web开发者用什么编辑器? 相信这个问题如果在几年之前被问出来,一定会有人毫不犹豫地回答Adobe的Dreamweaver.没错,直至现在,我们都不得不说Dreamweaver是一个非常易于上手的编辑器,而且它提供的功能非常有特色.我也是从Dreamweaver开始编程的,在我一开始接触前端行业的时候官方版本是需要收费的,当然…

随着 Web 开发产业的爆发式发展,许多人会问这样的问题:我如何才能成为一名 Web 开发者?我认为这是一个错误的提问.问题应该是:我如何才能成为一名成功的 Web 开发者? 能提出这样的问题很重要,因为世界上许多人都是 Web 开发者,但是他们中有多少人是成功的? 我写这篇文章的目的是为了用心态.知识和技能来装备你们,让你们能从人群中脱颖而出,让你们的 Web 开发事业取得真正的成功——不管你们是在公司还是在创业. 这篇文章的目的是为了鼓励那些 Web 开发者和那些正在挣扎着冲破“平庸障碍”的…

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://tutorialzine.com/2017/08/12-terminal-commands-every-web-developer-should-know 在开发者的弹药箱里,命令行是最具生产力的工具之一.掌握它们可以给你的工作流程带来非常积极的影响.因为,许多日常任务都可以用一条命令然后按回车来解决. 在本文中,我们为你准备了一系列常用命令,帮你充分利用你的终端.这其中有些命令是…

微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折. 注:带 * 的步骤或文件为不确定是否管用的步骤或文件.本人系统为Linux Mint 18.1版本. 1.下载nwjs 下载nwjs的SDK. 2.将微信web开发者工具拷贝到nwjs 将在window系统下安装的微信web开发者工具文件夹中的package.nw.icon.ico.* 微信web开发者工具.exe拷贝到nwjs sdk解压后的文件夹内. * 解压 微信w…

SPIRE.DOC - .NET开发者的福利 前面我们使用过Spire.XLS for .NET Component创建Excel文件.最近试用了下.DOC 方面的API.这次测试的产品是.通过使用Spire.Docfor .NET,我们可以将Word Doc/Docx保存到流文件,保存为网页响应模式并且可以将Word Doc/Docx转换成 XML, RTF, EMF,TXT, XPS, EPUB,HTML.通过它,开发者们可以建立任何类型的32位或64位的应用程序,包括C#, VB.NET,…

1.Allow-Control-Allow-Origin    安装此插件解决跨域问题,在本地起服务器可访别的域的数据. 需在Access-Control-Expose-Headers加上Allow-Control-Allow-Origin: *(表示允许所有ip访问) 2.clear Cache    一键清浏览器缓存. 3. EditThisCookie     EditThisCookie是一个cookie管理器.您可以添加,删除,编辑,搜索,锁定和屏蔽cookies! 4.Postman…

这两本书就一块儿搞了,大多数已经理解,简单做个标记.主要对自己不太了解的地方,做一些记录.   一.读<高性能网站建设指南> 0> 黄金性能法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上.其余的80%~90%时间花在了下载页面中的所有组件上. 1> 尽量减少HTTP请求 2> 使用CDN 3> 添加Expires头 4> 采用Gzip压缩组件 5> 将样式表放在顶部 6> 将脚本放在底部 7> 避免CSS表达式 8> 使…

通过CSS来创建精细.复杂的效果,成为了Web前端开发的未来趋势.世界各地的设计师认为CSS3是一项非常具有潜力的技术,未来将会创造更多不可思议的美妙设计. 本文为Web开发者带来了一些与CSS3相关的教程,通过这些教程,你可以快速.直观地了解到CSS3的强大功能. 1.  基于伪元素的CSS按钮 在本教程中,你将学习如何创建具有按下效果的按钮,每个按钮仅使用一个锚点标记,但是具有非常棒的效果. 演示 / 下载 2.  打造倾斜效果 在Web设计中使用一些非直线元素,会带来意想不到的效果,更能吸…

1. Cloud9 IDE cloud9 Cloud9是我最喜欢的一个最好的云开发环境,它可以让我在任何时间任何地点进行代码编写.运行和调试.Cloud9对Node.js 和 JavaScript代码的运行和调试进行了特别设计 ,而且基于这些应用,开发者也可以对 Python.Ruby和Apache + PHP进行运行和调试. 这就是为什么它能成为所有UI设计人员和开发人员的理想的平台. Cloud9的特性: 对C#.C++.Python.Perl.Ruby.Scala和其它几种语言设置语法高亮…

想成为一个高效的Web开发者吗?来看看大牛分享的经验吧~ 作为一个软(ku)件(bi)工(de)程(ma)师(nong),你有没有觉得做什么事都没时间?没时间学习新东西,没时间去回顾.整理原来写的烂代码,没时间写单元测试,没时间给接管你项目的家伙写文档,没时间思考,没时间喘气,没!时!间! 额--如果你肯花点时间看看这篇文章,我相信你会明白应该把时间花在哪. 我曾以为成为一个技术大牛的唯一途径是玩命地学习与工作.这个想法差点毁了我.身体越来越差,和家人与朋友越来越疏远,很快我就撑不住了.后来我开…

要成为高产.高效的Web开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果. 下面是10个提高效率的步骤,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的Web开发流程,使开发的每一个环节快速.流畅.还可以帮助你节省大量的时间,以便开发更多.更好的项目. 1. 使用Web开发框架 一个良好的Web开发框架,可以帮助你: 解决常见的Web开发问题,如标准的Web页面布局.Web表单处理.浏览器兼容性解决等). 测试Web开发的bug.安全和性能. 使代…

作为 Web 开发者,对自己的行业前景,人人都有自己的看法,然而,任何行业都有出人意料的地方.著名的 Web 开发设计博客 Nope.com 曾向他们的读者做了一个调查,请他们列举 Web 开发领域那些让他们感到意外的事情,收到了各种各样的反馈,本文就是这次调查的结果与分析. 一个真正的符合 Web 标准的 IE 这个消息让我们振奋,在经过 9 个版本更替后,我们终于看到了(或者说即将看到)一个真正符合 Web 标准的 IE 浏览器.在 Web 开发设计界,人们对 IE 的忍耐到达了极限,最终,…