极客Web前端开发资源集锦

本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助!原文来自:极客标签

移动设备表单输入设计体验 - leader.js 

为了帮助降低移动或者手机端输入的操作复杂度,leader.js提供了一个相对更简单的输入体验,你只需要输入表单内容回车即可完成输入,非常方便。

Javascript游戏,街头霸王 

有没有让你想起点什么?我想到的是院子里的大槐树,一台小霸王游戏机和一位儿时的伙伴。

CSS Guidelines (2.1.3) – 书写高效,可维护可升级的CSS用户指导手册 

可扩展可管理的高级高效咨询的用户指导手册。

NodeBB,一个基于nodejs的响应式论坛 

喜欢方便的同学请绕道去discuz,好吧我是nodejs的重视患者,首先你要有自己的vps或则云空间,比如9cloud,我今天用的是阿里云的VPS。

代码录播:创建自定义的HTML5输入框出错信息

这个代码将介绍如何使用javascript来修改HTML5中输入框缺省的验证错误信息,帮助你更好的开发表单验证效果。

免费电子书:The Guide to Minimum Viable Products 

来自uxPin的免费电子书。

5个你应该知道的建站平台 

如今在网络上有很多优秀的网站构建平台。根据你的需求,它们会提供不同的功能。然而,对于一个网站构建工具最重要的就是简单和友好。通过这些平台,开发者可以省去开发中的不少环节。在本篇文章中,我们会介绍5款非常酷的网站创建平台。

如何为Android上的产品设计一款合适的图标 

如 果你已经完成了你的app,你一定会马上向其它人宣布这件事情。但是你需要注意一个很重要的问题,那就是app的图标。你的图标可能在项目启动之 前就已 经设计好了,但我不喜欢这样,如果app没有完成实际上图标也没什么用了。如果你不是一个设计师,图标的确是很让人头疼的事情。但总有一些方式可以让工程 师们也能独立的设计出不错的图标。我们以Andriod应用为例,现在就来为你的产品设计一款合适的图标。

放弃使用jQuery实现动画 

在 Web开发的圈子里,开发者常常认为CSS动画是一种高性能web动画技术,如果想让网页加载的更快一些,就应该用纯CSS动画。其实这种观点是错 误 的,很多开发者早就放弃了javascript的动画,迫使自己使用复杂的CSS样式来实现相同效果的UI交互。他们完全忽视了javascript 带来 的更好的交互性。

经典,HTML5游戏,超级玛丽 

这是一款使用HTML5开发的超级玛丽,有没有点儿时的记忆?长按向上键,可以跳的更高哦。如果你也喜欢可以当成休闲游戏,如果你是开发者,不防下载下来看看是如何生成的。

代码录播:CSS动画实现一个我最“摇摆”的动画效果 

使用CSS3的keyframe来动画旋转效果,生成页面元素左右微微摇摆的嘚瑟效果。用到你的页面做装饰,相信一定蛮有趣的!

免费图标:30款彩色圆角图标设计 

30款扁平化设计的彩色圆角图标免费下载。

通过HTML5 Visibility API检测页面活动状态 

几年前,我们浏览网页的时候是没有选项卡浏览模式的,每一个网页都会是一个浏览器窗口,如果我没有记错,Win7之前我们都是这样浏览网页的。作为一个程序员,我们经常会同时打开10-15个网页,多的时候超过20个也不足为奇。

Bootstrap3实现的响应式幻灯滑动效果个人作品集/博客网站模板 

相关的开发和使用说明,请参考如下课程:Bootstrap3开发滑动风格的博客网站模板

无需编码开发快速设计互动式UI - uilang 

uilang是一个非常小巧的ui类库,可以帮助不熟悉前端代码的web设计人员快速的开发互动式UI。你只需要使用“语义式”的说明来控制元素的动态效果。

代码录播:纯CSS3生成的走马灯效果 

使用CSS3 keyframe生成的走马灯效果。

HTML5游戏,五子棋 

无需找人对战,看看是不是能先赢过电脑吧。

React JS 和 FLUX 

我不准备在这里详细地讲解Flux,它已经是众所周知的了,很多人应该有都看过Facebook的Flux网站。在这里,我想说的是你为什么应该考虑用flux架构和React js配合作为你构建接口和处理交互的工具。

HTML5游戏开发引擎Pixi.js新手入门讲解 

这篇文章中,介绍HTML5游戏引擎pixi.js的基本使用。

滚动触发的翻转式文字引用效果 

滚动页面,可以看到翻转式的文字引用效果。

极客标签现推出#GB课程库#,这是一个涵盖了当前最流行的HTML5、CSS3、javascript、bootstrap等现代开发技术的‘学’与‘习’的全新功能。邀请大家前来使用,它绝对让你花最少的钱和时间,带给你最有收获的价值体验!本周推荐已完成,期待您们的光临!

如果你也想参与文章投递

  • 点击发布按钮发布文章或者其它类型内容,保存时务必添加“Web开发资源大荟萃”标签即可申请发布。

via 极客资源荟萃周刊

转载于:https://www.cnblogs.com/gbin1/p/3990935.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/273587.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mahout学习笔记4

分析数据 有哪些数据 选用什么样的推荐算法 Finding an effective recommender 各种算法组合测试 Tanimoto算法在与thresholdneighborhoold结合时值应该设置比较底,0.5已经是很高的相似度 可以重写ItemSimilarity ,把自己的功能放到里面 IDRescorer 可以…

使用 Spring Cloud 实现微服务系统

