Time flies, although the National Day holiday has ended, but the seven days of the holiday can not express our love for the motherland. The first military parade of the new era, the debut of new weapons, the dress and spirit of the soldiers participating in the parade, in addition to a long time can not forget, but also feel the prosperity and strength of the great motherland. Only when a country is strong can we have a greater sense of fulfillment and happiness. Stay true to your original aspiration, forge ahead and continue to work hard, IT people!
After the excitement, it’s time to come back to reality. Let’s take a look at the sixth issue of Open Source Essentials. In this issue, you’ll find some useful libraries, tools and frameworks, such as Baidu’s NoahV, the HTML template library —— lit-html, or Google’s Jib. Without further ado, let’s have a sneak peek!
The front end
1.Maizzle
Maizzle is an HTML email framework that helps you quickly prototype HTML emails. You don’t need to learn specific syntax, just write NORMAL HTML. Because there are no hard-coded components at the core of the framework, it allows for greater flexibility and portability of the code.
Project Address:Github.com/maizzle/mai…
2.Choices.js
Choices. Js is a customizable JS selection box/text input plug-in similar to Select2 and Selectize, but independent of jQuery.
Project Address:Github.com/jshjohnson/…
3.Balloon.css
Balloon. CSS is a simple tooltip box implemented purely in CSS. With just a few lines of CSS code, you can achieve the effect of prompts in different locations.
Project Address:Github.com/kazzkiq/bal…
4.v-region
V-region is a Chinese administrative region selector based on Vue 2.0. It offers four levels of administrative districts to choose from: “province/municipality”, “city”, “district/county”, and “township/town/street”. It also has multiple display modes (plain text, form elements, drop-down selectors).
Project Address:Github.com/TerryZ/v-re…
5.NoahV
This is a front-end application framework based on Vue which is open source by Baidu. In addition to rich common components, it also provides a series of practical RESEARCH and development auxiliary functions (API data simulation, data dashboard, scaffolding), suitable for monitoring operation and maintenance, data analysis and other scenarios, as well as common background management system.
Project Address:
github.com/baidu/NoahV
6.lit-html
Lit-html is a simple, efficient and extensible LIBRARY of HTML page templates. It helps you to write HTML templates in JS, while fully supporting JS and functional programming.
Project Address:
Github.com/polymer/lit…
The back-end
1.Jib
It integrates directly with Maven and Gradle Java development environments. It does not require you to write dockerfiles or install Docker. Simply add it to your build as a plug-in to containerize your Java application.
Project Address:
Github.com/GoogleConta…
2.Bokeh
Bokeh is an interactive, visual Python library that helps you quickly present and create interactive charts, control panels, data applications, and product prototypes in a WEB browser.
Project Address:
github.com/bokeh/bokeh
3.Crawlab
Crawlab is a distributed crawler management platform based on Golang, supporting Python, NodeJS, Go, Java, PHP and other programming languages as well as a variety of crawler frameworks.
Project Address:
Github.com/crawlab-tea…
4.30 seconds – of – python
30-seconds-of-Python is a python learning resource designed to help you Get practical python programming skills in 30 seconds. It is divided into five sections: List, Math, Object, String, and Utility. I believe it will help you to improve.
Project Address:
Github.com/30-seconds/…
The mobile terminal
1.Makeup
This is an App demonstration project that uses Canvas to make face makeup, supporting functions such as whitening, skin scrubbing, lip gloss, eye beauty, face slimming, breast enhancement, long legs and so on.
Project Address:
Github.com/DingProg/Ma…
2.Flutter-Go
Flutter Go is an open source Flutter developer help App from Alibaba. It contains demonstrations of all the commonly used Flutter components and Chinese documentation to help developers navigate the use of all the commonly used Widgets. The official Android and iOS versions are now available.
Project Address:
Github.com/alibaba/flu…
3.Beeshell
Beeshell is an open source React Native component library provided by Meituan. It provides a complete set of high-quality components out of the box, including JS components and composite components, covering FE, iOS, and Android technologies. It supports custom themes for developing and serving enterprise-level mobile applications.
Project Address:
Github.com/Meituan-Dia…
4.Best-Flutter-UI-Templates
A very sophisticated set of Flutter UI templates for you to use for free.
Project Address:
Github.com/mitesh77/Be…
Tools/Resources
1.Gita
Gita is a command line tool for managing multiple Git repositories, allowing you to view the repository status in any directory, or to execute git commands.
Tool Address:
Github.com/nosarthur/g…
2.learn-regex
This is a useful regular expression learning resource, from basic concepts to usage exercises, to help you quickly master regular expressions.
Tool Address:
Github.com/ziishaned/l…
3.Research
Research is a quick search tool. It integrates baidu, Weibo, Zhihu, wechat, Yuqi, JINGdong and many other commonly used search engines. You only need to enter keywords once, and you can view the search results in different search engines, which is very convenient.
Tool Address:
Github.com/ifrontend-x…
4.VS Code LeetCode
Practice LeetCode plug-ins in VS Code. Brush necessary, quick installation!
Tool Address:
Github.com/jdneo/vscod…
5.Awesome UIKit
Awesome UIKit is an open source project designed to collect JS frameworks, Web component libraries, and administrative templates. See if there’s a template you need.
Project Address:
Github.com/jaywcjlove/…
6.Codelf
Phil Karlton once said, “In the CS world, the two things that are really hard are cache invalidation and naming.” You can see how painful it is for programmers to name variables or functions, and Codelf is a variable naming wizard. It supports major programming languages and Chinese hybrid search to help you get rid of variable naming.
Project Address:
unbug.github.io/codelf/
design
1. Nishida image
Vision and inspiration guide designers’ actions, and the easiest way to find inspiration and improve vision is to look and think more. The west field image website shared today is a high quality copyright free image material website based on CC0 protocol. It offers 6 categories and 6 image sizes for free use.
Website Address:
www.sitapix.com
2.imglarger
This is an online tool for lossless image magnification based on machine learning and artificial intelligence. It is easy to use, just upload the original image, choose the form of submission and magnification. Preview the enlarged image and save it for free.
Website Address:
imglarger.com/Tw/
3.Image Finder
Image Finder was originally an Image search engine based on Flickr. After years of development, it has become a shared image download website following CC0 protocol, so individuals and businesses can use it for free. Different from other galleries, all images in the site belong to the original photographer, and it will direct users to the original image website for downloading, but the downloading process is not cumbersome.
At present, 230,000 + high-quality image materials are displayed on the website, and you can quickly find them by color, label and popularity, which is very convenient.
Website Address:
imagefinder.co
4.Mixkit Art
In the fifth issue of “Open Source Essence”, I recommend a high-quality free video material website —— Mixkit. The Mixkit Art shared today is a category under Mixkit, but the types of the two websites are completely different.
Mixkit Art focuses on the collection of beautiful illustrations and Art patterns, covering cities, festivals, animals, food, nature and many other categories. Although the number of images on the site is not particularly large, you can also check them out if you are looking for inspiration, and all images are available for commercial or non-commercial use.
Website Address:
mixkit.co/art/
Programming ideas
1.Order confirm animation
Cool order confirmation animation.
View source code:
Codepen. IO/aaroniker/p…
2.Animated chat bar interaction
Chat Bar interactive animation example.
View source code:
Codepen. IO/kylewetton /…
3.Flipping card effect
CSS to achieve the card flip effect.
View source code:
Codepen. IO/JeremyWink /…
4.Modern Gradient Buttons
CSS implements a beautiful collection of gradient Buttons.
View source code:
Codepen. IO/TheCSSKing /…
5.CSS Card Hover Effects
CSS implements the card Hover effect.
View source code:
Codepen. IO/Jhonierpc/p…
eggs
12306 Ticket assistant ——py12306
With the development of national railway transportation and the improvement of people’s living standards, travel has become more and more convenient, but the ensuing ticket purchase problem, but it is quite a headache. During holidays, tickets are always hard to get. That’s how Py12306 was born.
This is a Python based ticket purchase assistant 12306, which has distributed, multi-account, multi-task features. It supports Web page management, and also supports nail, wechat and email notification. It can not only check tickets, but also directly order tickets.
Project Address:
Github.com/pjialin/py1…
on
1. When writing the program, there is a bug….
2. The magic of binary!
Hardcore demo pair programming
4. Finally a reason to isolate Python!
5. What are your strengths and weaknesses as a developer?
Thank you for reading. If you gain something, like and share is the biggest support to me.
Note:
If you need to reprint, please indicate the source information below, thank you!
The author:
IT application lion
Original address:
zhuanlan.zhihu.com/p/86707646/
At the same time, you are welcome to follow my wechat public account [IT Program Lion] and share IT learning articles and resources from time to time.
More articles
IT Program Lion Ye: The Essence of Open Source (The fifth issue)
IT Program Lion Ye: The Essence of Open Source (The fourth issue)
IT Program Lion Ye: The Essence of Open Source (The third issue)
IT Program Lion Ye: The Essence of Open Source (Phase II)