第四版本,修改完毕

一个人是孤独的!

即便是在朋友圈子里,我也是一个人。
完全没有相同职业的朋友。

尽管如此,我还是一个人默默地完成了。

去年九月完成了第一版,到今天,第四个版本,最终版,SCSS重构的最终版,在今天完成了。

颜色体系众多,为了便于使用,另外也导出了一个不含渐变色的精简版。

总结一下,在不压缩的情况下,包含必要注释,一共99896行,1.7Mb。

CSS Framework第三版,开始修订

终于开始了,这一次修订,主要对前面两版在实践中的各种问题的修复,去除重复定义。
事实上,第二版还没有正式发布,第二版算是个过渡版本,承接第一版,启发第三版,在不断的微调中,总结了很多问题,逐一修复。

我坚信,未来的路还远着,第三版,或许仍然是个过渡版本,但将会是一个较大修改的版本。

构建自由灵活的前端框架……

没错,我喜欢省略号多过于其他的标点符号,因为,省略号有更多的潜台词,意犹未尽。

正题,从自己有想法写一套前端css框架开始,自由和灵活这两个词就反复的在脑子里蹦跶,时刻提醒我,考虑问题要周全,预设css要完备;只有这样,构建页面时,才能做的自由灵活的组合。
预想一下,一个完成的网站,有时候需要在一个模块上调整一下样式,或者增加一点内容,而且,这个模块在其他页面也有,要不冲突的解决问题,唯一的方法可能就是在父级盒子上新增一个class名称。
这个需求是很常见的。

如果,拆分了需求,每个可能新增的需求都预置好了对应的样式,那么,只需要在需要修改的模块上,新增对应的样式即可,例如,改变颜色,改变布局等等。
以上看起来像废话,而且,也是许多框架正在或者已经实现的,但我仍然需要为自己去定制一套。

然而,只有在实际项目中,才能逐步去根据需求去完善框架,一个人的思路和精力都是有限的,多么希望多几个人参与进来,共同创造并完善一套框架。

semantic-ui更新至2.4

cd至对应目录,执行npm update命令,只是升级了node_modules目录下对应的semantic-ui版本。
然后,cd至项目目录下,执行gulp build命令,也只是升级了dist目录下的semantic的css和js文件,相关组件的版本仍然是旧版的。
删除dist目录,重新gulp build,这样才会把项目目录下的semantic文件全部升级至最新版本。

记录:CSS Framework重大更新

记录一下时间节点。
今天对css framework进行了较大的修改,增加了一些组合,修改了一些命名,使命名更简洁。

对一些元素的class名称定义,进行了分离。

关于这个css framework肯定是个长期修订的过程,不过,初版发布以后,第二版的修订也差不多快完成了,随后再整理一下文档,然后就发布。

最终,还是要在具体项目实践中去对版本进行微调更新。
具体微调,更多的应该是权重的调整,即场景应用中important的值,是否需要追加。
暂时只定义了一部分已知的权重。
关于这点,或者说是自己的知识储备还不足以完全明确属性中是否需要追加important……

important,更多的应该算是hack的范畴了,我个人认为,能不用就不用,使用了important,就意味着失去了灵活性。

关于框架引出的一系列思考

最近一直的看各种不同的框架,困惑一直没有停止。
学习和领会别人的思路,研究布局结构,研究css写法。

css,真的不是那么简单的一句层叠样式表就能解释说明的。
越深入,越着迷,越困惑,越无法自拔……

以往,觉得自己算是比较熟悉css了,现在看了,也算是入门而已。

从各种优秀的框架中,又接触到一些新的东西,更加觉得自己需要自我完善的地方太多了。
最近,看了semantic-ui,tailwind-css,这两个框架都在Node.js上有部署,通过Node.js,又接触到了一些基于Node.JS的开源内容管理和静态网站生成系统。
结合自己的工作需求,感觉真正的找到了我一直思考的东西:静态网站,动态管理!

Freedom CSS Framework 1.0 Pre-release

Pre-release,小小修改了一点,正式发布了一个预览版本。

接下来,先实践一个版本,在实际项目中去检验,然后再做修订,修补一些空缺的、令人纠结的内容。

有些东西,感觉写出来没有什么意义,不写,又觉得不完整。例如,有关container(容器),行、列等,bootstrap的思路已经完美无缺了,为何要重定义?

如果,剥离了bootstrap框架,那这套css框架还远远不够。当然,基本元素的自由搭配是没有问题的。对于页面非常重要的结构布局来说,缺少的就太多了。

近期看了太多的框架,相较而言,bootstrap应该是历史最悠久的了,其他框架,例如semantic-ui、tailwind-css、uikit等等,几乎都想跟bootstrap区分开来,都强调灵活性,强调自然语法,强调简短组合。

诚然,在css的写法上,特别是对css3的应用上,这几个后来者确实表现得酣畅淋漓,令人眼前一亮。

对习惯了bootstrap的人来说,学习新框架或许没有那么困难,重要的还是要实践,但是,灵活的框架,共性就是语法太多,独立的语法,呈现独立的效果,相对而言,就要记忆更多的词汇。