使用 Spring Cloud 实现微服务系统 准备工作:为了方便创建项目,以及各版本以来关系,此次创建项目使用 Spring Assistant插件。 创建单体服务中心项目 启用服务端的服务注册,发现功能 EnableEurekaServer SpringBootApplication pu…

HTML+CSS公司培训(一)高手请飘过

随着公司的转向,从.net到webapp很多人无从适应。因此在公司进行一些简单的培训。同时把我微薄的经验分享给大家,并且和大家一起学习进步。 对于HTML在正常的开发中我们其实用的标签就是那么简单的几个(是小编在项目开发中常用的一些&#xff…

【LeetCode】整数反转

package leetcode.editor.cn;//给出一个 32 位的有符号整数,你需要将这个整数中每位上的数字进行反转。 // // 示例 1: // // 输入: 123 //输出: 321 // // // 示例 2: // // 输入: -123 //输出: -321 // // // 示例 3: // // 输入: 120 //输出: 21 // // //…

sql 中实现打乱数据的排序

sql 中实现打乱数据的排序order by NEWID()就实现了数据的打乱 转载于:https://www.cnblogs.com/yangjinwang/p/3998271.html

【LeetCode】两数之和

package leetcode.editor.cn;//给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 // // 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。 // // …

Docker学习笔记1 :镜像制作

参考资源: http://blog.csdn.net/kongxx?viewmodecontents http://my.oschina.net/feedao/blog 运行环境win8.1 virtual box, 运行 centos6.4 64bit, 内网通过代理上网。 如下操作基本都在root下进行。 目的尝试自己建立Docker镜像 基础工作1&#xf…

让不带www的域名跳转到带www的域名

域名不带www和带www不是同一码事:前者称作根域名,后者是前者的二级域名。长久以来,人们都习惯了访问网站的时候带上www,所以大多数站长朋友域名解析的时候都是带www的和不带www的一起解析。然而对于搜索引擎来说,还是会…

RestTemplate 发送 Https 请求调用

RestTemplate 发送 Https 请求调用 个人博客:https://jacob.org.cn import org.apache.http.conn.ssl.NoopHostnameVerifier; import org.apache.http.conn.ssl.SSLConnectionSocketFactory; import org.apache.http.impl.client.CloseableHttpClient; import org.apache.htt…

【LeetCode】回文数

个人博客:https://jacob.org.cn package leetcode.editor.cn;//判断一个整数是否是回文数。回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。 // // 示例 1: // // 输入: 121 //输出: true // // // 示例 2: // …

android 小工具:pc 上用 curl 命令打开手机浏览器,浏览指定网址

测试 API 时或其它情况经常需要在手机浏览器中输入 url 一长串的 url 输起来真是麻烦 AirDroid 很强大也不用数据线,但有时老断开连接,不是很爽。发到手机 qq 吧还得手动粘贴 所以自己开发了一个小工具 pc 上用 curl 发一条命令,命令中输入要…

cron 表达式详解

cron表达式详解 Cron表达式是一个字符串,字符串以5或6个空格隔开,分为6或7个域,每一个域代表一个含义,Cron有如下两种语法格式: (1) Seconds Minutes Hours DayofMonth Month DayofWeek Year …

iOS: How To Make AutoLayout Work On A ScrollView

转载自: http://natashatherobot.com/ios-autolayout-scrollview/ Posted on June 11th, 2014 Ok, I’ll admit. I’ve been seriously struggling with AutoLayout ever since it’s been introduced. I understand the concept, and I LOVE the idea of it, but w…

windows 中搭建Zookeeper的搭建

个人博客 :https://www.siyuan.run CSDN:https://blog.csdn.net/siyuan 微信小程序:思远Y 下载 下载地址: https://mirrors.cnnic.cn/apache/zookeeper/ PS:zookeeper 从3.5.5以后的版本带有bin标识的包,否…

strcmp函数和strcpy函数

(一)strcmp函数 strcmp函数是比較两个字符串的大小,返回比較的结果。一般形式是: istrcmp(字符串,字符串); 当中,字符串1、字符串2均可为字符串常量或变量;i 是用于存放比較结果的整型变量。比較结果…

Vs Code:Remote SSH

Remote SSH 简介 Remote - SSH 扩展允许您使用任何带有 SSH 服务器的远程计算机作为开发环境。由于几乎每个桌面和服务器操作系统都有可配置的 SSH 服务器,因此该扩展可以在各种情况下大大简化开发。 您可以: 在部署的同一操作系统上进行开发&#xff…

样条之贝塞尔(Bezier)

我曾经发过两篇关于贝塞尔的文章:数学图形(1.47)贝塞尔(Bzier)曲线,数学图形之贝塞尔(Bzier)曲面。那是使用我自己定义的脚本语言生成贝塞尔图形。由于我自己定义的脚本语法功能有限,所以最多只能支持5次贝塞尔函数,而这里将实现N…

TCollector

TCollector tcollector is a client-side process that gathers data from local collectors and pushes the data to OpenTSDB. You run it on all your hosts, and it does the work of sending each hosts data to the TSD. tcollector是client-side(客户端&…

设计模式 之 工厂模式

项目源码:https://gitee.com/Jacob-gitee/DesignMode 个人博客:https://jacob.org.cn 女娲造人的故事 东汉《风俗通》记录了一则神话故事:“开天辟地,未有人民,女娲搏黄土做人”,讲述的内容就是大家非常熟…

设计模式 之 单例模式

项目源码:https://gitee.com/Jacob-gitee/DesignMode 个人博客:https://jacob.org.cn 宗旨 Ensure a class has only one instance,and provide a global point of access to it.(确保某一个类只有一个实例,而且自行实例化并向整个…