Initial CSS values for `all: initial` polyfills.
Initials avatar style for DiceBear
initials for names
A JavaScript utility library to extract initials from names.
TypeScript definitions for name-initials
Creating Stylish Initial-Based Avatars in React
The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.
JavaScript library for showing Gravatars or generating user avatars from initials.
Minimal initials avatar component for React
Oracle JET preact based components
Display user avatars in React Native like a pro with support for Gravatar, user initials, unique colors, badges, statuses, and more.
A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person.
A CSS parser, transformer, and minifier written in Rust
PostCSS plugin for CSS Modules to pass arbitrary values between your module files
Simple Initials Avatars for Ember applications
a CSS selector compiler/engine
Open Web data by the Mozilla Developer Network
Algorithms to help you parse CSS from an array of tokens.
Solve CSS math expressions
A tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and matching) based on specs and browser implementations
css loader module for webpack
A well-tested CSS minifier
Parse CSS color values
Tokenize CSS
Only load the CSS you need for the initial viewport in Rails!
Utils to speed up page load by using critical css & deferred scripts initialization
Utils to speed up page load by using critical css & deferred scripts initialization
Uses phantomjs to render and take a png snapshot of part of a page
** NOTE - This gem depends on e9_base, but does not reference it. It WILL NOT FUNCTION for apps which aren't built on the e9 Rails 3 CMS ** == E9Polls Provites a Poll renderable for the e9 Rails 3 CMS. == Installation 1. Include the gem and run the install generator to copy over the necessary files, then migrate. rails g e9_polls:install This will install the db migration, the JS and CSS required for the plugin to function properly, and an initializer. Modify the CSS as you see fit and the JS as required (carefully). Check out the initializer and modify if necessary. For non-Ajax fallbacks it uses the 'application' layout. This should be changed if the app doesn't use application layout as a sensible default. 2. Migrate the database. rake db:migrate 3. Finally, include the generated javascript and css (e9_polls.js and e9_polls.css) in the fashion suited to the app. 4. There is no #4.
Independent, componentized, highly customizable, expandable javascript, css, font and image assets to simplify initial design of web elements such as buttons, forms, notifications, etc. Alchemy includes a set of Ruby on Rails specific functionality: Forms (with SimpleForm support), Predefined layout elements (header, navigation, footer) and layout structure.
Independent, componentized, highly customizable, expandable javascript, css, font and image assets to simplify initial design of web elements such as buttons, forms, notifications, etc. Alchemy includes a set of Ruby on Rails specific functionality: Forms (with SimpleForm support), Predefined layout elements (header, navigation, footer) and layout structure.
This is a TeX-to-HTML+MathML+CSS converter class using the Javascript-based KaTeX, interpreted by one of the Javascript engines supported by ExecJS. The intended purpose is to eliminate the need for math-rendering Javascript in the client's HTML browser. Therefore the name: SsKaTeX means Server-side KaTeX. Javascript execution context initialization can be done once and then reused for formula renderings with the same general configuration. As a result, the performance is reasonable. The configuration supports arbitrary locations of the external file katex.min.js as well as custom Javascript for pre- and postprocessing. For that reason, the configuration must not be left to untrusted users.
Glimmer is a Ruby DSL Framework for Ruby GUI and More, consisting of a DSL Engine and a Data-Binding Library (including Observer Design Pattern, Observable Model, Observable Array, and Observable Hash). Used in Glimmer DSL for SWT (JRuby Desktop Development GUI Framework), Glimmer DSL for Web (Ruby in the Browser Web Frontend Framework and Winner of Fukuoka Prefecture Future IT Initiative 2025 Money Forward Award), Glimmer DSL for LibUI (Prerequisite-Free Ruby Desktop Development GUI Library and Winner of Fukuoka Ruby Award Competition 2022 Special Award), Glimmer DSL for Tk (Ruby Tk Desktop Development GUI Library), Glimmer DSL for GTK (Ruby-GNOME Desktop Development GUI Library), Glimmer DSL for FX (FOX Toolkit Ruby Desktop Development GUI Library), Glimmer DSL for WX (wxWidgets Ruby Desktop Development GUI Library), Glimmer DSL for Swing (JRuby Swing Desktop Development GUI Library), Glimmer DSL for JFX (JRuby JavaFX Desktop Development GUI Library), Glimmer DSL for XML (& HTML), and Glimmer DSL for CSS.
"Harsh: Another Rails Syntax Highlighter," is just that - it highlights code in Rails, much like Radiograph or tm_syntax_highlighting. However, it does it well, _better_. Oh, and it also supports Haml, as well as ERb. And it comes with rake tasks. Firstly, it allows block form: <% harsh :theme => :dawn do %> class Testing def initialize(str) puts str end end <% end %> as well as the form the other plugins offer, which is text as a parameter: <% harsh %Q{ class Testing def initialize(str) puts str end end }, :theme => :dawn For haml, harsh is implemented as a filter. First, add this to the bottom of your environment.rb: Harsh.enable_haml Then, to use harsh in Haml: :harsh class Foo < Bar end However, haml's filters can't take options. So how on earth are we going to customize it to our heart's delight? Easily, my friend, fret not! Enter the BCL (Bootleg Configuration Line): :harsh #!harsh theme = all_hallows_eve lines=true syntax=css h1 { float:left; clear:left; position:relative; } It has to be the first line in the filter. You don't need the config line, though. Also, notice that you can have spaces between the arguments and the little = sign. Harsh also offers rake tasks for what tm_syntax_highlighting provides in generators, and a :harsh as a stylesheet-includer to load all syntax-highlighting files, as such: <%= stylesheet_include_tag :harsh %> The rake tasks for setting up your stylesheets are these: rake harsh:theme:list # lists available themes rake harsh:theme:install[twilight] # installs the twilight theme into /public/stylesheets/harsh/ rake harsh:theme:install THEME=twilight # also installs the twilight theme (for *csh shells) rake harsh:theme:uninstall[twilight] # removes the twilight theme rake harsh:theme:uninstall THEME=twilight # also uninstalls the twilight theme (for *csh shells) While purely informative, you can find out the available syntaxes as follows: rake harsh:syntax:list