badgen.net
hamburgers
badgen.net | hamburgers | |
---|---|---|
2 | 8 | |
1,405 | 7,006 | |
0.6% | - | |
6.4 | 0.0 | |
2 days ago | 12 months ago | |
TypeScript | SCSS | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
badgen.net
-
The Ultimate List of CSS Code Generators For Web Development
Badge Generator
-
Badges - TL;DR for your repository's README
Shields is probably the most widely used badge generation service. Another is Badgen. Shields has a larger variety with support for a wider variety of services, etc, but Badgen has a good variety as well, along with a few that Shields doesn't yet have. Most of these are dynamic badges, updating relevant information as things change (e.g., with new release version, build status, coverage percentage, etc). And both support both dynamic and static custom badges.
hamburgers
-
CSS Tools for Enhanced Web Design
5. Hamburgers by Jon Suh
-
There was a time when each new hamburger menu design was being shared like crazy. Now, there are big lists like this one with plenty of options to use. What a time to be a web designer
When was that time like 20 years ago? This has existed for like ten years now: https://github.com/jonsuh/hamburgers
-
The Ultimate List of CSS Code Generators For Web Development
Animated Hamburguer Menus
-
The Most Satisfying Checkbox
There's many different animations for the hamburger menu, [1] this site lists a lot of interesting variations, all after the click too.
[1] https://jonsuh.com/hamburgers/
-
Animated Hamburger Icon Astra Pro Theme?
Depends on the method used to create the hamburger and the type of animation you want to use. This guy has some neat examples: https://jonsuh.com/hamburgers/
-
I found some funny things in the Official Eddsworld Website's Code
Here's some stuff I noticed: The preview image for Slippery Slope is just a screenshot The section where they normally put the weekly eddsworld comic is literally called "ComicContainer" The sort of "add section" below the content is literally called "bottom-part" The website's footer is called the "EddFooter" The text links (not in the navigation) supposedly have a slight glow around them They have a lot of css (style-ing code) for an unused menu asset (like the menus that you click and they expand). It even links to this website (https://jonsuh.com/hamburgers) that allows you to use the code.
-
25+ Awesome CSS Code Generators For Your Next Project
The below website contain CSS code for various hamburger animations. 1 .Hamburgers
-
CSS Deep
jonsuh/hamburgers - Tasty CSS-animated Hamburgers
What are some alternatives?
all-shields-cli - 🦌 Tool to help automate your badges from dotfiles for your markdown.
animxyz - The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
kaggle-badge - Add dynamically generated Kaggle Tier & Medals on your readme.
PageLoadingEffects - Modern ways of revealing new content using SVG animations.
Chips-n-Salsa - A Java library of Customizable, Hybridizable, Iterative, Parallel, Stochastic, and Self-Adaptive Local Search Algorithms
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
jacoco-badge-generator - Coverage badges, and pull request coverage checks, from JaCoCo reports in GitHub Actions
odometer
lambda-protect-hls - Lambda function for handling restricted access to HLS
SpinKit - A collection of loading indicators animated with CSS
shields - Concise, consistent, and legible badges in SVG and raster format
fancyInput - Makes typing in input fields fun with CSS3 effects