首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

15 个优秀响应式 CSS 框架

他们提供了大量文档、示例演示,可以帮你快速进行响应式 Web 开发。...UIkit UIkit 是一个轻量级模块化前端框架,用于开发快速且强大 Web 界面。UIkit 提供了 HTML、CSS JS 组件全面集合,这些组件易于使用,易于定制扩展。...material design light framework Google Material Design Lite 框架是最流行 CSS 框架之一,可为你网站添加 Material Design...它不依赖任何 JavaScript 框架,可以跨设备使用,并且可以针对较旧浏览器进行降级。它构建充分考虑了可访问性,并提供了丰富文档入门模板。...它提供了响应式设计移动设备优先 UI 组件,并具有模块化结构,可让你只导入要包含在 Web 设计中内容。Bulma 还提供了一个基于 flexbox 现代网格系统。

10.3K10
您找到你想要的搜索结果了吗?
是的
没有找到

独立开发者必备29个开源React后台管理模板

您可以将其用于Web应用程序仪表板公共页面。可在浅色深色模式下使用。...Roe提供了非常简单主题配置开发人员友好布局。该代码超级容易理解,并附带一个入门工具包,这将有助于开发人员快速入门。该模板在每个设备每个现代浏览器上都完全响应和干净。...27.Material Design ReactJS Admin Web App with Bootstrap 4 Material是一个受谷歌材料设计启发管理模板,使用ReactJSBootstrap...内置对SASS预处理其他css预处理支持可以通过文档添加。它不使用任何冗余或通量实现,因此初学者很容易从您选择中推出。 29....React-admin 一个前端框架,用于使用 ES6、React Material Design 构建在 REST/GraphQL API 之上浏览器中运行数据驱动应用程序

2.3K10

程序员练级攻略(2018):前端 UIUX设计

接下来,是到不同网站上读各种文章和资源,开始学习使用设计工具,最后是找人拜师。此外,其中还链接了其它一些不错文章、网站、博客工具。我认为,这篇文章是一篇很不错设计师从入门到精通练级攻略。...于是,你就是要像搭积木一样开发设计网页,当你把其模块化组件化了,也更容易规范整体风格,而且容易维护……这些都意味着你可以更容易地维护你代码。所以,这个方法论导致了 Web 组件化玩法。...随后,Material Design 扩展到 Google 网络移动产品阵列,提供一致跨平台应用程序体验。...另外,Wikipedia 上有一张 Material Design 实现比较表,供你参考。 下面是几个可供你使用 Material UI 工程实现。...Sitepoint ,这个网站上也有很多不错Web 前端程序设计师看文章(当然,给程序员看有点简单了,我觉得更像是让设计师来学写程序网站)。

1.3K20

Jetpack Compose for Desktop: 里程碑1发布

Compose for Desktop 入门很简单,设置项目依赖关系后,开发者就可以简单使用几行代码来表达一个简单有状态用户界面,并且有现成 Material Design 元素库可以帮助快速创建...一样,可让开发者应用程序对鼠标指针等事件做出反应,查询操做应用窗口大小位置,创建任务栏图标或菜单栏条目等。...Compose for Desktop 应用程序就可以解锁这些 Java 图形API,该集成还允许开发者逐渐将使用这些框架应用程序迁移到 Compose for Desktop 。...如果想要了解更复杂 Compose for Desktop 例子,可以查看 Google 演示应用程序,Demo 还包括了如何使用 Kotlin Multiplatform 在桌面Android之间共享用户界面的例子...提供反馈意见 里程碑版本是开发者提供反馈最重要时间,因为它会促使 Google 能够在稳定版本发布之前解决关键问题或包含其他功能,如果在使用 Compose for Desktop 时遇到任何问题,或者发现桌面专用

4.6K30

前端开发常用网站_软件开发领域知识

tdsourcetag=s_pcqq_aiomsg web开发人员必备工具包(实现快速敲代码):https://docs.emmet.io/ 让代码提交时候先执行一次代码,如果有报错不让提交:www.npmjs.com.../package/eslint-config-airbnb 阿里巴巴图标库:https://www.iconfont.cn/ UI颜色布料:Material Design Colors, Material...应用程序核对表:Progressive Web App Checklist | Google Developers 在线存放图片地址:Simple Free Image Hosting 代码变漂亮图片...刷算法题:LintCode 领扣 ES6入门(阮一峰大佬):ECMAScript 6入门 babel(将ES6代码转为ES5代码):Babel · The compiler for next generation...git官网:Git npm官网:npm | build amazing things npm模块管理器介绍:JavaScript 标准参考教程(alpha) 码神岛: 菜鸟码农.区块链.it程序员交流专属论坛

