I've been wanting to try out Splitting.js and ScrollOut to recreate a pen I made some time back for cascading text animations: https://codepen.io/jh3y/pen/wJMPYQ.
So here it is! Enjoy! 😎
Corina corinagum
corinagum
/ lorem-ipsum.js
Created
August 20, 2022 05:35
— forked from rviscomi/lorem-ipsum.js
JavaScript Lorem Ipsum Generator
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @fileOverview Generates "Lorem ipsum" style text. | |
| * @author rviscomi@gmail.com Rick Viscomi, | |
| * tinsley@tinsology.net Mathew Tinsley | |
| * @version 1.0 | |
| */ | |
| /** | |
| * Copyright (c) 2009, Mathew Tinsley (tinsley@tinsology.net) | |
| * All rights reserved. |
corinagum
/ Mac OS X: Open in Visual Studio Code
Created
July 21, 2022 03:00
— forked from tonysneed/Mac OS X: Open in Visual Studio Code
Add a command to Finder services in Mac OSX to open a folder in VS Code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| - Open Automator | |
| - File -> New -> Service | |
| - Change "Service Receives" to "files or folders" in "Finder" | |
| - Add a "Run Shell Script" action | |
| - Change "Pass input" to "as arguments" | |
| - Paste the following in the shell script box: open -n -b "com.microsoft.VSCode" --args "$*" | |
| - Save it as something like "Open in Visual Studio Code" |
corinagum
/ cascading-text-effects-w-splitting-scrollout.markdown
Created
June 19, 2022 07:22
— forked from CodeMyUI/cascading-text-effects-w-splitting-scrollout.markdown
Cascading text effects w/ Splitting + ScrollOut ✍️🤓
This guide is intended to help users:
- Find answers when facing a problem, (e.g. bug or implementation issue) and/or
- Find feature requests and discussion related to their current topic
before filing a new issue. This will help users discover answers and/or workarounds without needing to wait for a response, and will help the Web Chat team reproduce a reported bug more quickly.
corinagum
/ Windows Terminal Preview settings.json
Created
September 6, 2020 01:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // This file was initially generated by Windows Terminal Preview 1.3.2382.0 | |
| // It should still be usable in newer versions, but newer versions might have additional | |
| // settings, help text, or changes that you will not see unless you clear this file | |
| // and let us generate a new one for you. | |
| // To view the default settings, hold "alt" while clicking on the "Settings" button. | |
| // For documentation on these settings, see: https://aka.ms/terminal-documentation | |
| { | |
| "$schema": "https://aka.ms/terminal-profiles-schema", |
Related issues: A11y Filter Dialog
Current code (ProjectTree/index.tsx):
Implement the ability to display languages (such as Arabic, Urdu, etc) in Right-to-Left UI.
- Right-to-Left (RTL) is the UI implementation of displaying an app differently according to the language (human language, i.e. English or Arabic) of the app. For example, Arabic is a RTL language, and therefore an app in Arabic will ideally mirror* the English version of the UI to fit the directional flow of the language's script.
- Left-to-Right (LTR) follows the directional flow of languages like English
- Bidirectional support (or BiDi) allows for both RTL and LTR (Left-to-Right) support within a single app, depending on the language of the content being displayed.
(*) 'Mirror' in this article is not meant literally. In UI rules of BiDi, not every aspect or component will be mirrored, and the rules dictating those decisions will be discussed below.