Semantic UI

一款绝对让你惊艳的CSS框架——TailwindCSS

我的未来我决定 提交于 2020-11-15 21:21:23
前言 前段时间,laravel更新8.0版本,系统内置的Jetstream应用支架使用的是Tailwind CSS,于是勾起了我对Tailwind CSS的兴趣。 后来项目中也是逐步使用,总体感觉超级爽。就像他的简介一样Utility-First效用优先的CSS框架。 相比bootstrap,semantic ui antd这些组件库,tailwind只是个css库,简单的说就是可以完成任何ui交互,而上面的组件库一般就是做个后台应用,所以使用tailwind的环境更广泛一些。 几个亮眼的地方 首先是响应式设计。 css的媒体查询写起来还是比较麻烦的,如下: @media only screen and (max-width: 760px) { .navbar { width:100%; } } **使用了Tailwind CSS就免去这些繁琐的东西。**默认情况下,Tailwind使用移动优先断点系统,类似于您在Bootstrap或Foundation中可能使用的系统。 这意味着未加前缀的实用程序(如uppercase)在所有屏幕尺寸上都有效,而带前缀的实用程序(如md:uppercase)仅在指定的断点及以上断点生效。 如下一段代码就可以实现不同尺寸显示不同样式,是不是比媒体查询写法方便很多呢! <div class="bg-red-500 sm:bg-green-500 md

6 个接私活的网站,你有技术就有钱!

雨燕双飞 提交于 2020-10-07 00:58:11
作者 | 发哥 来 源 | GitHubDaily 本篇文章会向大家推荐国内外几个接外包比较靠谱的平台,主旨是贵精不贵多。因此,像「猪xx」这种会让程序员自贬身价,扰乱市场规则的网站,便不会出现在下方推荐列表中。 下面开始进入正题。 国外篇 如果你打算接国外的软件外包,以下几点能力最好提前掌握: 基本的英语沟通能力(能跟阿三哥沟通) 良好的统筹规划能力(考虑好时差因素) 财务管理能力(报税、回款周期管理) freelancer freelancer.com 如果你打算进军国外的外包行业,与阿三哥竞争,那不论如何都绕不开 freelancer 这个网站。 排在首位的 freelancer,目前是全球影响力最大的自由职业与众包平台,公司创办于 2010 年,总部位于澳大利亚悉尼,员工遍布 240+ 个国家,拥有 4000+ 万的雇主与自由职业者。从软件设计、开发、测试到营销、会计、法律服务,你都能在上面找到对应的合作方,其业务覆盖范围不可谓不广。 另外,财大气粗的 freelancer 还在不断收购一些比较优质的外包市场,进一步扩大自己的规模,慢慢蚕食着整个市场。 不过,作为上市公司的 freelancer,近半年的公司股价却在持续走低... 具体原因在此就不多做分析了。 仅从平台规模与市场占比上看,freelancer 是集聚了当今世界上诸多优秀自由职业者的接单平台

程序员接私活,接单平台

人盡茶涼 提交于 2020-10-06 06:50:39
面向国内企业接单,主要好处就是对英语沟通能力的要求没那么高,不过客户屁事多,不懂装懂,需求来回改,喜欢瞎 bb,回款周期长的问题也普遍存在。 因此,我个人觉得,面向国内市场接单,在你基本技术能力都满足的情况下,下面这项能力应该是你最需要重视的: 商务沟通能力(管理好客户的心理预期) 倘若管理不好客户心理预期,项目就容易出问题。最常见的情况,就是信息不对称:客户认为钱给多了,你活干少了;或者你活干了一堆,却见不到具体产出物等等。 类似这样的坑,还有一堆。限于篇幅,就不在此细聊了,我后面会新开篇文章跟大家分享。 下面我们接着回来聊聊国内几个比较靠谱接单平台。 码市 https://codemart.com/ 要聊「码市」,就得先聊 Coding,作为国内首个一站式云端软件服务平台,你可以简单把 Coding 理解为中国版 GitHub,尽管他们志向并不在于此。 Coding 于 2014 年 2 月在深圳成立,目前共拥有 100 万用户,7000+ 企业,170 万托管项目,获得各大资本融资累计 2500 万美元。 我个人应该是 2015 年前后接触的 Coding,那会主要是被他们网站清新优雅的 UI 所折服,因为 Coding 是国内为数不多使用 Semantic UI 进行前端开发的产品之一。在 Bootstrap 被广泛应用的时代,选用一款刚诞生不久

JavaScript引入方式

有些话、适合烂在心里 提交于 2020-08-11 17:57:11
写在行内 <input type="button" value="按钮" onclick="alert('Hello World')" /> 写在script标签中 <head> <script type="text/javascript"> alert('Hello World!'); </script> </head> 注意: type属性不是必须的,如果没有指定该属性,则其默认值仍为 text/javascript 记住在JavaScript代码中任何地方都不要在代码中出现"</script>"字符,因为当浏览器遇到"</script>"标签时就会认为那是结束标签,通过转义字符"\"解决这个问题例如 </script> script的位置:传统的做法是把所有的<script>元素都放在<head>元素中,这样的做法目的就是把所有的外部文件css和JavaScript文件的引用都放在相同的地方,可是在文档<head>中包含所有的文件,意味着JavaScript代码都被下载,解析完成以后,才能开始呈现页面内容,对于要执行很多JavaScript代码的网页来说,这样无疑会导致浏览器在呈现页面时出现延迟期间的浏览器窗口将是一片空白, ,为了比年这个问题,现代web应用程序一般都会把JavaScript引用放在<body>元素中页面内容的后面 </body>的前面 写在外部js文件中

优秀的Vue UI组件库推荐

寵の児 提交于 2020-04-16 14:08:27
【推荐阅读】微服务还能火多久?>>> 优秀的Vue UI组件库推荐 一、总结 一句话总结: ^、可以注意下Quasar,Quasar功能比较全,下次用的话试下这个,Bootstrap-Vue也同样可以注意下 ^、vue ui库省了我们把组件封装成vue组件的过程(当然也省了我找组件和调组件的过程),所以蛮可以节约开发效率 二、16款优秀的Vue UI组件库推荐 转自或参考:16款优秀的Vue UI组件库推荐 https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html 16款优秀的Vue UI组件库推荐 Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。 在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。 开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI组件库。 PS:国内的UI组件大部分都只有一部分的,常用的头部导航,底部导航,listview,grid表格很多都是没有的。 后面才发现,基于Vue的Quasar

TODO:搭建Laravel VueJS SemanticUI

孤人 提交于 2019-12-02 21:17:21
TODO:搭建Laravel VueJS SemanticUI Laravel是一套简洁、优雅的PHP开发框架(PHP Web Framework)。可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。 VueJS是一款渐进式JavaScript框架,有着易用,灵活,高效的有点。简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。 SematicUI 是完全语义化的前端界面开发框架,跟 Bootstrap 和 Foundation 比起来,还是有些不同的,在功能特性上、布局设计上、用户体验上均存在很多差异。易于学习和使用,对于社区贡献来说是比较开放的。有一个非常好的按钮实现,情态动词,和进度条。在许多功能上使用图标字体。 1. 创建Laravel项目 composer create-project laravel/laravel 项目名称,网速有点慢要小等 2. 运行npm install安装nodejs对应的包 3. 配置bower,bower是啥?Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。在这里主要用于管理html5shiv,semantic。需要添加两个配置bower.json管理要用的js包,还有一个配置文件