1.8K30

flutter技术落地使用

Flutter技术落地使用 Flutter是谷歌移动UI框架,可以快速在iOSAndroid上构建高质量原生用户界面。Flutter可以与现有的代码一起工作。...通过我们实际开发使用经验看,Flutter是一门学习起来十分顺滑成熟技术框架,下面将推荐一下学习路线让你快速入门Flutter,构建你想要应用: 1....RaisedButton Material Designbutton, 一个凸起材质矩形按钮 Scaffold Material Design布局结构基本实现。...Appbar 一个Material Design应用程序栏,由工具栏其他可能widget(如TabBarFlexibleSpaceBar)组成。...深入学习Flutter运行机制 学习Flutter运行机制可以帮助我们更好解决实际开发中一些问题,譬如:渲染、动画机制、数据绑定、流数据处理

1K20

Github开源免费编程书籍

) 正则表达式30分钟入门教程 浏览器开发工具秘密 移动Web前端知识库 移动前端开发收藏夹 WEB服务器 Apache 中文手册 Nginx开发从入门到精通 (淘宝团队出品) Nginx教程从入门到精通...编程指南简体中文版 大型集群上快速通用数据处理架构 大数据/数据挖掘/推荐系统/机器学习相关资源 数据挖掘中经典算法实现详细注释 操作系统 Debian 参考手册 Docker —— 从入门到实践...(中文版) Puppet 2.7 Cookbook 中文版 编程艺术 取悦工序:如何理解游戏 (豆瓣阅读,免费书籍) 每个程序员都应该了解内存知识(译)【第一部分】 程序员编程艺术 编程入门指南...编译原理 《计算机程序结构和解释》公开课 翻译项目 编辑器 exvim--vim 改良成IDE项目 Vim中文文档 所需即所获:像 IDE 一样使用 vim 笨方法学Vimscript 中译本...Design 正體中文版 (译本一 译本二) Material Design 中文版 Point-of-Android Android 一些重要知识点解析整理 AWK awk中文指南 awk程序设计语言

7.6K40

Angular 6新特性介绍

ng update ng update 是新增一个cli命令。通过ng update不仅可以保持正确版本依赖,而且能保持依赖关系同步。第三方可以使用原理图提供更新脚本。...遵循数据表组件模式,CDK包含核心树指令,而Angular Material则提供与顶层Material Design样式相同体验 Material 运行命令,添加Material ng add...一旦添加Material之后,你就可以生成三个新入门组件 Material Sidenav 运行命令: ng generate @angular/material:material-nav --name...如果要了解更多有关Material信息,请点击这里 CLI工作空间 CLI6.0版本现在支持包含多个项目的工作空间,如多个应用程序或库。...点击查看更多关于CLI工作空间信息 Providers改变 为了使我们程序变得轻量,Angular6将模块引入服务模式,改成服务引入模块模式。

2.3K21

Android使用TextInputLayout创建登陆页面

谷歌意识到向后兼容是实现material design重要部分。当然support library,比如appcompat-v4 appcompat-v7是解决方案一部分。...你可以从下方途中知晓我说是什么。 ? 在Google I/O 2015期间,安卓团队发布了一个崭新兼容库,Design Support Library。它简直就是为解决这个问题而生。...你登陆界面现在很好遵循了material设计规范。运行项目查看你登陆界面。 ? 2. 处理错误 TextInputLayout另一个特色是它可以处理错误。...第一步: 实现 onClick 方法 首先你需要处理按钮点击。有许多方法处理按钮点击。...TextInputLayout只是一个容器,但是LinearLayoutScrollView不同,你可以使用一个特殊方法获得子元素,getEditText,不需要使用findViewById。

1.5K10

Vue友最爱10个开箱即用开源项目 | 建议收藏

Components.符合Google Material Design准则,结合了Vue.jsMaterial所有优点,并且与RTLVue cli3兼容,可以通过使用他构建更有交互式且有吸引力项目...让广大Vue友快速使用相关button动效,让web呈现更加丰富。即可应对业务需求,也可自我提升实现。...可以在纯web端导出excel或者其他任何HTML表格,不涉及服务端脚本。全权由前端控制,导数据再也不用看后端哥哥脸色了。...Vue常用Vue UI库之一,简单,轻巧,完全按照Google Material Design规范构建。...也可用Google Fonts中选择字体图标,对于小型公司无UI设计情况下,是可以快速解决图标问题,当然阿里Iconfont也很好用...

2.6K20

提名推荐!15个2019年最佳CSS框架

