Hey hello! I made a couple of Free to Use HTML codes for Artfight! They're responsive, color-customizable and thoroughly commented to make it easier for folk to edit! The first one (first and third picture), while the second one (second picture and fourtht picture) is much shorter~ You can pick parts from one and put them on the other too!
You can find Long and Wordy here, and here's a live example
You can find Short and Sweet here, and here's a live example
Shares are much appreciated, I got in a coding frenzy and spent an ungodly amount of hours getting these ready!
Our Fandom Cookies Digital Pack is now ready for immediate delivery 💨🛍️
For only $12.99 (LAUNCH SPECIAL), you can build your own fortune generator, decorate your devices, seek your fannish future...and get FREE SHIPPING.
At this point, the "Learn-Along" needs no intro! It's a:
🛠️ Fully-functional interactive site that gives you your own fandom-based fortunes
💬 Heavily commented code for beginners stepping up
🎓 Way to learn modern HTML, CSS, and JavaScript while playing with real code!
But wait— 👀
Inside you'll ALSO find:
🖼️ Wallpapers crafted by fannish artists
🌐 Website decorations and backgrounds
🎡 A printable Cootie Catcher for that nostalgia factor
And... 🚢 A FREE SHIPPING CODE for our store (up to $30 value!)
✨ Black Friday Special 🛍️
Jump in now and you'll get 1️⃣ Early Access to our future "Fancy" update, a step-up version of this project with even more learning 2️⃣ 20% off a FujoBoard THIS WEEKEND ONLY
What's this? A special, exclusive surprise for the brave cookie collector!? This pack normally at $19.99, is on sale for $12.99 only for Bla
💡 Shopping Gotcha: the FujoBoard discount and Free Shipping code don't stack. But that just means you can buy a FujoBoard now, AND get something new when we release our next batch of merch 👀)
Help us boost this post then get your Digital Pack and FujoBoard here! 🧀🏓
I realised today I never posted about it here so yeah...
This was a long time coming, so here we are.
Hello person of the internet,
It's ME again! your totally legit supplier of super duper good assets (100% GOOD!!!! NO BUGS AT ALL!!!}. I am back b-back BACK again with a pretty useful file for you! AND A NEW KIND OF FILE!!
Still scam free, still without a single bug, still easy-to-use and to include in your project! What are YOU waiting FOR?!
Download another funky file to make your HARLOWE project run EVEN BETTER!!! In exchange of.... nothing! {YES, THIS IS STILL 100% FREE!!!} or maybe your love and adoration for this little help...
WHAT A STEAL!
Were you looking to customise your Harlowe project?
I PRESENT TO YOU THE...
The Save and Settings All-In-One!
All-In-One because it is both a Template for Save Systems and Settings AND a Guide! Covering different ways of creating saves and settings, as well as ensuring the settings stick between play-sessions.
And, the code is annotated in the relevant passages, StyleSheet and JavaScript code, on top of the Guide.
ENJOY!!!
Hello person of the internet, It is me again, your totally legit supplier of very good assets for Twine {100% GOOD!!! NO BUGS!!!}. I got bor
Hiii! Really sorry if you've been asked this already (if so, could you kindly direct me to that post, please?) but how does one get into coding? I've had several attempts but it's all too overwhelming and I don't want to invest money into it yet. Nice blog!
Hiiya !! Please don't apologize ~ I love sharing and getting asks◝(ᵔᗜᵔ)◜. So there's a few things you should understanding about code/programming.
The first is that you don't need to spend money to get started by any means. If this is just a hobby for you please don't worry about money. I do recommend using a laptop or computer rather than a phone. However if you only have a phone, it can work in a pinch. It's just.. much slower and more difficult if i'm being quite honest.
Now we can get into the nitty gritty ! You need to identify what kinda stuff you wanna build and why. That's important for development roadmaps. As an example: building a game using free resources online will have a completely different language used than building a neocities site. BUT, here's my recommendations.
-> start small : html + css is a great way to get started for beginners. This is all it takes to build a cute site on neocities. It may not necessarily function (e.g. clicking a button won't make a popup appear) but it helps you wrap your mind around how things work.
-> tutorial hell : nearly everyone goes through this at some point. This is a phase in which you watch + follow tons of tutorials but if a blank document is in front of you.... you understand nothing. Avoid this by : ..leaving comments within your code
..trying to build something yourself first and then using a tutorial
..watch the tutorial, take notes, then try to do it yourself
"But how do I actually start?"
If you're going the neocities route to begin...
step one: download visual studio code + sign up for neocities
step two: follow any html course online (i used codecademy)
step three: look for website inspo (like carrds on pinterest etc) and design your website in figma (or use someone elses base)
step four: create a folder labeled "neocities site" and inside that folder create two more. one labeled "img" and another labeled "misc assets"
step five: open visual studio code and paste an html boilerplate in, then start typing.
this sets an organized way to manage assets like icons, gifs, color palettes etc in your visual studio. it will help you massively to stay organized. you will run into many many roadblocks which is completely normal.
Check out by studystack here! I definitely recommend keeping something like w3 schools open in a tab so you can navigate through and look up tutorials. There's also LOTS of resources on codepen, github, etc. If you use something like that, I highly recommend you leave notes in your code so that you don't get lost and you learn about what you're putting down.
And I'll also be making a few little tutorial posts + note posts soon.
Other resources include:
harvard's free cs50 course
cs50's intro to game development
@izzycodes (she has SO many resource posts !!)
I hope you have a wonderful day, please feel free to send asks with any other questions or notes you've got !! You TOTALLY have this.
I have finally turned my fade to black transitions into a somewhat easy to use macro!! :) I am not sure if this has been done before!
Customizable fade times
Built to be compatible with backward and forward buttons (mostly!)
Works across all screen sizes
Note: This is only for SugarCube.
Setup
Copy and paste this Pastebin to your Story JavaScript.
Copy and paste this Pastebin to your Story Stylesheet.
Make a new passage titled exactly as "black_fade". Add the passage tag, "black-fade". Inside, write <div id="black"></div>. Super important! Copy below identically.
After this, your installment of the macro should be complete!
Usage
In the passages where you will be fading from and where you will be fading to, tag it as "passage-fade". For example, I want to transition from "p1" to "p2" with a black fade. Thus, both p1 and p2 should have the tag.
In the passage where you will be fading from, write <<fadestart>>.
Use the <<link>> macro to link to your destination. Inside the link macro, use <<passagefade "[passage name]" [fade time]>> where [passage name] is the passage you want to go to, and fade time is how long the black fade will be in miliseconds. (1000ms = 1s). However, do NOT put the passage you will be going to in the <> macro itself. See below:
Here, I want to go to the passage "p2". Do NOT write <<link "Next passage" "p2">><</link>>. Do not provide the destination passage in the link macro itself. The macro <<passagefade>> will handle it for you if you specify the passage name in the first argument.
Once you do all this, you should be able to sit back and happily use it as you please!
Problems?
Make sure you have the passage "black_fade" titled exactly like that.
Also make sure it has <div id="black"></div> and nothing more!
Make sure "black_fade" is tagged with "black-fade".
Make sure you used <<fadestart>> in the passage you are transitioning from.
Make sure you are correctly using the macro <<passagefade>>. You specify time in miliseconds; it should not have "ms" or "s" included in the argument. It should just be the number (e.g. 4000 for 4 seconds).
Make sure the passages you are fading from and to are tagged with "passage-fade".
There may be CSS/HTML that is interfering with the look of the fade!
There may be other JavaScript code interering with the current code.
If you are having problems, please let me take a look at your Stylesheet or let me know what template you are using! However, I highly recommend looking at the playable and downloadable demo.
(This macro is free to use, free to copy for all commercial and non-commercial projects with no additional fees. Credit is appreciated!)
Starter kit basically.. for those working on jcink skins. Viewport plus using media queries, css variables, grid, and flex will ease the process of making responsive skins but I advise keeping them in mind early on.
This article describes how to use the "viewport" <meta> tag to control the viewport's size and shape.
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML,
