最酷 html JavaScript

2024-11-02

2018 年 -- 15 个有意思的 JavaScript 和 CSS 库

在Tutorialzine上你可以了解最新最酷的Web发展趋势.这就是为什么每个月都会发布一些偶然发现并认为值得你关注的最佳资源的缘由. Direction Reveal (方向展示) 该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡.它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画. Carbon Carbon允许你创建并分享代码组成的美丽图像.你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写代码.你可以通过更改字体样式.编辑器主题.语法高亮和甚至窗口

超酷的JavaScript叙事性时间轴(Timeline)类库

在线演示 Timeline 是我见过的最酷的展示事件随时间发展的javascript实现.你可以基于时间使用讲故事的方式来创建时间轴特效,整个时间轴以幻灯的方式来展示,你可以穿插图片,视频或者是网站,而且拥有非常华丽的动画效果和缩略图效果,非常适合做网站的关于我们功能. 主要特性支持外部社交网站,例如,twitter.com, youtube,flickr,vidmeo,Google Maps 开源免费文档齐全使用简单支持数据格式:JSON,Google Doc,HTML 如何使用插入

非常酷的 Javascript 简单调试工具Blackbird

Blackbird 是一个开源的 Javascript 调试工具,默认提供一种非常酷的方式展现 Javascript 调试信息,如下图,效果如何呢? 在我们的日常的学习或工作中,经常都会接触到 Javascript,有时为了进行一些简单的调试,我们也许会采用 alert(),但有时也是很麻烦的,比如在一个循环中,我们可能就要点击 n 次的弹出窗口了.但现在有了 Blackbird,我们就可以和 alert() 说拜拜了. 虽然有人说会很多 Javascript 类库都有类似功能,但我可不想因为进

19个非常有用的Javascript类库

Blackbird是一款非常酷的JavaScript调试工具,带有一个漂亮的界面显示和过滤调试信息. http://www.gscottolson.com/blackbirdjs/ Treesaver是一个用于创建杂志布局的JavaScript框架. http://treesaverjs.com/ Bibliotype是一个简单的基于HTML.CSS 和 JS,用于快速原型制作的的框架. http://craigmod.com/bibliotype/ Highcharts是一个纯JavaScri

19个很有用的 JavaScript库推荐

流行的 JavaScript 库有jQuery,MooTools,Prototype,Dojo和YUI等,这些 JavaScript 库功能丰富,加上它们众多的插件,几乎能实现任何你需要的功能然而需要实现一些特定的功能,则可以选择功能更专一的轻量库,今天这篇文章与大家分享16个很有用的 JavaScript 库. Blackbird: Open Source JavaScript Logging UtilityBlackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界

HTML初学者的三十条最佳

颜海镜专注web前端,分享html,css,javascript等相关知识…… 给HTML初学者的三十条最佳实践 Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务.如果我们发布太多高级教程,我的新手用户将无法从中受益.相反也是如此.我们尽我们最大的努力,但如果你觉得你被忽略了请联系我们.这个网站是为你服务的,所以说出来!如此说来,今天的教程是专为那些刚刚进入web开发领域的人准备的.如果你的经验是一年或更少,希望在这里列出的一些技巧将帮助你成为更好.更高效的开发者! 闲话少

Web性能优化系列（3）：如何延迟加载JS

本文由伯乐在线 - J.c 翻译,sunbiaobiao 校稿.未经许可,禁止转载!英文出处:www.feedthebot.com.欢迎加入翻译小组. 延迟加载JavaScript JavaScript的延迟加载是那些在web上,能让你想抓狂地去寻找解决方案的问题之一. 很多人说“那就用defer”或“async”,甚至有些人说“那就将你的javascript代码放在页面代码底部”. 上述方法都不能解决在web页面完全加载后,再加载外部js的问题.上述方法也会偶尔让你收到Google页面速度测

BI 可视化

1. Blackbird: Open Source JavaScript Logging Utility Blackbird 是一款非常酷的 JavaScript 调试工具,带有一个漂亮的界面显示和过滤调试信息. 2. Treesaver.js Treesaver 是一个用于创建杂志布局的 JavaScript 框架. 3. Bibliotype Bibliotype 是一个简单的基于 HTML.CSS 和 JS ,用于快速原型制作的的框架. 4. Highcharts – Interactiv

给HTML初学者的三十条最佳实践

Nettuts +运营最困难的方面是为很多技能水平不同的用户提供服务.如果我们发布太多高级教程,我的新手用户将无法从中受益.相反也是如此.我们尽我们最大的努力,但如果你觉得你被忽略了请联系我们.这个网站是为你服务的,所以说出来!如此说来,今天的教程是专为那些刚刚进入web开发领域的人准备的.如果你的经验是一年或更少,希望在这里列出的一些技巧将帮助你成为更好.更高效的开发者! 闲话少说,让我们回顾三十个创建标记的最佳实践. 1.保持标签闭合以前,经常见到类似下面的代码(译注:这是多久以前啊……)

HTML中的Head标签学习

在页面加载完成的时候,标签head里的内容,是不会在页面中显示出来的.它包含了像页面的<title>(标题) ,CSS(如果你想用CSS来美化页面内容),图标和其他的元数据(比如作者,关键词,摘要).在本文中,我们将包含所有上述的事情,为您在脑海中营造一个很好的基础和代码印象. 1.1 什么是Head标签 head 标签是 <head> 元素的内容.不像 <body> 元素的内容可以显示在浏览器中,head 的内容不会在浏览器中显示,它的作用是包含一些页面的

