css-diner

flukeout / css-dinerCSS第 54 期 · 2020-09-28
实时数据待拉取(运行 scripts/enrich.py 后填充)
css-diner

项目简介

通过游戏方式在线学习 CSS 选择器知识。初学者可以通过简单的动画界面,学习 CSS 多种选择器语法是如何筛选出页面的元素,虽然是英文网站但还算通俗易懂。[在线尝试](https://flukeout.github.io/)

本期其他项目

全部 →
暂无截图
C第 54 期

libevent

C 语言实现的轻量级、高性能事件通知库。基于事件驱动,支持多种 I/O 多路复用技术:epoll、poll、select、kqueue 等。libevent 就是这些系统基础库的统一封装,提供更高级的 API 并解决跨平台的问题

暂无截图
C#第 54 期

machinelearning

微软开源的 C# 机器学习框架。支持的机器学习类任务:分类、回归、聚类等,[教程和视频](https://dotnet.microsoft.com/learn/ml-dotnet)。示例代码:```C var dataPath = "sentiment.csv";var mlContext = new MLContext();var loader = mlContext.Data.CreateTextLoader(new[]{new TextLoader.Column("SentimentText", DataKind.String, 1),new TextLoader.Column("Label", DataKind.Boolean, 0),},hasHeader: true,separatorChar: ',');var data = loader.Load(dataPath);var learningPipeline = mlContext.Transforms.Text.FeaturizeText("Features", "SentimentText").Append(mlContext.BinaryClassification.Trainers.FastTree());var model = learningPipeline.Fit(data);var predictionEngine = mlContext.Model.CreatePredictionEngine(model);var prediction = predictionEngine.Predict(new SentimentData{SentimentText = "Today is a great day!"});Console.WriteLine("prediction: " + prediction.Prediction);```

drogon
C++第 54 期

drogon

一款 C++ 的异步非阻塞高性能 Web 框架。功能强大、上手容易,使得用 C++ 语言构建各种类型的高性能 Web 应用,变得更加方便。示例代码:```C++#include using namespace drogon;int main(){app().setLogPath("./").setLogLevel(trantor::Logger::kWarn).addListener("0.0.0.0", 80).setThreadNum(16).enableRunAsDaemon().run();}```

go-admin
Go第 54 期

go-admin

基于 Gin+Vue+Element UI 的前后端分离权限管理系统。文档齐全、还有视频教程适合新手学习,特点:- 遵循 RESTful API 设计规范- 基于 Gin Web API 框架,提供了丰富的中间件支持(用户认证、跨域、访问日志、追踪 ID 等)- 支持 Swagger 文档- 等等

go-micro
Go第 54 期

go-micro

一款 Go 插件化的基础框架。我只知道它是个 Go 微服务框架,基于它可以快速构建微服务。示例代码如图所示:

暂无截图
Go第 54 期

now

Go 语言的时间工具库。项目简单、代码易懂,示例代码丰富:```go import "github.com/jinzhu/now"time.Now() // 2013-11-18 17:51:49.123456789 Mon now.BeginningOfMinute() // 2013-11-18 17:51:00 Mon now.BeginningOfHour() // 2013-11-18 17:00:00 Mon now.BeginningOfDay() // 2013-11-18 00:00:00 Mon now.BeginningOfWeek() // 2013-11-17 00:00:00 Sun now.BeginningOfMonth() // 2013-11-01 00:00:00 Fri now.BeginningOfQuarter() // 2013-10-01 00:00:00 Tue now.BeginningOfYear() // 2013-01-01 00:00:00 Tue now.WeekStartDay = time.Monday // Set Monday as first day, default is Sunday now.BeginningOfWeek() // 2013-11-18 00:00:00 Mon now.EndOfMinute() // 2013-11-18 17:51:59.999999999 Mon now.EndOfHour() // 2013-11-18 17:59:59.999999999 Mon now.EndOfDay() // 2013-11-18 23:59:59.999999999 Mon now.EndOfWeek() // 2013-11-23 23:59:59.999999999 Sat now.EndOfMonth() // 2013-11-30 23:59:59.999999999 Sat now.EndOfQuarter() // 2013-12-31 23:59:59.999999999 Tue now.EndOfYear() // 2013-12-31 23:59:59.999999999 Tue now.WeekStartDay = time.Monday // Set Monday as first day, default is Sunday now.EndOfWeek() // 2013-11-24 23:59:59.999999999 Sun```

pgweb
Go第 54 期

pgweb

基于 Go 实现的跨平台 PostgreSQL 数据库管理工具。通过本地起服务+浏览器的方式解决了跨平台的问题,启动命令:```三种方式:参数:pgweb --host localhost --user myuser --db mydb URL:pgweb --url postgres://user:password@host:port/database?sslmode=[mode]Socket:pgweb --url "postgres:///database?host=/absolute/path/to/unix/socket/dir"```

同类项目

全部 →
theme.park
CSS第 110 期

theme.park

自托管应用的主题集合。该项目为各种自托管 Web 应用提供统一且美观的主题和皮肤,支持 Nextcloud、Sonarr、Radarr、Jackett、Emby、Jellyfin 和 Home Assistant 等 50 多款应用。

nord
CSS第 108 期

nord

好看的北极蓝配色方案。这是一个开源的北极蓝主题配色方案,包含 16 种柔和的色调,适用于代码编辑器、终端和网页设计等应用场景。无法亲临北极,也能用这抹宁静的蓝,给视觉一次沉浸式旅行。

latex-css
CSS第 105 期

latex-css

LaTex 文档风格的 CSS 库。这是一个能够让你的网站看起来像 LaTex 文档的 CSS 样式库,支持定理、定义、引理和证明的标签,以及作者、副标题、摘要等可选的类名。

easings.net
CSS第 96 期

easings.net

CSS 缓动函数速查表。缓动函数(Easing Functions)是一种用于控制 CSS 动画速度的函数,该项目提供了一系列优雅的缓动函数示例代码和效果展示。```css.block {transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0);}```

hyperui
CSS第 95 期

hyperui

免费的 Tailwind CSS 组件集合。该项目提供了一系列适用于网站、营销和电商等网站的免费 Tailwind CSS 组件。这些组件支持深色模式、移动端适配和 LTR,复制代码即可使用。

pokemon-cards-css
CSS第 90 期

pokemon-cards-css

炫酷的神奇宝贝卡牌 CSS 效果。该项目是口袋怪兽卡高级 CSS 样式集合,使用了 3D 变换、滤镜、渐变等技术,实现了眩光、纹理、银河全息、垂直光束等效果。

layui
CSS第 88 期

layui

面向后端开发者的 Web UI 组件库。这是一款采用原生态 HTML/CSS/JS 开发模式的免费 Web UI 组件库,它拿来即用无需构建工具,极易上手、UI 简约清爽,深受广大后端开发者们的喜爱。```html开始使用 Layui// 使用组件layui.use(['layer', 'form'], function(){var layer = layui.layer;var form = layui.form;// 欢迎语layer.msg('Hello World');});```

css
CSS第 82 期

css

GitHub 开源的设计系统。由 GitHub 设计团队开源和维护的项目,包含了 GitHub 的界面设计原则、使用指南和开箱即用的 UI 组件。