开发网站或web应用时,网页开发工程师往往都需要编写CSS,如果每个项目都是从0开始,将会花费大量时间精力,并且还会处理很多重复性工作。...UI kit具备超多SVG图标、字体以及组件,加之其强大响应式设计,统一UI样式灵活自定义选项等功能,开发人员可以快速创建简洁、模块web界面。...Materialize CSS是Google在2014年开发响应式前端框架,它是基于GoogleMaterial Design创建,所以尤其适合网站或Android平台项目使用。...目前来看,两类人使用该框架最多,一种是热爱Google Material Design开发人员设计师,所谓爱屋及乌,加之Materialise CSS本身确实也比较优秀,因此很多Material Design...Picnic也是一个轻量级CSS框架,压缩后大小不到10kb。该框架最大特点就是具有多个交互式组件,包括栅格、表单、选项卡、工具提示等等,可以帮助开发人员快速创建响应式网站web应用程序

2.6K10

网页设计太麻烦

Bootstrap作为针对响应式设计移动优先前端web开发,是当下最流行设计框架之一。使用 免费Bootstrap UI工具包让原型设计网页设计变得更加简单。...现成插件方便快速制作原型。 另外,该工具包还包括电子商务模板入门工具包。 5. Stream ?...免费下载 Stream UI Kit是一款开源Bootstrap4 UI Kit,包含5个漂亮完整页面,包括20多个可重复使用可自定义UI模块,例如色彩,排版,字体,按钮等等。...使用我们Sass变量mixins,响应式网格系统,广泛预构建组件以及基于jQuery构建强大插件,快速构建你想法或构建整个应用程序。...免费下载 这款免费响应式仪表盘模板包含众多不同风格仪表板和数据演示组件。采用最新Bootstrap4,React JSMaterial Design构建,可免费用于个人和商业用途。

3.8K30

【建议收藏】Jetpack Compose编程知识全汇总 (含详细实例讲解)

,与现有视图共同使用,无缝链接,并支持Material Design动画 二、环境配置 由于Jetpack Compose还未正式发布,需要下载最新Canary版Android Studio 预览版...更新状态:事件处理脚本可以更改状态。 显示状态:状态会向下传递,界面会观察新状态并显示该状态。...如果你是因为缺少学习资料,而我正好薅到这本谷歌内部大佬根据实战编写《Jetpack Compose最全上手指南》,从入门到精通,教程通俗易懂,实例丰富,既有基础知识,也有进阶技能,能够帮助读者快速入门...Android Jetpack Compose 最全上手指南 Jetpack Compose 环境准备Hello World 布局 使用Material design 设计 Compose 布局实时预览...用Compose快速打造一个“电影App” 成品 实现方案 实战 不足 …… [1240] 文末 今天文章就到这里,感谢您阅读,有问题可以在评论区留言探讨,期待与大家共同进步。

6.1K60

前端插件以及部分细分网址梳理

,看真相 Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 可视化流程图 markdown-it: 新型 Markdown..., 但是会延迟执行,某些场景下,性能会有很大提升 seajs: 前端模块加载器,解决模块化、依赖等问题 jQuery-One-Page-Nav: 单页应用中一个用于处理导航栏库 js.js: Javascript...LocalStorage 资源加载器,可以用来缓存 script css, 手机端使用速度快于浏览器直接缓存 iscroll: 高性能滚动(scroll)处理库,功能强大,支持各种事件,不依赖任何库...中使用 React Components material: Google Material Design 效果 Angular 实现 angular-local-storage: Angular.../mui/ AntDesign react配合UI框架https://ant.design elemeJS预处理 JS Preprocessors TypeScript TypeScript 入门教程

5.6K90

手机框架_移动端框架_跨平台_汇总_哪个好

考虑到移动端性能门槛,Mint UI 采用 CSS3 处理各种动效,避免浏览器进行不必要重绘重排,从而使用户获得流畅顺滑体验。...vue-carbon 基于 vuejs 1.0 开发 material design 风格移动端 WEB UI 库 使用文档地址 https://myronliu347.github.io/vue-carbon.../book/v0.5.0/index.html Muse-UI 基于 Vue 2.0 Material Desigin UI 组件库 特性 1.组件丰富 Muse UI 基本实现了 Material...Design 设计规范类所有组件,另外还开发许多功能性组件 2.可定制 Muse UI 使用less文件,所有的颜色都有一个变量维护,通过编写 less 文件完成自定义主题,另外组件内部也提供一些修改效果参数...在全世界,Flutter正在被越来越多开发者组织使用,并且Flutter是完全免费、开源

1.8K10
领券