Discuss Scratch

mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

MMWS - MMWS Makes Websites Styled
MMWS | How To Use | Documentation | First Post

MMWS is a program (written by me!) that takes a .mmws file and converts it to a .css file. It's an improved version of CSS, especially in consiseness. For example, compare this:
:button + .button + #error-button
background-color white; focus red; hover
to this:
button.button#error-button {
    background-color: white;
}
button.button#error-button:focus, button.button#error-button:hover {
    background-color: red;
}
It's meant to be used as a file, which is converted to CSS and then used like that on a web page.

Some features it has that I particularly like are:
  • “>>” replacing “ ”. I always thought “a b” was aquivelant to “a > b” in CSS - with them being replaced with “a >> b” and “a > b” respectively, it's harder to confuse.
  • Shorter syntax for :not - instead of “a:not(b)”, you write “a!(b)”

Github (thanks, Chiroyce!)

Note: This is still a very early version. New features will be added very frequently. It's also somewhat meant to be a way for me to learn more features of CSS - so please suggest things and talk about MMWS here!

Last edited by mybearworld (July 3, 2022 18:49:07)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

How To Use MMWS?
MMWS | How To Use | Documentation | First Post

To use, simply add this to your HTML: edit js (for me)edit json (for me)
<script src="https://chiroyce1.github.io/MMWS/src/main.js"></script>
Then, you can create mmws tags like so:
<mmws src="style.mmws"></mmws>
You can also embed MMWS in the HTML, like so:
<mmws>
    :example + :mmws
         color cyan
</mmws>
<!-- or inline: -->
<span mmws="color blue | background cyan; hover pink">Text!</span>
Note: Inline MMWS results in an ID in the form of “–mmws-inline-123” on the element if the element doesn't have an ID already.

If you want to use embedded MMWS without it showing if a visitor does not have JavaScript on, use <style type=“text/x.mmws”> instead of <mmws>. If the syntax highlighting gets messed up, put /* after and */ before the respective tags, and not have anything before.

To install the VSCode extension, run this Python script:
import os, base64
from zipfile import ZipFile

EXT_B64 = """
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
""".strip().encode()
ZIP_PATH = os.path.expanduser("\x7e/.vscode/extensions/mmws.zip")
EXT_PATH = os.path.expanduser("\x7e/.vscode/extensions/mmws/")

print("Decoding the content...")
ext_decoded = base64.b64decode(EXT_B64)

print("Writing the content...")
with open(ZIP_PATH, "bw") as file:
file.write(base64.b64decode(EXT_B64))

print("Decompressing the content...")
with ZipFile(ZIP_PATH, "w") as zip:
zip.extractall(path=EXT_PATH)

os.remove(ZIP_PATH)

print("Done!")

Last edited by mybearworld (Aug. 1, 2022 16:58:06)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

MMWS Documentation
MMWS | How To Use | Documentation | First Post

Tip: Use VSCode and the syntax highlighting to look at this documentation. It's also viewable like this, though.
// A rule in CSS looks like this:
// .name {
// property: value;
// }
// In MMWS, they look like this:

.name
property value


/// THE NAME
// Basic names consist of either . for classes, # for IDs or : for tags.
:tag-name
display block
#id-name
display block
.class-name
display block

// To combine them, you can use +. For example, an <a> element with a link class
// is:
:a + .link
display inline-block

// To get children, you can use >. For example, an <p> element which has a
// parent of <article>, you write:
:article > :p
font-family sans-serif

// For a child anywhere in the structure, >> is used. For example, a <table>'s
// <td>s are:
:table >> :td
border 2px dotted blue

// You sometimes want something to not be the case. You can use !() for that. To
// get all children of <body> that aren't <a>s, you can use this:
:body >> !(:a)
color black

// Often, you want to know if an attribute exists. With ==, you can test for
// that. To find out if an <a> has a link, use this:
:a ==href
color darkturquoise

// You may also want to see if that attribute is something specific. To see if a
// link links to the MMWS github, use:
.a =href "https://github.com/chiroyce1/mmws"
background yellow


/// THE DECLERATION
// Declerations are pretty simple. They have a property and a value. Property
// and value are seperated with spaces.
.el
display inherit

// If they have to override everything, put a ! before the property like this:
.light-bg
!background-color aliceblue

// To use selectors, put a semicolon, then the selector, then the value. If you
// want the cursor to become a pointer on a button, you can use:
:button
cursor default; hover pointer

