Visit Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
#jquery
vahnyawrites · 19 hours ago
AAAAHHH 💖💖💖 just saw your instagram story and it looks so good!!!! I'm so excited!!!! If it's not too much trouble, how did you learn twine? Specifically making the game look nice? Reading through your blog (and a few others) has really made me wanna write my own IF, but twine UI/CSS stuff is really overwhelming to me ;-;
Thank you so much, anon! 😍 I'm so happy you like what you've seen so far! Not too much trouble at all! ✨
Twine is honestly not that difficult to use, once you get used to it, though I can understand how it can be overwhelming to start off. I actually have a degree in frontend development, so HTML, CSS, Javascript & jQuery, which are the coding languages used, are already familiar to me, but you don't need a lot of knowledge to build your own game.
Twine already comes with a ready interface, so really all you need to make it look nice is some knowledge of CSS. There are so many great tutorials out there to help you out, such as this and this, which is all about styling and customising, and you can also find detailed tutorials and references to all that CSS is capable of at W3schools, which I use a lot. There are also some ready made twine templates to use like this one by @nyehilismwriting .
@townofcrosshollow also has a great “how to” guide on building games in Twine here, as well as several other coding resources here that is worth checking out ✨ There is also a detailed list of all of Twine’s features with examples here that I use a lot. And I know there’s a channel dedicated to coding help on @interact-if‘s Discord server if you ever get stuck. 
The reason why my game interface looks a little different is because I partly built it from scratch using the StoryInterface feature in Twine, and a lot of extra jQuery/JavaScript to make it work. I also use Visual Studio Code to build it, instead of working directly in Twine, so I can use things like Sass and Node to make it easier. Like I said, there are so many tutorials out there to help you out, but I would be more than happy to make a video or something to show how I built mine if people are interested in that. Let me know 😍
Beyond that, it’s all about trial and error, really! I’m also more than happy to assist with any coding difficulties, if I can, so you’re welcome to reach out if you’re stuck on something. The important part is to have fun with it, I think! 
Hope this helped, anon, and I hope you decide to go for it! ✨ Twine is a really great tool for beginners and once you get familiar with it, pretty easy to use. 
Thank you again for your lovely message! ✨❤️
16 notes · View notes
borntobewildcodes · 3 years ago
Text
Tutorial: Replace “Anonymous” in asks with custom text
Tumblr media
This is a really simple tutorial that I randomly came up with it and thought it might be fun. Just follow the steps.
First step:
You need to find {Asker} in the theme you’re using and figure in which div it‘s wrapped. In this example it’s inside <div class=“bubble”> so the first keyword we need is bubble. 
Tumblr media
* Code structure will differ depending on the theme you’re using.
Second step
If there is no jquery library included in the theme you’re using you need to copy/paste the following script inside <body> </body>.
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
* It can be jquery 1.7 or 1.9 or 1.11 etc. (it doesn’t matter for this tutorial)
Third step
Copy/paste the following script inside <body> </body>.
<script> $(".KEYWORD").text(function () {    return $(this).text().replace("Anonymous", "CUSTOM TEXT"); }); </script>
and replace the bolded text, first with the name of the class inside which you earlier found {Asker} and make sure you don’t delete dot in front of KEYWORD, and second with text of your choice.
For me that‘s
Tumblr media
* You can also manually replace “said” or “asked” or whatever is written beside {Asker}.
That‘s it, as simple as they come. Feel free to request other tutorials.
1K notes · View notes
queerasfact · 5 months ago
Photo
Tumblr media
Happy birthday to Black poet, feminist and activist Audre Lorde!
Audre was legally blind and described herself as “crazy and queer”; she focussed her activism on fighting for women who, like her, were excluded from mainstream feminism, whether because of class, race, sexuality, or disability.
She’s pictured here (right) with her partner and fellow activist Gloria Joseph, with whom she lived the last years of her life.
Check out our podcast on Audre to learn more!
[Image:  Audre (right) and Gloria (left) seated, leaning on each other and laughing with their eyes closed)
874 notes · View notes
saestrah · 3 months ago
Text
Tumblr media
Tumblr media
𝐭𝐨𝐦𝐨𝐫𝐫𝐨𝐰 · preview · code · alt
𝐟𝐞𝐚𝐭𝐮𝐫𝐞𝐬
mobile responsive
user initiated light/dark mode and text size toggle for accessibility
fixed sidebar with four additional tabs for an about section, navigation, projects, and latest project
twenty-five font options
optional search bar
optional hover for tags
supports alt text
customisation notes in the code
𝐭𝐨𝐦𝐨𝐫𝐫𝐨𝐰 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬 𝐩𝐚𝐠𝐞 · preview · code · alt
𝐟𝐞𝐚𝐭𝐮𝐫𝐞𝐬
as many project tabs as you like
space for a cover image, statistics, summary, content warnings, links, characters, relationship overviews, and a quote
designed to match "tomorrow" main theme
𝐜𝐫𝐞𝐝𝐢𝐭𝐬
base code by @sorrism · flexible frames by @nouvae · audio player, notecount shortener, & like button script by @shythemes · npf image readjustment by @glenthemes · photosets by @annasthms and @eggdesign · nightmode by eggdesign · tab jquery from stackoverflow
𝐭𝐞𝐫𝐦𝐬 𝐨𝐟 𝐮𝐬𝐞
don’t remove credit · don’t steal, repost or redistribute · like/reblog if using
714 notes · View notes
freefrontend-blog · 10 days ago
Text
youtube
BEST OF CODEPEN #14/2021 The most trending pens in #HTML, #CSS and #JS. → https://youtu.be/sLojx5p8a1g
10 notes · View notes
ifishouldvanish · 2 years ago
Text
Take a shot every time someone on Stack Overflow asks how to do something in jQuery and some jagoff answers with, "well actually, you don't need jQuery to do this, you can just use vanilla JavaScript instead: [insert example of code the person didn't ask for here]"
13 notes · View notes