#Excel Files to HTML

[copperbadge]

Migrating Off Evernote

Evernote, a web-based notes app, recently introduced super-restrictive controls on free accounts, after laying off a number of staff and introducing AI features, all of which is causing a lot of people to migrate off the platform. I haven't extensively researched alternative sites, so I can't offer a full resource there (readers, feel free to drop your alternative sites in notes or reblogs), but because I have access to OneNote both in my professional and personal life, I decided to migrate my Evernote there.

I use them for very different things -- Evernote I use exclusively as a personal fanfic archive, because it stores fics I want to save privately both as full-text files and as links. OneNote I have traditionally used for professional purposes, mainly for taking meeting notes and storing information I need (excel formulas, how-tos for things I don't do often in our database, etc). But while Evernote had some nicer features it was essentially a OneNote clone, and OneNote has a webclipper, so I've created an account with OneNote specifically to store my old Evernote archive and any incoming fanfic I want to archive in future.

Microsoft discontinued the tool that it offered for migrating Evernote to OneNote directly, but research turned up a reliable and so-far trustworthy independent tool that I wanted to share. You export all your Evernote notebooks as ENEX files, then download the tool and unzip it, open the exe file, and import the ENEX one by one on a computer where you already have the desktop version of OneNote installed. I had no problem with the process, although some folks with older systems might.

I suspect I might need to do some cleanup post-import but some of that is down to how Evernote fucked around with tags a while ago, and so far looking through my notes it appears to have imported formatting, links, art, and other various aspects of each clipped note without a problem. I also suspect that Evernote will not eternally allow free users to export their notebooks so if nothing else I'd back up your notebooks to ENEX or HTML files sooner rather than later.

I know the number of people who were using Free Evernote and have access to OneNote is probably pretty small, but if I found it useful I thought others might too.

[konjaku]

黄立羽[Kitateha] Polygonia c-aureum

黄[Ki] : Yellow

立[Tate] : 立てる[Tateru], to stand up, to erect

羽[Ha] : Wing

立羽 is 立羽蝶[Tatehachō], which means Brush-footed butterfly(Nymphalinae). Tateha is so named because it folds its wings and puts them up when perching on something. The length of the forewings is about three centimeters, and it is a common species. 蝶 means butterfly. It is 野紺菊[Nokongiku](Aster microcephalus var. ovatus) that Kitateha is perching on.

芥川龍之介[Akutagawa Ryūnosuke] wrote the following in the short story 羅生門[Rashōmon]. https://en.wikipedia.org/wiki/Rashōmon_(short_story)

どうにもならない事を、どうにかするためには、手段を選んでいる遑はない。

[Dō nimo naranai koto wo, dō nika suru tame niwa, shudan wo erande iru itoma wa nai.] There is no time to choose the means to deal with things that cannot be helped. Source: https://www.aozora.gr.jp/cards/000879/files/127_15260.html

It is possible to do that because humans are creatures that can move on their own. Plants, on the other hand, accept every situation as it is, and, 禅[Zen] has something in common with this.

In the winter of 1828, when a major earthquake hit Sanjō, Echigo Province (Niigata Prefecture today), Zen monk 良寛[Ryōkan](1758 - 1831) wrote the following in a letter to a stricken friend. https://en.wikipedia.org/wiki/Ryōkan

災難に逢ふ時節には災難に逢ふがよく候 死ぬる時節には死ぬがよく候 是は(これ)災難をのがるゝ妙法にて候

[Sainan ni au jisetsu niwa sainan ni au ga yoku sōrō Shinuru jisetsu niwa shinu ga yoku sōrō Kore wa (kore) sainan wo nogaruru myōho nite sōrō] When calamity strikes, it is good to be in calamity When the time is appropriate to die, it is good to die This is the excellent method of escaping from calamity Source: https://dl.ndl.go.jp/pid/957395/1/140

He also wrote the following poem.

花󠄁無心招蝶、蝶無心尋󠄁花󠄁、花󠄁開時蝶來、蝶來時花󠄁開、吾亦不知人、人亦不知吾、不知從帝則

[Hana wa mushin nishite chō wo maneki, chō wa mushin nishite hana wo tazunu. Hana hiraku toki chō kitari, chō kitaru toki hana hiraku. Ware mata hito wo shirazu, hito mata ware wo shirazu, shirazushite teisoku ni shitagau.] A flower mindlessly invites a butterfly, a butterfly mindlessly visits a flower. When the flower blooms the butterfly comes, when the butterfly comes the flower blooms. I do not know what is in people's heart, people do not know what is in my heart either. Unknowingly I follow the natural order of things. Source: https://dl.ndl.go.jp/pid/968898/1/210

[libras-interactives]

It's Here - Version 1.0!

1925. You work for Cecil Flynn, a ruthless high-rolling lawyer and gang-adjacent businessman based in Chicago. While not your first choice of employment, it's more than enough to support yourself or any dependents ... and he's made sure you can't leave easily. You made a deal with this devil three years ago, and since then you've turned into an excellent investment. 

In those three years, Chicago has been your home, but now your employer has decided it's time for a change of scenery. Alongside your fellow ne'er-do-wells Marius Beausoleil and Jack Paige, you travel to St. Louis, where a wildly popular speakeasy has fallen into Mr. Flynn's crosshairs. It's a shame what you may have to do on his orders, but that's just business, isn't it? 

Step right up to enjoy this interactive Lackadaisy fanfiction! Create your character with over 30 options, and enjoy the story, which will hover around ~20k for most readers.

How to read: Simply click that link and download the HTML file. You can open it with nearly any browser that recognizes HTML. On android devices, do NOT use HTML Reader.

Character creation features: Appearance, gender expression, culture, occupation, and most importantly - the deal you cut with Mr. Flynn. Choose your level of affection, and who you feel platonically or romantically toward - you can also go aromantic and/or ace!

Love interests: Only Rocky and Mordecai to start, with the latter being a very slow burn. Others will be added in future updates, and some characters already have romantically-inclined dialogue/text if you choose to be interested in them.

1.1 update will come after I rest up! Thank yall for the very kind words and suggestions and help with the preview !!

[amphibianauthor]

Ao3 Coding References

I recently made a code-heavy choose your own adventure fic, and I wanted to compile all of the really helpful resources I've found along the way. I know little to nothing about HTML but having all of these resources were amazingly helpful.

Basics:

This Ao3 Posting Doc converts Google doc into HTML, adding bold, underline, italics, strikethrough, paragraph breaks, and centered text. Major game changer for heavy HTML works

The Fic Writer's Guide to Formatting by AnisaAnisa: This is a masterpost in itself, covering links, images, boxes, borders, fonts etc. So I'm putting it here since it's amazingly helpful

HTML References by W3 schools- I've linked the HTML colors here, but this is a platform designed to help people learn/reference HTML

This got long: Text resources, fancy formatting & other website formats below the cut

Text resources:

Font's chapter: The Fic Writer's Guide to Formatting: okay I know I already linked it above, but listen it's very good so I'm linking again

Fonts colors and work skins oh my by Charles_Rockafeller takes fonts to a different level.

Multicolored text skin by ElectricAlice GRADIENT TEXT

All the Emoji by CodenameCarrot while Ao3 has signifigantly improved on hosting emojis, this code helps with using some more unconventional emojis. Amazing resource.

Upsidedown text and Zalgo text generators - these specific text generators allow for you to see their direct HTML codes

Workskin for showing and hiding spoilers by ElectricAlice makes text appear when hovered/clicked. Amazing for Trigger Warnings

Make text appear when you click [Work skin] by Khashana clickable end notes buttons for your work, similar to the spoiler button text

Desktop/mobile friendly short tooltips workskin by Simbaline

How to make Linked Footnotes on Ao3 by La_Temperanza

User-selectable Names in a Fanfic work by fiend Ever want people to select between different names in a fanfic? I could also see this used as ability to switch gender in a fanfic.

AO3 Comic Text Effects using CSS by DemigodofAgni Ever want a giant comicbook POW in your fic?

How to override the Archive's Chapter Headers by C Ryan Smith

Fancy Formatting:

Embedding youtube videos on ao3 to scale with the screen by pigalle add youtube videos mid fic

Conlangs and Accessibility by Addleton this fic instructs how to have accessible translations in fic

How to mimic letters, fliers and stationary without using images by La_Temperanza Really helped with box formatting

Decorations for Fic (HTML/CSS): Fanart, Dividers, Embedded Songs and More by Jnsn this has SO MANY cool coding features, including a chessboard that moves when you hover over it

How to make a News Website Article Skin on Ao3 by ElectricAlice

Screenplay skin by astronought

How to make custom Page Dividers by La_Temperanza

How to make Images Fit on Mobile Browsers by La_Temperanza great image adding code

How to Wrap text around images by La_Temperanza image text wrapping

How to insert Gmail emails in your fic by DemigodofAgni

How to mimic Email Windows by La_Temperanza

How to make a Choose Your Own Adventure Fic by La_Temperanza allows for clickable links and hidden text.

Personal Experiment with HTML and CSS by MohnblumenKind This has a variety of help, Chapter 6 & 7 were great for choose your own adventure, Chapter 4 talks about columns and skins, and Chapter 10 even has a newspaper made entirely from site code.

Learn to Microsoft Excel by ssc_lmth insert a spreadsheet in your fic

Ao3 Work skin: a simple scoreboard by revanchist shows how to code a scoreboard

Colossal Cave Adventure by gifbot Working Keyboard anyone?

How to make a rounded playlist by La_Temperanza Ever want to show a character's music playlist within your fic

Tabbing experiment by gifbot (clickable tabs)

Repository by gaudersan google searches, ao3 stats, instagram and text messages galore

Workskin for in Universe Investigative/Mission Report with Redaction by wafflelate case files/CSI reports

CSS in Testing/Bleed Gold by InfinitysWraith Masterclass in cool formatting, including overidding default headers, Doors opening animation, Grid interactive photos, Hovering to change a photo, Retroactive text etc.

CSS in Testing:Second in Series by InfinitysWraith: Interactive keypads, Mock news site and interactive locking mechanism.

Other Websites:

Texting

--How to make iOS Text Messages on Ao3 by CodenameCarrot, La_Temperanza

--A Quick Generator for Embeddable iOS Text Messages by 221b_ee

--imessage Skin by Adzaema

--Retro imessage by Adzaema

--Basic Text Message Work Skin by ProfessorMotz

-- Bubble platform [workskin] by Khashana

Tumblr

--Tumblr style CSS Tweaks by Aposiopesis

--Ao3 Workskin Testing and Tutorials by junietuesday25 tumblr DM

--How to make Tumblr Posts on Ao3 by phyyripo

Twitter

--Repository - Twitter by gadaursan

-- How to mimic Social Media in an Ao3 work by aerynevenstar

--Twitter Work Skin Template by etc e tal

--Twitter Workskin: Tweets and Profile by starskin

--Twitter Mock-Up by TheBrookesNook

Ao3

--How to mimic Authors notes and Kudos/Comment Buttons by La_Temperanza

--How to mimic AO3 Comments by bittermoons

--How to add mobile Ao3 in your fic by DemigodofAgni

--How to make a fanfic style header Ao3 style by ElectricAlice

Facebook/Instagram/Whatsapp

--Whatsapp Group Chat builder by FestiveFerret

--How to make Facebook Messenger Chat on Ao3 by ran_a_dom

--Whatsapp Work Skin Template Revamped by etc e tal

--Whatsapp group chat skin by ovely

--Instagram DMs for Ao3 by monarch_rhapsodies

--How to make Instagram DM mockup by xslytherclawx

Snapchat

--Snapchat skin by Azdaema

--Snapchat Template for Ao3 by starskin

Reddit/Forum

--UPDATED Reddit Skin by diamine

--2020 Reddit Work Skin by timstokerlovebot

--Reddit Work Skin CSS & HTML by knave_of_swords

--How to mimic Social Media in an Ao3 work by aerynevenstar

--template Reddit Skin by spookedcroon

--Ao3 workskin for Forum Thread by fencesit

--How to mimic 4chan posts without just taking screenshots of 4chan

Twitch/Youtube

--Mimicking Twitch Chat for fics by Ultraviollett

--Workskin testing by tohmas [Youtube comments]

Discord/Slack/Zoom

--2023 Discord Theme Workskin by TrojanTeapot

--Discord Work Skin by unpredictableArtist

--Discord (Dark Theme) Workskin by Heterochromia_Mars

--Ao3 Workskin Testing and Tutorials by junietuesday25

--Slack Workskin by Khashana

--Zoom inspired Ao3 skin by mystyrust

Video Game Dialog Mimics

--Dialog [workskin] by Clover_Zero

--Dialogue Workskin (with parallax BG effect) by mystyrust

--My S Ranks--System Windows by unpredictableArtist [computer dialog workskin]

--Tutorial: Ace Attorney Work Skin by QuailFence

--Among Us Ao3 skin by mystyrust

--How to Mimic Undertale Fonts on Ao3 by La_Temperanza

--Tutorial:Rain Code Work Skin by faish

Misc. Sites

--How to mimic Deadpool Thinking boxes by La_Temperanza

--FetLife Skin [Work Skin] by Khashana

--Replika workskin by FaeriMagic

--Disco Elysium workskin by SarunoHadaki

--StarTrek PADD workskin by duskyspirit

--Wikipedia article work skin by styletests

--Yelp Reviews by kiwiana

--Amazon Reviews by kiwiana

--MDZS-themed letters by allollipoppins

--A Newbie's Guide to Podficcing by Adzaema [skin for podfics]

Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot

Happy Creating!

Last updated: Aug 19 2024

[tellthemeerkatsitsfine]

Hey everyone, look what I made. It took me a completely normal amount of time and I definitely did not spent all weekend on it. All weekend just transcribing and collating. Not counting the time across the last couple of years I spent finding all this stuff. I wouldn't do that.

But if I had done that, it would have started as an Excel file, but some of the transcripts were too long to fit into even the maximum sizes of a cell. Exporting it as a PDF has page breaks and won't let it take up the whole screen, and turning it into an image destroyed the links.

So I ended up going back to the HTML that I learned at computer camp when I was 13 and then used to make Harry Potter websites when I was 14 and have hardly ever used since. Had to Google a bunch of stuff to remember how to do it, but I managed to rewrite the entire table in HTML code in Notepad, and then I found a website that let me upload it in exchange for that annoying little purple thing at the bottom. I would not like to admit how long I spent trying to work out how to just upload one HTML page without having to sign up for building an entire website. Because it was too long. There had to be an easier way to do this. But I don't know what it is.

Anyway, I made this:

So... does anyone want that? It's a spreadsheet where I've collected everything I've found that seems like it could be a direct reference to the Chocolate Milk Gang. It's got transcriptions of the relevant bits of video and audio, and links to PDFs of the text or mp3s or mp4s of the video and audio files, and overall, I spent way too much time on it.

I may have gone slightly Beautiful Mind about it this weekend, pinning links up to my metaphorical cork board, connecting them with bits of red string, and frantically declaring, "It doesn't add up! What, exactly, did Andrew Maxwell call them in 2002? Because I'm getting conflicting stories here!"

At least I now have an easy thing to link to when I want to tell people what the Chocolate Milk Gang is. I realize I throw that term around a lot on this blog, and I stop to explain it every few months or, but I'm also aware that sometimes people come across these posts without all that context and it's confusing. So there you go, if anyone's ever confused by what I mean when I say "Chocolate Milk Gang". It's that, the stuff at that link. It's all those things. It's an international crime syndicate that sometimes organizes soccer matches.

I realize there are a bunch of different sources at that link, making it look like information is easy to find about it. So for some further context, those 16 spreadsheet entries are the only references to it that I've been able to find, across many many hours of searching, across the last couple of years. If you're confused about what the Chocolate Milk Gang is and you want to know the real answer, it's that a few years ago I happened to hear one particular Daniel Kitson show too soon after I'd resigned as board president of my wrestling team, and I got a bit overly attached to the idea of simpler times when people were still building their dream, before it all got out of hand. So I decided to obsessively research this term that appeared on John Oliver's Wikipedia page. It made sense at the time.

Having one link I can point to and say "the stuff we know about the what the Chocolate Milk Gang was - it's all in there" is a nice bonus for that spreadsheet, but it wasn't the original point of it. I mainly wanted to make that spreadsheet so I could get some clear data on 1) its membership list, and 2) its actual name. Hence the spreadsheet columns for both those things.

I’d consider most name that appear in my column for the membership list to be a significant Chocolate Milk Gang member. Though one membership list included Jimmy Carr, as part of the “gang” of comedians who hung out with Demetri Martin in Edinburgh. I’ve already addressed that in another post, but the upshot is that obviously Jimmy Carr’s not in the Chocolate Milk Gang. He's just a guy Demetri Martin probably hung out with in Edinburgh once, so that article grouped him in with the others.

Oh, and there’s the Russell Howard documentary that describes his "golden generation" of comedians, which included some key CMG people, but then moved on to his other comedy friends, like his roommates from the famous Bristol house, and Wil Hodgson. I don’t think the other Bristol guys (Richardson, Robins, Olver) count as CMG, since they were younger and weren't doing comedy during those earlier days when the CMG was formed. But Wil Hodgson performed in Edinburgh in 2004.

This of course gets complicated, because if we’re being very literal about defining the CMG as “people who got milkshakes at the restaurant called Favorit after late-night shows at the Edinburgh Fringe Festival in 2002” – which was the original meaning of the name – then we’re leaving out some important people who turn up on most CMG membership lists, like Josie Long and Alun Cochrane. So I tend to use the term more broadly than that, to mean “people who were making a certain type of comedy in the 00s, a type that at the time was considered alternative because it was more gentle and indie-like than their more glamorous showbiz predecessors, and they crossed over with each other a lot, personally and professionally.” But that definition can make it difficult to get a clear list, as it basically boils down to: anyone who, while performing comedy from about 2002 to 2007, ever wore a t-shirt on stage, made a vaguely nerdy joke, and hung out with Daniel Kitson. And that can include quite a lot of people. It may well include Wil Hodgson. It could arguably include some of those Bristol guys (although I think “not being an alcoholic” was a fairly big part of the CMG ethos, which rules out Richardson and Robins). Pappy's Fun Club? Lots of people were around at the time.

I think of a few people as being CMG even if they’re mentioned in that spreadsheet list at all. I count Gavin Osborn as a bona fide central CMG member, even though he sure didn't perform in Edinburgh in 2002. He’s been involved in so many collaborations with other central CMG figures, and his work so embodies their ethos, that it doesn’t matter that he didn’t do all that stuff in Edinburgh. He was in the National Youth Theatre with John Oliver; his CMG connections pre-date Edinburgh 2002.

I think I’d count Isy Suttie as CMG, too. She was performing during prime CMG years, and doing that type of comedy that characterized the CMG (gentle, indie-like). She’s also collaborated with CMG people quite a bit. So she didn’t have to be literally drinking milkshakes with them in Edinburgh 2002 to count on their membership list (though it’s possible that she could have been drinking milkshakes with them in 2002, as she was definitely spending lots of time with at least one CMG member at the time, but I’m pretty sure she wasn’t in Edinburgh that year).

So I would say, probably, the main list of Chocolate Milk Gang members is: Daniel Kitson, David O'Doherty, John Oliver, Andy Zaltzman, Russell Howard, Josie Long, Gavin Osborn, Isy Suttie, Alun Cochrane, Bret McKenzie, Jermaine Clement, Demetri Martin. Maybe Taika Waititi? He got mentioned a couple of times but I'm not sure he did any actual CMG stuff, I think he was just a guy David O'Doherty liked.

So that's the membership list. Now I'd like to address the title, and issue with which is what prompted me to start on this spreadsheet in the first place. That issue being: Why has everyone let me spend nearly 2.5 years posting constantly about a British group called the Chocolate Milk Gang, without informing me that the term "chocolate milk" isn't used in Britain like it is in North America? That is an important piece of information for my research, which someone gave me for the first time last week, and it made me decide I should probably do a full-scale study into what this means.

I had wondered, before, why they got named after chocolate milk, when they were apparently drinking milkshakes. I assumed it was just other comedians making fun of them for immaturely not drinking alcohol, implying that they weren't just drinking milkshakes, they were drinking chocolate milk, the way children do.

Nope. It turns out that in Britain, when they say "chocolate milk", they're referring to a chocolate milkshake. When they say "chocolate milkshake", they are also referring to a chocolate milkshake. How do they refer to chocolate milk? Most of the time they don't, apparently it's not as common there. I think. Someone in England told me this, and I've tried looking it up further, but it's confusing. Chocolate milk definitely does exist over there, it just apparently isn't served in nearly every restaurant, the way I'm used to in Canada. So I guess they weren't using that term for the milk and started just using it to mean milkshakes? I don't know, Britain is a confusing place. They also refer to juices as smoothies.

That certainly explains why some comedians got named after chocolate milk, when they were drinking milkshakes. It also explains a bit of the occasional variation in the group's name - Russell Howard recently called them "The Milkshake Brigade", and in an interview in 2006, David O'Doherty said they were "The Milkshake Kids". If "chocolate milk" and "chocolate milkshakes" are interchangeable terms over there, then I guess they can be interchangeable in the gang's name, too.

But it's definitely supposed to be a gang. I don't know where this "brigade" stuff is coming from. David McSavage called them the "Chocolate Milk Brigade", as well. And, again, David O'Doherty once called them kids. What is that? I am not going to change my blog's tagline to saying I am preserving the legacy of the "Chocolate Milk Kids".

And then we have the differing stories about the name's origins. David O'Doherty claims that Glenn Wool coined the term "Chocolate Milk Gang". David McSavage claims that Andrew Maxwell coined it (though he also claims that the coined term is "Chocolate Milk Brigade). David O'Doherty does tell stories of Andrew Maxwell being one of those people who made fun of them for the general nerdiness that got them the CMG nickname, but in his story, Andrew Maxwell was mainly making fun of their bags, rather than their drinking habits.

The interesting thing about the above paragraph is that no one in it is British. I've tried to look up whether chocolate milk was a thing in Ireland in 2002, and whether Irish people said "chocolate milk" to mean "chocolate milkshake" like British people did. I can barely find information about British people doing it, so of course there wasn't anything on Irish differences. But they share a whole lot of cultural colloquialisms, so I'm going to assume it was probably similar.

Glenn Wool, however, is Canadian. And Canadians definitely do not conflate chocolate milk with chocolate milkshakes, even in 2002. So it's odd if he coined that term, calling them the Chocolate Milk Gang because they drank milkshakes. So maybe it did, in fact, originally come from Andrew Maxwell. I assume they both used that term, making it not too difficult to reconcile O'Doherty and McSavage's differing claims about whose term it was.

...I am tired. I think I probably have more to say about that spreadsheet, but I need to go to bed. I could save this as a draft and add more to it tomorrow, but I genuinely think I'll sleep better if I hit "post" on this now and feel like I've got something to share from an entire weekend spent on such a pointless project. I'll just make a new post later if I have more to say. It's all right. So that's what I've been up to. How's everyone else doing?

[macleod]

Musing on remaking the browser (and internet) as we know it.

HTML+CSS is by far the best 'component' library there is, but JS really tends to be the main cause of bogging down the entire thing and drowning out the performance gains.

The idea is something along these lines (this ended up being far longer than initially intended):

HTML Viewer, directly from a plain HTML source, I've even considered using a headless browser, taking a 'photo' of the webpage, and then laying out a bitmap onto it, might not be needed, but could be cool and useful.

Once a user, or a function 'clicks' or focuses on a section of the bitmap, then the embedded language uses this is as a target selector to manipulate the data of the HTML viewer source, directly without page loads. Similar to an SPA but, without JS, similar to 'hot-wire', but again without JavaScript.

a separate database built into the 'browser' similar to indexdb, but likely something more similar and powerful such as SQLite with permission guards for applications (think OAuth, running locally).

This would obviously change the dynamic properties of a 'browser', and would make it more akin to an enhanced PDF editor with dynamic input (pop-ups instead of dynamic forms, etc.). But, I am starting to believe the problem and performance issue of the browser is less the sandbox (which this would enhance), but because we've forced a data language into what should be a static component library with targeted source changes.

This is a difficulty that we're seeing the weight of, we only have two major browser types, two engines. There have been so many attempts to recreate them, but they are all attempts at recreating the worst parts of a rendering agent that combines and forces the merger of highly volatile dynamic data into static components.

They have said for years that no one can 'make a new browser rendering engine' because of how many variables and issues and decades of bad choices and changes from the infancy of development.

Gopher, and the similar, are interesting projects, but they lack in several regards: data entry, minimal schematic support for modern HTML and CSS capabilities, and they are attempting to recreate an entire protocol. The protocol we have for file and web transfer is excellent, despite its shortcomings, but it is highly stable, reproducible, and effective.

If we were to remove 'dynamic' capabilities, such as forms, or text boxes, and all that JavaScript entails, the HTML viewer would be minimal for performance. The embedded language on top would hold the data separately from the process—rendering inputs to be sanitized and standardized. If the browser fails, your data would be backed up, you would have a complete revision history of all data ever processed, and you would have. This is likely the path forward for something akin to the Solid Project, where you own your data.

Every 'browser' becomes your own personal data temple or silo, and every web page becomes 'server-side' generated and modified with targeted manipulation or key:values from the integrated (stateful) database by your locally running browser.

When you go to someone else's website, most of which is just static content anyway, you get the HTML source, and the source for a/any(?) scripting language that would use the values from the browser overlay tracker for targeting to rewrite and submit specific HTML components.

The manipulator overlay would be an entirely separate process, with a simple message transfer between the two. This entirely separates your data into a stateful persistent object (no more losing your form data as you type due to a reload, or failure, or anything else, with full history) and your dynamic script, if a site needs it (most don't), would be in its own process. There would be a message transfer queue, likely using the built-in database with @\tagged hooks for event dispatches.

You would be able to have fully sandboxed, extremely performant, websites, while owning your own data. The browser as a server HTML renderer, the webpage as an “image” (sort of), and an 'overlay' selector for an embedded image to submit changes to individual HTML components.

If you were to separate it into three extremely slim, minimal, processes, with an integrated database with OAuth style permission switches. You would have just created a new browser, and a new way for the web to work, using virtually no memory, enhancing security, and with far less complexity. In a way, this would turn the web into a 'native' application.

You also would have quite a bit of backwards compatibility to the pre-NewWeb.

You should own your data, websites should be static, data should be dynamic, and browsers should be performant.

Just some musing on the topic, I'm working on something similar, but not exactly in regard to this—so maybe I'll spend some time and add it to the ever-growing projects list.

[barbwritesstuff]

Have you ever considered trying Ink/Inky from inklestudios for your games? It's was designed as middle-ware software meant for injecting into other games but as a coding (technically it's markup) language it's rather similar to ChoiceScript in ease of use/learning but with the versatility of Twine (since it exports into a html file and is compatible with Javascript + CSS) and can do choice-based interactive fiction pretty well (with an in-built save system like Twine or Ren'py to boot). The documentation for it is also fairly thorough too. Plus unlike ChoiceScript it has a open-sourced MIT license that allows for independent creators to create commercial games without needing to pay for a license to use it.

Though, it still suffers in the same category as Twine/Ren'py as opposed to ChoiceScript (not having a ready-to-go market to cater to) since it'll still fall under the self-publishing umbrella but I wanted to mention it for anyone who doesn't want to use ChoiceScript but may still be struggling with learning Twine. Especially since I don't think Ink/Inky gets much love despite it also being an excellent choice for choice-based IF (though I think that's more because it flies under the radar most of the time).

Ink or Inkle didn't used to have a downloadable IDE. Working entirely on a browser is not an option for me, because I'm a millennial, and I don't trust browsers not to do strange and sinister things.

And you shouldn't either. Browsers are dangerous places. Don't trust them.

I've heard rumours that Ink may have an app or IDE now. If so, that makes Ink a much more viable option for interactive game development. However, I haven't tried it, so I really can't say much more than that.

Thanks for the message, anon. Ink is certainly an option people should check out if they're thinking of making an interactive fiction game.

[stergeon]

Hello there! I happened to find your website and I was wondering if you wouldn't mind sharing how you made it? It looks really neat and I wanted to learn how it was coded and hosted.

hi, thank you so much!! i've been making websites uh. pretty much since i learned how to use the internet, whether for fun or employment or both. i make my "for fun" websites from scratch with HTML, CSS, and JavaScript without any libraries or frameworks. unfortunately, i can't give a great recommendation for web hosting on the cheap if you're just starting out as i've hosted my stuff with the same company since my freelancing days and could definitely get a way better deal elsewhere lmao. the cost of being lazy...

i really, really like talking about web design/making websites/etc. so i don't want to give you an information overload, but if you're interested in learning how to make websites, there are a lot of excellent (and free!) tutorials and reference guides out there to get you started! here are a few:

MDN Web Docs - THE resource for anyone doing web design and development, from complete beginners to advanced devs. their documentation is thorough to the point where it can be intimidating for beginners due to how technical it is, but it's very, very good and their tutorials are fantastic.

W3Schools - similar to MDN, but i find it's much less jargon-heavy and beginner-friendly. it also contains great resources, examples, reference guides, as well as extensive tutorials.

Codecademy - there are a lot of free web and programming courses out there, but i really like the ones codecademy offers. in my experience, the projects are fun, the courses are well-structured, and the community is very helpful. they regularly have great sales for the pro version, too.

if you want to make your own website site from scratch without having to navigate the more complex aspects of hosting, domains, etc., check out Neocities! it's got loads of resources, a great community, and it's free!! it's also near and dear to my heart as a lover of "old web" design sensibilities.

by far the easiest way to start is to download a text editor (i'm partial to Sublime Text, but everyone has their favorite), paste in an HTML boilerplate like this one, save it to your device as a .HTML file and then open it in your web browser. it will only be accessible on your local device and not over the internet, but you can play around and build things out without it being public and it’s an easy way to get a feeling for how things work.

my final recommendation is not so much about the specifics of making a website, but how to think about making a website. when i was a young stergeon at my first big web design job, my mentor gave me the book Don't Make Me Think! by steve krug and it was Huge for me. some of the technology-specific material is outdated nowadays as it was last updated in 2014, but the book is still a fantastic introduction to design thinking, visual language, and user experience principles.

hope this helps!!!! happy to chat more if you have questions <3

[petricakegames]

Play This: DOL-OS

Play This is a place for me to tell you about games or game demos that I love and want everyone to play! Right. Now.

Year 3XXX, you discover an old computer, an antique, in some ruins. Surprisingly, it still powers up when you press its buttons. Wonder what you found within its files?

Play the game for yourself!

Y'all, this is a special game. Originally published in French, DOL-OS won Best Game of Concours de Fiction Interactive Frachophone. Luckily for me, @manonamora-if recently released a remastered and translated version of her game in English.

The narrative and story of the game are excellent, but I've gotta talk first about the UI and the loading screen because....dang. Just, mind-bogglingly good. I'm not particularly knowledgable/experienced/good when it comes to the combo move of css, html and javascript that is Twine and clicking Run Game for the first time--you know in Fallout 3 when the vault door rolls away and you're like wooooooah? It was like that. It's so impressive and neat and I've reloaded the game many times now just to watch it start. This game belongs in an art gallery for IF.

Once I picked my jaw up off the floor and started playing, another delight was in store for me. The game sparked the same kind of excitement and interest as Her Story. You are presented with a computer desktop and free to do with it what you will. It invites the player to explore (to snoop! I love snooping) and once you find what's there you can make of it what you will. There's no explicit instruction or implication in what kinds of opinions or thoughts you should form. Explore and think freely. And wonder, are you the player part of this narrative?

And solve puzzles! I love puzzles. I got so excited about the first one that I think I missed a lot of other world-building. Oops!

The more you play the more you learn about the history of this computer, of the world it came from and the influence it's had. Complex moral questions are raised again with no clear directive from the game. You'll have to decide for yourself how you feel about this machine...and what you do about those feelings.

There are so many great moments in this game. [SLIGHT SPOILERS] Though my favorite: while playing the game I enjoyed the ever-present sound effect of the gentle whir of a cooling fan--a nostalgic noise from my youth. Well into the game, a principal character starts suffering deleterious effects from something he refers to as "the Humming Machine" and I'm like !!! Wait, is that a gentle fan blade sound or am I hearing the Humming Machine, too?! It was so creeeeeeepy! Loved it! [/SPOILERS]

Also, there are minigames. Come on, people! Minigames!

DOL-OS is a great game and I highly recommend playing it. I'm excited to play again and discover what I missed the first time through. Give yourself a Sunday treat and play the game!

[moose-mousse]

So I made a GUI for my parents Campsite. They wanted a GUI on tablets, or maybe a PC where they could have costumers input the needed info from them.

I can make native GUI's on WIndows, Linux, Android but… this is not the smartest way to make 95% of programs.

You just write a website in HTML, CSS and Javascript, and have all the code in 1 file (You can easily write your own "compiler" that simply copies CSS or Javascript from many files into one file if you want to work with multiple files… And yes, you can write that in HTML and Javascript too)

Here I simply take in the values as strings, sanitize and treat them, and then save them in LocalStorage on the browser.

When you type "Excel" into the first textbox, it reveals 2 extra buttons to download all the data as a CVS file that my parents can open in Excel, and to clear the local storage so the GUI is ready for the next day.

Simple, safe, easy, and will work on any machine that have a browser… meaning them all.

Forget chefs kiss. Programmers KISS is what you want :p

[caferacerstribe]

Working as a Front-End Developer Freelancer from Home: A Comprehensive Guide

1. Build Your Portfolio Creating a portfolio website or showcasing your work on platforms such as Behance or Dribble is an excellent way to attract clients. Make sure your portfolio is up-to-date, visually appealing, and showcases your best work.The world has evolved, and remote work is now more prevalent than ever. For front-end developers, remote work provides an opportunity to work for clients worldwide while enjoying the benefits of a flexible work schedule. In this blog, we will discuss how front-end developers can work from home as a freelancer.

What is a Front-End Developer?

A front-end developer is responsible for creating the user interface of a website or web application. They work with design files and develop code that is visible to users. A front-end developer uses technologies such as HTML, CSS, and JavaScript to bring a design to life.

Why Work as a Front-End Developer Freelancer from Home?

Working as a front-end developer freelancer from home offers many benefits, including

Flexibility

Freelancers can set their own schedules and work when it suits them best. This allows them to balance work and personal life.

Location Independence

Freelancers can work from anywhere in the world. This is an excellent opportunity for those who love to travel or want to relocate.

Increased Earnings

As a freelancer, you can work with multiple clients at once and charge higher rates than salaried employees.

Personal Development

Freelancing provides an opportunity to work on diverse projects and learn new skills that may not be available in a traditional work environment.

How to Work as a Front-End Developer Freelancer from Home

1. Build Your Portfolio

Creating a portfolio website or showcasing your work on platforms such as Behance or Dribble is an excellent way to attract clients. Make sure your portfolio is up-to-date, visually appealing, and showcases your best work.

2. Join Freelancer Platforms

Joining freelancer platforms such as Upwork, Freelancer, or Quickenlancer provides access to a wide range of clients. Be sure to complete your profile, highlight your skills, and add relevant work samples.

3. Create a Strong Online Presence

Building a strong online presence is critical to attracting clients. Maintain an active blog, be active on social media, and engage with potential clients in online communities.

4. Learn to Sell Yourself

As a freelancer, you need to learn how to sell your skills to clients effectively. Learn to craft an elevator pitch, create compelling proposals, and negotiate rates.

5. Keep Your Skills Up-to-Date

Technology is always changing, and you need to keep your skills up-to-date to remain competitive. Attend online courses, conferences, and workshops to stay abreast of the latest trends and technologies.

6. Provide Excellent Customer Service

Delivering high-quality work, meeting deadlines, and communicating clearly with your clients are essential to building a successful freelancing career.

In conclusion, working as a front-end developer freelancer from home provides many benefits, including flexibility, location independence, increased earnings, and personal development. By following these steps, you can build a successful career as a front-end developer freelancer from the comfort of your home.

[creativeschoolrb]

Hi, this is Creative School. Today we share with you how to generate PDF documents from any website. If you want to develop a website and want to provide PDF downloading features, you are exactly in the right place. This video will help you to insert a PDF generator feature in your website on any page of any specific size and shape. GitHub Link: https://github.com/BorhanHosen/How-to-add-pdf-file-download-option-in-your-website.git 0:00 Explanation 3:10 Intro 3:39 Explaining Puppeteer 7:12 Server Side Code Explanation 15:01 Client Side Code Explanation 26:21 Final Touch 28:18 Outro Here are some of our previous tutorial links. You can watch and learn new things and techniques. Enjoy them: How to Send Data from HTML Form Data to Google Sheets | Creative School https://youtu.be/A4TPkOw2Ess Mastering Full Invoice Inventory Management in Microsoft Excel | Creative School Tutorial https://youtu.be/f8BTxan1QTo Motion Graphics in PowerPoint Full Playlist: https://youtube.com/playlist?list=PLsWfHxHIjBT87YgBulwX6X-bnEk4TayQu How to Create the Best Animated Info-graphic in PowerPoint [Part-1] 2020 || Creative School || https://youtu.be/rV-mykyBQIM Awesome Flat Intro Animation In PowerPoint Part 2 || Creative School || https://youtu.be/TafoVSYadEg The Night Sky with a Mountain, fountain, a tree, Bird & Moon Creating in PowerPoint || Creative School || https://youtu.be/jyCTlxJrGyg SAMSUNG Galaxy Boot Animation in PowerPoint [Full Tutorial- 2020] https://youtu.be/pqh-P1mUNp8 How to make an intro video of 10-minute school in PowerPoint 2020. [Part 1] https://youtu.be/I1xObR_SVco Water Animation In PowerPoint Animation! || Creative School https://youtu.be/WfzKTzbGVRA How to add pdf file #download option in your #website https://youtu.be/cNhQ-0VBt5A ===HashTags=== #reactjs #creativeschool #pdfconversion #html #nodejs #vscode #website #javascript #convertpdf #generatepdf #pdfconverter #downloadpdf #puppeteers #mernstack #javascript ===Related Tags=== react pdf generator, generate pdf using react, generate pdfs from html & css with nodejs using puppeteer, certificate generator website, how to create a pdf file using reactjs, html to pdf using javascript, generate pdf from html, generate pdf using javascript, how to add pdf object on a website, how to convert html to pdf in react app using jspdf, easy way to embed pdfs on a website, how to convert html content to pdf in react app using jspdf, generate pdf with react, how to create a pdf with node and puppeteer, generate pdfs from html & css with nodejs using puppeteer, puppeteer, getting to know puppeteer with example, get started with headless chrome and puppeteer, headless chrome and puppeteer, how to generate pdf from html with node.js, how to create a pdf file using reactjs, generate pdf using javascript, how to create pdfs with node js and react, puppeteer examples, puppeteer tutorial, puppeteer html to pdf generation with node.js,

[curious-coder]

Using indeed jobs data for business

The Indeed scraper is a powerful tool that allows you to extract job listings and associated details from the indeed.com job search website. Follow these steps to use the scraper effectively:

1. Understanding the Purpose:

The Indeed scraper is used to gather job data for analysis, research, lead generation, or other purposes.

It uses web scraping techniques to navigate through search result pages, extract job listings, and retrieve relevant information like job titles, companies, locations, salaries, and more.

2. Why Scrape Indeed.com:

There are various use cases for an Indeed jobs scraper, including:

Job Market Research

Competitor Analysis

Company Research

Salary Benchmarking

Location-Based Insights

Lead Generation

CRM Enrichment

Marketplace Insights

Career Planning

Content Creation

Consulting Services

3. Accessing the Indeed Scraper:

Go to the indeed.com website.

Search for jobs using filters like job title, company name, and location to narrow down your target job listings.

Copy the URL from the address bar after performing your search. This URL contains your search criteria and results.

4. Using the Apify Platform:

Visit the Indeed job scraper page

Click on the “Try for free” button to access the scraper.

5. Setting up the Scraper:

In the Apify platform, you’ll be prompted to configure the scraper:

Insert the search URL you copied from indeed.com in step 3.

Enter the number of job listings you want to scrape.

Select a residential proxy from your country. This helps you avoid being blocked by the website due to excessive requests.

Click the “Start” button to begin the scraping process.

6. Running the Scraper:

The scraper will start extracting job data based on your search criteria.

It will navigate through search result pages, gather job listings, and retrieve details such as job titles, companies, locations, salaries, and more.

When the scraping process is complete, click the “Export” button in the Apify platform.

You can choose to download the dataset in various formats, such as JSON, HTML, CSV, or Excel, depending on your preferences.

8. Review and Utilize Data:

Open the downloaded data file to view and analyze the extracted job listings and associated details.

You can use this data for your intended purposes, such as market research, competitor analysis, or lead generation.

9. Scraper Options:

The scraper offers options for specifying the job search URL and choosing a residential proxy. Make sure to configure these settings according to your requirements.

10. Sample Output: — You can expect the output data to include job details, company information, and other relevant data, depending on your chosen settings.

By following these steps, you can effectively use the Indeed scraper to gather job data from indeed.com for your specific needs, whether it’s for research, business insights, or personal career planning.

[swordandboardllc]

Write What You Don't Know

Patrons received this post 1 week early.

I don’t write what I know. 

At least, I don’t exclusively write what I was taught in school or by my community. My parents did their very best to broaden my horizons, but there is only so much a parent can teach. While it is hard to know what you don’t know, probing at the boundaries of your ignorance is of the utmost importance to the writer’s soul and candid introspection. 

It is sorely limiting to write only what you know. If we all did that, autobiography would be the only category at the bookshop. All speculative fiction demands both authors and readers step outside what is real, and what is known, into the unknown. As Ursula K. LeGuin said, ‘Write what you know, but you may know dragons.” The advice of ‘write what you know’ is imagination limiting self censorship if taken too literally. It can kill creativity, stifle stories, and leave an author a bumbling mess trying not to step on too many toes. 

Better advice is to write what you take the time to know. Curiosity should drive creativity, and pursuit of artistic excellence should drive us to create stories that ring true. If you’re willing to go down the wikipedia rabbit hole for a day to find out the origins of an obscure flower for one scene, then you have no excuse not to use the same sort of dedication when including BIPOC, LGBTQA, and/or disabled characters. While I know many writers are solitary creatures, the beauty of the internet means it’s easier than ever to email someone with the expertise on the topic you want to write about. No phone calls required! While social media can often be a hazardous, if not outright toxic place to be, there are also opportunities to speak to, interact with, and learn from those outside of your religion, culture, race, or county. When used correctly, it is an excellent social research tool.

Your story impacts the reader, and it impacts other authors. If you are writing a story of a minority, consider the impact your story has on the minority you’re inspired by. Importantly, consider whether or not your story gives back to that community. Does it help showcase the humanity of those groups? Does it fairly represent their struggles, even if doing so clashes with your preconceived notions? Are you as the author helping support these groups in some way? While it might be difficult to offer monetary support (given that author royalties are fairly paltry on average), showcasing and promoting minorities within the industry is an excellent way to show support. If you owe some of your success to a minority group, you should be doing what you can to uplift them. 

I wholeheartedly believe that authors should write with intention. The words you place on paper matter, and can change the world. Make sure that change doesn’t cause real world harm. Be an Ursula K. LeGuin, not a J. K. Rowling. Don’t write only what you know now. Become more, learn more, and write that. 

Happy Writing, 

L.J. 

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:600px;} /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

Subscribe to The Household

* indicates required

Email Address *

(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);

[mkfiq]

What Does Ecommerce home page template Mean?

When you plan on providing digital products you probably don’t have to have a full fledged ecommerce platform. A digital product might be a thing like an ebook, online course, audio file, video file, or software application.

Marketers and developers are actually starting to really feel the mobile speed crunch. Mobile users assume pages on their own mobile devices to load faster than desktop.

Magic Spoon, a breakfast brand, does an excellent position portraying its products’ texture on its ecommerce site. The layout features a journal-like construction, which has a sparking color palette and detectable specifics powering each individual click and scroll.

logo created for fashion e commerce website working with a simple script font model and skinny feminin model as the most crucial thought should be to offer Ladies outfits

Given the gravity of this determination, Kimp delivers you a guidebook on designing Ecommerce logos in 2021. 

Simply because nearly every single business contains a logo, generating your own ecommerce logo alerts to customers that your online store is legitimate and credible.

The logo had been designed before which was Unused and client observed it and acquired it for his or her new eCommerce company. We both of those are adore the SD mark! by Graphaety ™

Video & movement graphics for partaking content material & adsKimp Video – Video & motion graphics for participating content & ads

You will need to use a paid application to take full advantage of Amazon FBA integration and dropshipping. Many fulfillment centers offer you free WooCommerce integration, nevertheless some could involve customized development for an extra cost.

There are ten themes (all free) offered within the admin. You would possibly need tiny familiarity with HTML and CSS given that the theme customizer doesn’t Have got a drag and drop functionality.

The In addition plan is $29/month and involves features like deserted cart email, personalised products, and ratings and reviews. The Top ecommerce marketplace quality Plan is $79/month and contains all that furthermore genuine-time shipping prices.

You can use free applications to incorporate Amazon two way sync and Amazon Checkout. You’ll will need paid out applications to manage items like Amazon FBA, fulfillment center and dropshipping integrations, eBay 2 way sync, evaluate snippet structured data, email marketing automation, and print on desire. You’ll require custom development if you would like integrate Adobe Commerce with WordPress.

For the small business over a spending plan, Sellfy is a good starting level. It provides you with anything you might want to get started selling online – regardless of whether you promote physical or digital products. It’s not a perfect solution at scale, although.

This beautifully designed ecommerce store incorporates a theme with a lot of white Room, which helps present the goods more prominently. It has an incredibly neat and clear design, making the website glimpse really Experienced and sophisticated.