Web 前端设计语言

总计 24 页,当前第 18 页
特效篇 / 插件篇

使用 Prism.js 实现漂亮的代码语法高亮

最近有好几个人问我使用的是哪个代码高亮插件?其实我并没有使用 WordPrees 插件,而是直接使用了一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建。为什么选择 Prism.js ?极致易用引用 prism.css 和 prism.js,使用合适的 HTML5 标签(code.language-xxxx),搞定!天生伶俐语言的 CSS 类是可继承的,所以你只需定义一次...
8年前 (2016-09-10) 阅读(2818) 赞一个 (2) 评论(0) 链接直达
Web 前端设计语言

10 个优秀的占位图服务

在开发网站时,经常需要填充一些图片来预览页面效果,如果设计没有提供的素材,这时我们就需要占位图片,通过 URL 定制形如 placehold.it/300/200 的地址就可以得到一个占位图片。下面就来细数 10 个优秀的占位图片生成网站。Placehold.itA quick and simple image placeholder service.特点:老牌服务,支持 HTTPS可定制:尺寸、颜色、文字、格式http://...
8年前 (2016-09-10) 阅读(4103) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

浏览器知道你的哪些信息

在不弹出权限询问的情况下,浏览器可以获得你的哪些信息?除了常见的 IP、地理位置、系统和浏览器版本,其实还能获取本地 IP、CPU 平台、显卡型号、登录过的社交网站等等信息。What every Browser knows about you 展示了浏览器知道的所有关于你的信息。本文就来一一解释下所使用的技术。 地理位置(Location) 经纬坐标和位置信息...
8年前 (2016-09-10) 阅读(2590) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

【插件】CodeMirror.js教程

CodeMirror 是一个基于JavaScript的代码编辑器,你可以将其嵌入到任何支持JavaScript的页面中。 CodeMirror 是一款“Online Source Editor”,基于Javascript,短小精悍,实时在线代码高亮显示,他不是某个富文本编辑器的附属产品,他是许多大名鼎鼎的在线代码编辑器的基础库。CodeMirror支持大量语言的语法高亮,包括C、C++、C#、Java、Perl、PHP、Jav...
8年前 (2016-09-07) 阅读(8241) 赞一个 (2) 评论(0) 链接直达
特效篇 / 插件篇

【特效】JavaScript网页自动渐变色

偶然的今天看到一个国外网站 http://www.alohaeditor.org/,发现首页背景自动渐变,感觉很有意思,查看源码发现如此简单,具体的代码就不多讲了,哪怕新手也是一看就能看会的,具体示例代码如下示例<!doctype html> <html>  <head>   <meta charset="UTF-8&q...
8年前 (2016-09-05) 阅读(2397) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

在宇宙飞船里上班是一种什么体验?有道云笔记这H5广告 大写的服

在宇宙飞船里上班是一种什么体验?玩完这个跨界营销H5,只能送上一个大写的服。360°全景3D层次感极致逼真的星际迷航飞船空间还原紧凑流畅、跌宕起伏的剧情设定足足原地转圈圈看了十遍!不多说,请自行感受手机扫码体验太会玩,想知道这么炸裂的H5到底花了多少钱!!!...
8年前 (2016-09-02) 阅读(2313) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

分享10个原生JavaScript技巧

首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的。把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作效率。1、原生JavaScript实现字符串长度截取function cutstr(str, len) {     var&n...
8年前 (2016-09-01) 阅读(2253) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

Html中 a标签 去掉手型

利用css中的cursor属性来去掉a手型,一般情况下,a标签都是默认有手型的,其实就是cursor:pointer;ie中cursor:hand;因此若想要去掉手型,只需设置为cursor: default便可,一般显示为一个箭头。<style type="text/css">     .clear-pointer {  &nbs...
8年前 (2016-09-01) 阅读(6660) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

10张思维导图带你学习Java​Script

学习的道路就是要不断的总结归纳,好记性不如烂笔头,so,下面将po出10张JavaScript相关的思维导图。思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想...
8年前 (2016-08-31) 阅读(2274) 赞一个 (1) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