用javascript写Android和iOS naitve应用，实在炫酷。

关注NativeScript有一段时间了,说好了的三月发第一个Beta版,终于发布了. // declare the extended NativeScriptActivity functionality var extendsObject = { onCreate: function(savedState){ // call the base NativeScriptActivity.onCreate method // the "this" variable points to a

JavaScript使用DeviceOne开发实战（四）仿优酷视频应用

开发之前需要考虑系统的差异性,比如ios手机没有回退键,所以在开发时一定要考虑二级界面需要有回退键,否则ios的手机就会陷入到这个页面出不去了.安卓系统有回退键,针对这个情况需要要求用户在3秒钟之内连续按回退键两次才退出系统,以此防止用户误按回退键,具体代码实现如下: [mw_shl_code=javascript,true]page.on("back", function(){ if (canBack) { global.exit(); } else {

使用Javascript来创建一个响应式的超酷360度全景图片查看幻灯效果

360度的全景图片效果常常可以用到给客户做产品展示,今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程,这里教程中将使用javascript来打造一个超酷的全景幻灯实现,相信大家一定会喜欢的! 在这个教程中没有使用到任何插件,我们将使用HTML,css和javascript来实现,当然,也使用是jQuery这个框架! 如何实现? 我们将使用预先按照360生成的图片进行轮播来实现动画展示效果.包含了180个图片.所以加载时间可能比较长. 代码实现我们将在css代

Javascript教程：AngularJS的五个超酷特性

AngularJS是一个超棒的javascript框架,不单单对于开发人员来说非常有吸引力,对于UI设计师来说也同样出色.在这篇教程中,我们将简单的介绍AngularJS几个重量级必备特性,并且介绍它如何能够让你的web应用更加强大! AugularJS简单介绍 AngularJS是一个新出现的强大客户端技术,提供给大家的一种开发强大应用的方式.这种方式利用并且扩展HTML,CSS和javascript,并且弥补了它们的一些非常明显的不足.本应该使用HTML来实现而现在由它开发的动态一些内容.

JavaScript超酷时钟的制作

<!DOCTYPE html PUBLIC "-//W3C//h2D XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/h2D/xhtml1-transitional.h2d"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

【前端酷站】分享一个纯 Javascript 的图表库与立体像素风制作～

今天小编为大家推荐一个神奇的酷站.ECharts,一个纯 Javascript 的图表库. 以下是各个几个不错的界面的介绍: 首页:http://echarts.baidu.com/ 在首页有完整的说明,也专门的例子进行讲解,如果有一定前端基础,可以很快上手.而没有经验的,照模画样也可以弄出来. 一般例子: http://echarts.baidu.com/echarts2/doc/example.html 一般性的例子里面包含了常用的一般性表格,点击进去就可以看到代码.修改后点击刷新就能得到修

超酷的实时颜色数据跟踪javascript类库 - Tracking.js

来源:GBin1.com 今天介绍这款超棒的Javascript类库是 - Tracking.js,它能够独立不依赖第三方类库帮助开发人员动态跟踪摄像头输出相关数据. 这些数据包括了颜色或者是人, 这意味着你可以通过特定的颜色或者人物的移动或者脸部来触发javascript事件. 相信如果接触过Kinect或者Wii的朋友肯定能够使用这个类库开发出类似的体感游戏. 整个类库的API非常简单,拥有一些方法和事件,可以完整的满足你开发相关应用. 如果你想了解更多的话,请观看相关的视频. var vi

javascript中的对象字面量为啥这么酷

原文链接 : Why object literals in JavaScript are cool 原文作者 : Dmitri Pavlutin 译者 : neal1991 个人主页:http://neal1991.pythonanywhere.com 在ECMAScript 2015之前,Javascript中的对象字面量(也称为对象初始化器)是非常基础的.能够定义两种类型的属性: 成对出现的名称以及相应的值{ name1: value1 } Getters { get name(){..}

转:2014年最酷的30个JavaScript库

原文来自于:http://www.gbtags.com/gb/share/3701.htm 使用JavaScript库将会使开发变的更简单,大部分JavaScript库提供的功能都是极好的,当我们在为一个项目选定开发技术的时候,选择一个明星框架当然很不错,但是有些库文件太大了.当你想要为一个特定的任务寻找解决方案的时候,你可以选择一个更有针对性,更轻量级的框架. 在这篇文章中,我们总结了近期30个很棒的JavaScript库,下面这些JavaScript库都是非常实用的,尤其是对于有特定需求的项

javascript相框echarts插件实现酷立方效果图的人

最近由于项目需求,我们需要做的一类似网络效应的人立方效果,很多文件中的查询之后.百度发现echarts开源组件非常适合,而加载速度是伟大的.echarts图形主要使用html5这些新功能做,使用canvas画板等.. 下面是一些我认识的过程和经验,大家參考. 这里是echarts的站点:http://echarts.baidu.com/doc/example.html 里面有具体的使用流程和样例,仅仅要是略微懂一些javascript就能看懂. 第一步: 下载echarts的插件: 在项目中导入

javascript实现炫酷魔方

实现效果: 魔方动态转换,同时每个面里的每个块都能进行动态变换. 实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>魔方</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ width: 100%; height: 100%

最酷 html JavaScript

热门专题