2015年50 CSS 工具、框架、库合集。在过去的一年中,我们已经看到了Flexbox布局人气大增、CSS动画的微妙变化、SVG动画的应用、Instagram风格的影响,这里我们列出了50多个今年发布的开源资源,可以帮你节省很多时间。CSS实用程序和工具  7. sanitize.css.很方便的检测你的应用使用了那些CSS选择器的工具,并创建一个未被使用的CSS的文件。CSS工具包  27. Crayon.css.基于Web的CSS工具和应用程序  46. CSS Gradient Animator.
CSS 框架推荐。大部分CSS框架,很牛,但是也很复杂,尤其是初学者。简单、轻量级,非此莫属,1KB CSS Grid。同样是轻量级的CSS 网格框架。简单代码管理一切。想使用HTML5和CSS3的朋友,必须关注此框架了。全功能的漂亮的css框架,打造你自己的个性风格吧!是个开源css框架,提供干净的原型,可支持css3。简单的css框架,布局web很是实用。
你可以通过 npm ,bower 来安装JS库,简单的复制生成的CSS3代码来应用动效。SVG.JS。这是一款强大的使用JS开发的动效库,支持 CSS,DOM,SVG,和JS对象。MO.JS。Mo.js 是一款完整的JS动效库,目前它拥有一系列的预设参数,确保你能快速的上手使用。Bonsai.js 是一个用来做高级图形处理的JS库,它有着非常简单易用的API和SVG渲染器。Hover.css: 这是一组使用CSS3实现的悬浮特效,它可以应用到按钮、链接、LOGO、SVG、图片等元素上。
十款最新的JavaScript开发工具订阅软件研发RSSCSDN首页>软件研发十款最新的JavaScript开发工具发表于2014-05-28 15:26|13178次阅读| 来源CSDN|28 条评论| 作者夏梦竹javascriptweb服务器开发工具API开发者摘要:本文分享了十款最新的JavaScript开发工具,开发者们可以灵活选择,轻松构建应用,喜欢的话就赶紧mark!本文分享了十款最新的JavaScript开发工具,喜欢的话就赶紧mark!开发者可以将其与现有的JS框架搭配使用。
15个热门的编程趋势及15个逐步走向衰落的编程方向15个热门的编程趋势及15个逐步走向衰落的编程方向投递人 itwriter 发布于 2014-02-04 20:11评论(1) 有89人阅读 原文链接 [收藏] ?这正是 SASS 及 Compass 等 CSS 框架的用武之地,他们提供了一些编程元素,比如说真正的变量、嵌套的块等编程结构,这些东西在编程领域不是什么新玩意,不过对于设计来说却是一个伟大的进步。冷门:大数据(使用 Hadoop)冷门:原生游戏开发。
Amaze UIAmaze UI是一个轻量级(所有CSS和JS gzip后100kB左右)、Mobile first的前端框架, 基于开源社区流行前端框架编写。Frozen UIFrozen UI 是一个简单易用,轻量快捷,为移动端服务的前端框架,专注于移动web的UI框架,基于腾讯手机QQ规范。H-uiH-ui前端框架是在bootstrap的思想基础上基于 HTML、CSS、JAVASCRIPT开发的轻量级web前端框架,开源免费,简单灵活,兼容性好,满足大多数中国网站。
10大支持移动“触摸操作”的JavaScript框架推荐摘要:移动开发行业的发展速度让人目不暇接,也在此大势之下,推出移动网站App成为开发者必经之路,如何让触屏设备更易使用?JS框架方便处理且轻量级。Hammer.js是一个专门用于控制、定制手势的轻量级JavaScript框架,可以识别出常见的触摸、拖动、长按、缩放等手势。JQUERY.PEP.JS也是一个小型jQuery插件,结合了jQuery动画和CSS3动画,在移动和桌面设备上实现Kinetic Drag。
App Tools 是一个列表,其中包含了目前移动端最优秀的工具,这些工具能够帮你进行Beta测试,绘制线框图和原型等,绝对是设计师和开发者的好助手。Thimble 是一个在线的代码编辑器,当你在创建属于自己的网页的时候,它可以让你无需离开浏览器就编写网站的HTML、CSS和JS代码。Sketchode 是一款免费的Sketch相关程序,它主要是帮助开发者,让设计师和开发者可以更加顺畅地交接、完成工作流程。
jQuery UI框架。PrimeUI 是 PrimeFaces 团队的一个 jQuery UI 组件库,目前包含多个 UI 部件。基于Jquery的UI库,包含常用UI组件,如:布局、表格、树形、Tabs、工具条、弹出菜单、表单等等。JQuery Smart UI是基于JQuery的Ajax开发框架,实现前、后台分离、功能和数据分离,UI层全部使用htm+js+json完成,通过一个统一数据接口与服务端进行数据交换。Wijmo建立在标准的JavaScript库基础上,就像jQuery UI和jQuery Mobile一样。
2018年十大轻量级的CSS框架为构建快速网站。因此,我编写了一个当前十大轻量级CSS框架的实现列表,用于创建漂亮的、功能强大的、超快的加载网站。只有3.8KB的缩小和压缩,但是充满了功能!多年来,纯CSS一直是我选择的轻量级框架,包括与外包软件开发团队合作。一个轻量级的(7kb gzip)框架,可以轻松地创建一个快速站点。Base是一个非常简单但健壮的CSS框架。只有2kb的gzipped,这个小巧而强大的框架在轻量级框架的前三种。
开发者初体验:用phonegap开发混搭web应用开发者初体验:用PhoneGap开发混搭Web应用。一天下午,我参加了PhoneGap开发者 Brian LeRoux 在Devoxx的演讲,演讲内容是 混搭Web应用开发中的PhoneGap技术 。…一天下午,我参加了PhoneGap开发者Brian LeRoux在Devoxx的演讲,演讲内容是混搭Web应用开发中的PhoneGap技术。人们真正开始关注PhoneGap是因为苹果公司对PhonePag的封杀,原因是所有使用PhoneGap开发的应用都被命名为PhoneGap。
Vue和React大比拼,你pick谁?策划|覃云译者|无明上个月,Vue 在 GitHub 上的 star 数超过了 React,此后,各大论坛对 Vue 和 React 的争论就愈演愈烈,Reddit 上还有开发者专门开了一个 Vue vs React 的话题。因为 Vue 与 React 有一些通用的概念,开发人员从 React 转到 Vue 会相对容易。Vue 有一个叫作 Vue CLI 的官方 CLI 工具,与 React 的 create-react-app 非常相似,Vue CLI 为新开发的应用程序提供了脚手架。
2019 年 React 学习路线图。之前我们已经介绍了 2019 年 Vue 学习路线图,而 React 作为当前应用最广泛的前端框架,在 Facebook 的支持下,近年来实现了飞越式的发展,所以,我们将在下文中介绍 2019 年 React 学习路线图,希望给想学 React 的开发者一些借鉴。这就是 2018 年的 React 路线图。还有一些基于 React 的框架可用于构建像 React Native Windows 这样的桌面 GUI,让你可以使用 React 构建原生 UWP 和 WPF 应用程序。
本文是一篇关于我本人在使用Cordova+Ionic以及AngularJS开发移动App的过程中的经验的总结,它不是一篇基础入门教程,而是和大家探讨一下关于如何更好的使用这些技术开发一个更好的App。Cordova、Ionic、AngularJS都是什么?本文将结合Ionic前端框架进行开发。Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。因此,AngularJS使得对DOM的操作不再重要并提升了可测试性。
CSS网页布局框架 Elastic.Elastic 是一个简单的 CSS 框架用来对网页进行布局。Elastic 可实现各种各样常见的网页布局,如下图所示:常见的网页布局示例请看这里,所有的这些都是通过CSS进行控制的,非表格。以下是一些演示网站:
而 “bootstrap-responsive.css”则可以根据你的爱好来选择,如果想让项目具有响应式布局的效果,就必须要调用这个样式文件,而且调 用必须遵循先后顺序,“bootstrap-responsive.css”必须放置在“bootstrap.css”之后,否则便不具有响应式布局功 能。Bootstrap的jQuery UI其实是从框架中衍生出来的一个jQuery UI主题,受到Twitter项目的启发,Addy Osmani也在Bootstrap的基础上整理出一个jQuery UI Bootstrap主题。
响应式 Web 设计必备的 12 款 CSS 框架目前接入互联网中的设备的多样性,催生了新的Web布局设计方式——响应式设计。Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础。Fluid Baseline网格系统是一个HTML5 &CSS3开发工具包,为网站快速设计提供了坚实的基础。Amazium是一个基于960网格系统的响应式框架,使用4个主要的媒体查询来调整你的网站布局,以和设备屏幕相匹配。
从Samurai-Native框架开发谈React Native.与React-Native相反,Samurai-Native的理念是使Native开发者可以使用标准Web技术(HTML+CSS)解决跨平台UI开发的问题,已在Github上开源。Samurai-Native与React Native相比有着诸多不同,后者在Native部分拥有着很多已经让人无力吐槽的实现:因此,在开发Samurai-Native的过程中,笔者专门针对这些问题进行了改善,取React Native精华,让它们成为Samurai-Native中的优势:
CSS的状态。你不需要默认命名约定,因为 locally-scoped 是常用库现在默认的样式风格 你不需要浮动,因为Flexbox更强大 你不需要一个网格框架,因为有了一个原生的CSS Grid 你不需要一个预处理器,因为CSS有更高级的功能 你不需要CSS,那是因为你可以在JavaScript中写样式。这篇文章从五个方面:CSS命名空间、放弃浮动使用Flexbox来布局、采用原生的Grid来替代网格框架、放弃CSS处理器采用新的CSS特性以及在JavaScript中编写CSS。
介绍一下标准的CSS的盒子模型?标准盒子模型:宽度=内容的宽度(content) border padding margin.前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又有居中布局、多列布局以及全局布局,今天我们就来总结总结前端干货中的CSS布局。最近公司要招人,本人负责专业前端初面,但是面试过程大部分前端面试者给我的感觉思维比较窄,以及陈述问题时候比较乱,整体给人感觉不是理想。
为 Web 打造更好的工具:Firefox 开发者工具盘点。对 Firefox DevTools (开发者工具)来说,2017 年是值得纪念的一年。CSS Grid 布局面板推出后获得一致好评,我们在喜悦之际,也听到大家希望获得更多设计、建立和检查布局工具的声音,所以,我们推出了 Firefox 页面查看器(Inspector),以简化 Flexbox 程序代码的编写工作。对于 Firefox DevTools 的未来,我们满怀期待,希望能为使用框架设计的开发者提供更好的工具。
做前端的同学不光要着眼于 JS 的变化,CSS 领域也在不断演化,从早期的 table 布局,到后来的 div + css 布局,再到 flexbox 布局,现在出现了更好用的 grid 布局,对于新出的这两种,flexbox 和 grid 有何异同?这篇文章先是花了不少篇幅跟你解释为什么要选择 .vue 文件的方式来做 Vue.js 开发,接下来是为什么选择 TypeScript,然后手把手教你如何配置他们的开发环境,如果你做类似事情的时候遇到问题,这会是不错的参考。
2019年非常实用的19个JavaScript动画库。Anime.js 是一个轻量级的JavaScript动画库,具有简单而强大的API。kute.js是一个原生的JavaScript动画引擎,具有出色的代码质量、超高的性能、SVG变形、笔画和二维和三维转换、CSS3转换、颜色以及其他CSS3属性或表示属性。Dynamics.js是一个用于创建基于物理的动画的JavaScript库。SVG.js。一个简单但功能强大的JavaScript库,用于在HTML5和JavaScript属性之间切换和设置动画。
10个最好的 JavaScript 动画库和开发框架。虽然 CSS3 动画功能能够让我们以简单轻松的方式实现动画效果,但是浏览器兼容性问题让人头疼。svg 这个 JavaScript 库处理 SVG 就如你用 jQuery 操作 DOM 一样简单。Move.js 是一个小的 JavaScript 库,用于以非常简单和优雅的方式支持 CSS3 动画。Minified.js 是一个客户端 JavaScript 库,很轻量(<8kb),功能齐全。js 可以帮你实现,它能够轻松添加动画效果的网站徽章。Textillate.js。
Clank 是一个自由和开放源码的 HTML/CSS 框架,可以帮助你轻松创建本地手机或平板电脑应用程序的原型。该框架是基于组件的,这样我们就可以选择和使用所需的部分,组件包括按钮,表格,滑块,切换等等。
.net/c#常用框架/中间件简介任务调度。NET:Quartz.NET是一个开源的作业调度框架,非常适合在平时的工作中,定时轮询数据库同步,定时邮件通知,定时处理数据等。Akka.net:基于actor模型的高性能并发处理框架Helios:(不再更新)Thrift:一种可伸缩的跨语言(c#、C++、Java...)通讯服务框架Supersocket:国产优秀通讯框架,Fastsocket:另一个国产socket通讯框架DotNetty:开源,netty的.net实现。
Java微框架:不可忽视的新趋势。第一波努力围绕轻量级 Java 框架展开,而现在,第二波努力已经出现,即 Java 微框架。Java 微框架是轻量级 Java 框架的延续。Jodd 是一个 Java 微框架、工具和公用程序的集合。Jodd 的目标是减少许多 Java 工具和框架的空间占用,提高它们的速度,提供一个超级轻量级的框架和工具精选集合。这样一个提供若干功能的框架集合似乎与微框架背道而驰,但实际上,Jodd 大小总共不过 1.5MB。
输入 URL 地址,即可测试页面加载速度,分析并找出性能瓶颈。对于移动用户来说,他们希望网站在手机上加载起来要快于电脑,如果感到加载迟缓,往往会迅速关上网页,所以,网站的响应速度对他们很重要。Sitespeed.io 是一个基于最佳实践以及一些加载时序等量化标准的开源工具,有助于开发者分析网页的加载速度和渲染性能。虽然辨析和定位这些请求会比纯粹的加载页面多花一些时间,但这些消耗对于指导页面的性能优化是非常重要的。
上次的合集当中,给开发者准备的工具相对较多,而这次的合集则更多的是为设计师所准备的图标、纹理、UIKit 等设计素材,希望它们能在这个热的辣眼睛的天气里给忙于做设计的你,更多的帮助。这是一款PSD格式的UIkit,为网页和移动端设备准备的,包含一系列不同的模块,轮播图,404页面,下载页等。这是一款单页网页PSD模板,涵盖了常用的模块,颇为实用。这是一款强大的使用JS开发的动效库,支持 CSS,DOM,SVG,和JS对象。