// You can also leave the initial value empty if you only care for the selector,
// so the above code should actually be:
:button
cursor; hover pointer

// There can also be multiple of these selectors:
:button
cursor; hover pointer; focus progress

// A value can also be left empty if there is a value before it. If there is, it
// will take that value:
:button
cursor; hover pointer; focus progress; focus-visible


/// THE VARIABLE
// Variables can declared within a rule or outside. Outside they look like this:
$background-color white

// And inside the same:
:html + .dark
$background-color black


/// THE COMMENT
// Comments can be done using //. They end with a new line. This has been used
// across this documentation.

Last edited by mybearworld (July 28, 2022 09:08:37)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

(no content here yet)

Last edited by mybearworld (June 25, 2022 21:22:46)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

(no content here yet)

Last edited by mybearworld (June 25, 2022 21:22:53)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

(no content here yet)

Last edited by mybearworld (June 25, 2022 21:23:00)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
PoIygon
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

Reserved



mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

I should probably write a bit of how to use this shouldn't I…
Done!

Last edited by mybearworld (June 25, 2022 21:54:57)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
NFlex23
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

This looks really neat!







Sorry if I'm too serious sounding on the forums. I don't usually realize it until I've already posted.

My personal stickies:

Sticky: Aviate: create dynamic, component driven statuses on the fly (aviateapp.eu.org) by NFlex23 (New Posts)

Sticky: Scratch Tutorials — share your knowledge or learn something new with Scratchers worldwide by NFlex23 (New Posts)

mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

NFlex23 wrote:

(#9)
This looks really neat!
Thank you!


this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
MagicCrayon9342
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

vscode extension?
syntax highlighting for vscode?










mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

MagicCrayon9342 wrote:

(#11)
vscode extension?
syntax highlighting for vscode?
I… want to do that. But a) this is still very much wip and b) they're quite infuriating to make

I just realized I completely forgot variables in my documentation…

Last edited by mybearworld (June 25, 2022 22:01:58)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
kccuber
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

What license? Is it just unlicensed?


Made using Nord Theme & Inkscape
god286
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

kccuber wrote:

What license? Is it just unlicensed?
https://scratch.mit.edu/terms_of_use/ 4.3 might apply

This is interesting! I probably won't use this in any of my sites (Used to tailwind/normal css) but it looks simpler. Syntax highlighting would be awesome if implemented though

Last edited by god286 (June 26, 2022 06:33:10)


meowclient
Typescript and ESM support
Kind-of good documentation
Easy to use
meowclient


                 _ ____  ___   __   
__ _ ___ __| |___ \( _ ) / /_
/ _` |/ _ \ / _` | __) / _ \| '_ \
| (_| | (_) | (_| |/ __/ (_) | (_) |
\__, |\___/ \__,_|_____\___/ \___/
|___/
^ inspired by @Chiroyce, made with figlet
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

god286 wrote:

(#14)

kccuber wrote:

What license? Is it just unlicensed?
https://scratch.mit.edu/terms_of_use/ 4.3 might apply
I'm pretty sure 4.3 applies, as it says “all user-generated content”

god286 wrote:

Syntax highlighting would be awesome if implemented though
I'll try - no guarantees though


this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)


Last edited by mybearworld (June 26, 2022 10:22:43)



this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)




this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661
MonkeyBean2
Scratcher
100+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

Hey, this is related: https://scratch.mit.edu/projects/607394721/ It's a function that encodes any string with any base with any charset into a string of any base, with any charset, except, since it has to go through a middle stage of a single number in a scratch variable, with big strings it will fail, due to javascript's safe integer limit I've been trying to fix it, for months….


9NAwRfSR-%dWFS$a$g&zBMTj2?;jvS?L5%^X%qpCX|A<*paJ=lU07c)wmt$v{TxL5

mybearworld
Scratcher
1000+ posts

[NOW IN JAVASCRIPT!] ~~ MMWS - MMWS Makes Websites Styled (Improved CSS!)

MonkeyBean2 wrote:

(#19)
Hey, this is related: https://scratch.mit.edu/projects/607394721/ It's a function that encodes any string with any base with any charset into a string of any base, with any charset, except, since it has to go through a middle stage of a single number in a scratch variable, with big strings it will fail, due to javascript's safe integer limit I've been trying to fix it, for months….
Uh… how is this related to MMWS?


this is working as intended




2+2*5 = ?
2+2*5 = 20
2+2*5 = 12
2+2*5 = 77034585053198940266692661

Powered by DjangoBB

Standard | Mobile