Python feels simple—until you want to understand why it works the way it does. This cheat sheet brings together the core data structures that quietly power everything you build: lists, tuples, sets, dictionaries, loops, indexes, and elements. It’s less about memorizing syntax and more about seeing how pieces connect, how data flows, and how logic becomes readable code. When you understand structure, you write cleaner programs. When you understand iteration, you stop fighting the language. Save this for the days when concepts feel tangled and you need clarity, not complexity.
use the website, stuffbydavid.com, or another html text colorizer website, and type in whatever texts you want to use
it should look something like this!!
type in the hex code of any color you’d like
(tip: i like to use pinterest color palettes that include hex codes so the colors correspond well!)
(additional tip: if you’re using images on your post, and want to match colors, use the site imagecolorpicker.com, and upload your image to see matching hex codes!)
it will look like this!
STEPTWO
next, you’re going to want to copy the full html code at the bottom (do not use bbcode, it will not work for tumblr!)
STEPTHREE
once you’ve done that, go to tumblr on browser or site form, this part will not work on the app!
tip: use safari or microsoft or any browsing app that allows you to go to the tumblr website!
STEPFOUR
now, by creating a new post by clicking the little pencil button on the bottom left or opening an old draft, open the settings gear icon on the top right of your post and scroll down to where it says, text editor, and click the dropdown menu to change it to html
STEPFIVE
now exit out of settings back on your post, and paste the html code onto it.
you should now see a jumble of numbers and letters, and once you save it to draft, it will show you your colorful text!
ADDITIONAL STEPS
now sometimes when I want a gradient image for a story, i use pinterest to search for fanart, and then picsart to convert them into colorful gradients
1. find your image of choice
2. open picsart and start a new project with your image
3. find where it says fx effects
4. then scroll until you find color gradient
5. and change around the colors to your liking
6. save your image!!
a/n: hope this helps you lovelies who are confused by the coding/ html aspect of tumblr as it sure confused me when i was first starting out!
Don’t use line-height to set the height you want your line of text to take up.
If the text wraps or people use the browser to zoom, the line spacing get bad.
Instead use a nice typographical line-height that goes nicely with your font. line-height: 1.5; is gonna usually be pretty decent. Then, adjust the height of the box with padding or something like that.
How to Become a Better Full Stack Developer - Tips & Tricks
Level up your career with these powerful tips and tricks to become a better Full Stack Developer. In this video, you’ll learn how to improve your coding skills, master modern frameworks, optimize databases, and stay updated with the latest industry trends. Whether you’re a beginner or an experienced developer, these insights will help you write cleaner code, build scalable applications, and grow into a confident, job-ready Full Stack Developer.
Hey, does anyone have any tips on how to get into coding? I signed up for it for some of my college electives, but I kinda wanna get started now tbh lol
Ai coding assistant: Discover the best AI coding assistant for your workflow. Learn about hidden gems, practical tips, and tools that save time and boost productivity.
Choosing the right AI coding assistant can make or break your productivity. With so many tools flooding the market, it’s hard to know which ones are worth your time and money. Some excel at specific tasks like debugging or prototyping, while others shine in understanding context or simplifying code reviews. Let’s dive into what makes these tools valuable and how you can pick the best one for your needs.
Why AI Coding Assistants Matter
AI coding assistants have revolutionized how developers work. They speed up repetitive tasks, help debug complex issues, and even teach new frameworks. But not all tools are created equal. A poor choice can slow you down instead of boosting efficiency. Understanding their strengths and limitations is key to improving your workflow.
For example, some tools are great for quick prototyping but lack depth for long-term projects. Others might be perfect for learning new languages but struggle with advanced optimization. Knowing what matters most to you—whether it’s saving time, improving accuracy, or mastering a new skill—is the first step toward finding the right tool.
What Sets Top Tools Apart?
The best AI coding assistants save time without sacrificing quality. Here’s how they stand out:
Context Awareness: Great tools understand your codebase and offer relevant suggestions.
Language Support: Some tools specialize in specific languages, making them ideal for niche use cases.
Debugging Power: Advanced debugging features can cut troubleshooting time in half.
Learning Curve: The best tools are intuitive and easy to integrate into your workflow.
Hidden gems often fly under the radar because they’re newer or cater to specific niches. These tools might not have flashy marketing but deliver real value where it counts.
Practical Guide to Choosing Your AI Coding Assistant
Picking the right tool depends on your priorities. Here’s a breakdown of popular and lesser-known options:
For Quick Prototyping: Tools like GitHub Copilot and Tabnine are excellent for generating boilerplate code fast. They’re especially useful for MVPs and rapid iterations.
For Learning Frameworks: Kite and Codeium provide detailed explanations and examples, helping you grasp new concepts quickly.
For Debugging: DeepCode and SonarQube focus on catching errors early and offering actionable fixes.
For Code Reviews: Amazon CodeWhisperer and Replit Ghostwriter excel at reviewing and optimizing existing code.
For Converting Languages: OpenAI Codex and ChatGPT can translate between programming languages with surprising accuracy.
Free vs Paid: What’s Worth It?
Free versions of AI coding assistants often cover basic needs, but paid plans unlock advanced features. For instance, GitHub Copilot’s paid tier offers better context awareness and integration with IDEs. If you’re working on large-scale projects or need enterprise-grade security, investing in a premium tool is usually worth it.
That said, don’t overlook free tools. Many developers swear by open-source options like Tabnine’s community edition or Kite’s free plan for everyday tasks.
Actionable Tips for Maximizing Your AI Tool
Here’s a quick checklist to get the most out of your AI coding assistant:
Start Small: Test the tool on small projects before relying on it for big tasks.
Customize Settings: Adjust configurations to match your coding style and preferences.
Combine Tools: Use multiple assistants for different tasks—no single tool does everything perfectly.
Stay Updated: AI tools evolve quickly; keep an eye on updates and new features.
Provide Feedback: Many tools improve based on user input, so share your experience.
What’s Next?
Experiment with a few tools to see which aligns best with your workflow. Remember, the goal isn’t to replace your skills but to enhance them. Whether you’re debugging, learning, or building, the right AI coding assistant can save hours and reduce frustration. Try one today and notice the difference it makes in your development process.
how the FUCK do you use HTML on ArchiveofourOwn? Can someone send me a tutorial on basic HTML that goes along with the program being used? I was trying to use Notepad++ to start, but I guess I’ve been pampered with coding programs that give the raw code on the left and a preview of what it looks like on the right, or with an easily accessible tab to view, like with Overleaf or RStudio. Notepad++ for me only showed me the raw code, and I was having trouble figuring out how to preview it.
Do you guys have any program recommendations for me on this or do I just have to suffer by going back and fourth on Ao3 and checking every few lines to see if that thing that I wanted to do worked?
I’m sorry. I’m stupid. please help I want to do cool things with ao3 formatting I’m just suffering.
Why HTML Matters in Coding: The Foundation of Every Website
When you open any website—whether it’s a social media platform, a blog, or an e-commerce store—you’re looking at something built on HTML. Yet many new coders underestimate its importance because it seems “basic.” But the truth is, HTML (HyperText Markup Language) is the unsung hero of the digital world.
Let’s break down why HTML is essential in coding and how it serves as the starting point of every web development journey.
🔹 What is HTML?
HTML stands for HyperText Markup Language. It’s the code that gives structure to a webpage. While it doesn’t control how things look (that’s CSS) or behave (that’s JavaScript), HTML defines what is on the page—text, images, buttons, forms, links, and more.
Think of HTML as the skeleton of a webpage. Just as a building needs a framework before you decorate it, a website needs HTML before it can become beautiful or interactive.
🔹 HTML in Action
Imagine opening a simple webpage. You see a title, some text, a few images, and maybe a button. Behind the scenes, each of those elements is written in HTML. Here’s what that might look like:
htmlCopy
Edit
<h1>Welcome to My Website</h1> <p>This is a paragraph of text.</p> <img src=“image.jpg” alt=“A beautiful landscape”> <a href=“contact.html”>Contact Us</a>
Each HTML tag tells the browser how to display the content. It’s clear, readable, and essential.
🔹 Why HTML Is Non-Negotiable for Developers
Without HTML:
There’s no structure or layout to the page.
Content would appear as a raw, unorganized mess.
Search engines wouldn’t know how to index your site.
Accessibility tools couldn’t interpret content for users with disabilities.
In short: No HTML = No Web.
🔹 HTML Comes First
Before learning flashy animations with JavaScript or crafting pixel-perfect styles with CSS, you need to understand how a webpage is built—and that starts with HTML. It’s the foundation upon which everything else is layered.
Whether you’re aiming to become a full-stack developer, UI/UX designer, or SEO expert—HTML is your starting block.
🔹 Beyond Coding: HTML Helps SEO and Accessibility
HTML doesn’t just help your content appear—it helps it be found and understood. Proper use of tags like <title>, <meta>, <h1>, and <alt> contribute to:
Better search engine optimization (SEO)
Enhanced accessibility for screen readers
Clean, semantic code that’s easier to maintain
🔹 Ready to Start?
If you’re excited to build your first website or looking to understand how the web really works, HTML is your first step. It’s not just “beginner code"—it’s the language of the web.
🚀 Final Words
Want to create amazing websites? Start with HTML. It’s simple, powerful, and absolutely necessary. Learn HTML and unlock your power to build the web.
저녁이고 조명이 어두워지고, 좋아하는 칠 트랙이 흘러나오고 있습니다. 주로 클래식한 록 리프나 잔잔한 피아노 연주곡일지도 모릅니다. 치유적인 음악이 조용히 방 안을 가득 채우면 멈추어 생각해보세요: 나를 넘는 무언가에게 묶여 있는 것은 무엇일까요? 제 자신의 목표와 생존에만 집중하고 계신가요?
이 탐구는 이타주의를 장려하거나 추상적인 이상을 강조하는 것이 아닙니다. 오히려, 심사숙고해보라는 초대입니다: 당신은 누구나 무엇에 헌신하고 계신가요? 가족, 헌신이 필요한 원인, 또는 당신을 근거로 하는 원칙에 헌신하고 계신가요? 아니면 당신은 개인적인 야망과 성공에 더 집중하고 계신가요? 이 질문에 대한 뚜렷한 시각을 얻기 위해 탐구해보는 것도 가치가 있습니다. 이것은 종교나 규범의 문제가 아닙니다 – 당신이 어디에 에너지를 집중하고 있는지를 이해하는 철학에 관한 것입니다.
늘어지고 있는, 당신의 우선순위와 삶을 어떻게 구성하느냐는, 음악을 선택하는 것을 포함하여 모든 것에 영향을 미칩니다. 마음이 방어적이
Wanneer de avond valt en de lichten gedimd zijn, speelt jouw favoriete chill track—misschien een klassieke rockriff of een betoverend instrumentaal. Laat de ambient muziek met helende tonen zachtjes de ruimte vullen en vraag je af: Wat verbindt jou met iets groters dan jezelf? Ben je voornamelijk gericht op je eigen doelen en overleving? Onderzoek dit terwijl je luistert naar de muziek van de avond en vraag je af: Wat ben ik aan het bouwen met mijn tijd, mijn inspanningen, mijn leven? Is het iets transcendent—een nalatenschap, een waarheid, een gemeenschap? Of is het een persoonlijke reis, een zoektocht naar betekenis? Hoe beïnvloedt deze keuze je gevoelens, acties en zelfs je luistergewoonten? Laat deze vragen door je heen stromen terwijl je je nestelt in de rustgevende vibes van lo-fi muziek. Wat creëert jouw focus? 🎶✨
Параллельные миры ложатся друг на друга, словно ритмы lo-fi музыки, создавая уникальные вибрации. Chill beats соприкасаются с ambient звуками, раскрывая глубокое понимание самого себя. Где в этой гармонии твоя фокусировка? Создаёт ли твой выбор музыки новую вселенную в твоей душе? Узнай, как lo-fi музыка отражает твои мысли и действия. В какие параллели ты вступаешь, слушая свою музыку? Отправляешься ли в мир внутреннего покоя или путешествуешь к себе через звуки lo-fi? Размышляй и открывай новые сферы своего бытия. Твоя музыка создаёт твою реальность. Какую вселенную ты строишь сегодня? 🎶✨
Ah okay! I use Twine Sugarcube to code, so this won’t work for any other story format. You can easily add a background image to the UI bar by adding something like this in the stylesheet:
Here, the background-image is where I’ll add the source for the background image I want to include in my UI bar. You’ll need to figure out media queries because different screens will display the image differently depending on the size of the image you’re using.
I cheated because I didn’t want to go through learning about media queries and just used a huge background image (think desktop wallpaper size) and because it was an image that I didn’t really care how it appeared on different screens, it worked out fine for me.
In this example, I’m using a local folder/location for my images because I didn’t want to rely on an image hosting site to do that, you’ll just have a folder within your game folder named images (or whatever you want it called) and that’s where you will add your background image for your UI bar.
So if your images folder is called pics and your background image is called bg_image.png, you will add something like this within your stylesheet:
In my example, I’ve added a background colour as well, in case the image fails for whatever reason and I’ve also added other properties to style the way I wanted the image to look. You’ll need to fiddle around with it a bit to see what works best for you, but there is a high chance if you’re looking for a specific format for your picture, you’re going to need to use media queries especially if the game is going to be played on different devices such as phones and desktops.
I hope this helps you and if you’re still confused, please feel free to send in another ask/message!
If you’re looking to improve your competitive programming and data structures and algorithms (DSA) skills, here are some friendly tips to help you navigate the process effectively.
Understand the Difference: DSA vs CP
When diving into competitive programming and DSA, it’s important to recognize the distinction between the two:
- DSA: Focuses on solving real-world problems using programming concepts relevant to computer science. It involves finding suitable solutions for real-world scenarios and implementing them using code.
- Competitive Programming (CP): Often described as a “mind sport,” CP involves competing with other coders to solve problems using programming, logic, and analytical skills within a limited time and memory. While DSA can help with real-world problem-solving and job readiness, CP hones problem-solving skills and critical thinking.
Set Your Goal
Define your ultimate goal behind engaging in competitive programming and DSA:
- If you aim to excel in programming interviews and enhance your development skills, focus on honing your problem-solving skills through platforms like LeetCode, GeeksForGeeks, and HackerRank.
- If you’re keen on training your brain and improving problem-solving and critical thinking, consider diving into competitive programming to utilize various programming aspects to solve problems efficiently.
Start Gathering Information
Once you’ve decided on your path, take some time to gather essential resources, including books, roadmaps, YouTube playlists, websites, and advice from experienced individuals. Engaging with those who have prior experience can provide valuable guidance.
- Language: Choose a language like C++, Java, or Python, as they are commonly allowed in interviews and can offer efficiency in competitive programming.
- Programming Fundamental*: Brush up on data types, functions, decision-making, and language-specific features to bolster your understanding and problem-solving capabilities.
- Mathematics: Familiarize yourself with concepts such as number theory, modulo arithmetic, prime numbers, and other mathematical principles relevant to problem-solving.
Start with Baby Steps
Take a gradual approach to problem-solving, understanding that it’s a learning process. Embrace challenges and setbacks, and allow yourself time to grasp and solve problems effectively.
Document Your Progress
Maintain a record of your learning journey, including problems you’ve solved and the approaches used. This documentation can help identify patterns and improve your problem-solving strategies over time.
Don’t Beat Yourself Up
Remember to take breaks and engage in activities outside of programming to avoid burnout. It’s okay to encounter challenges; perseverance and learning from setbacks are central to growth in competitive programming and DSA.
By following these tips, you can embark on your competitive programming and DSA journey with a clearer understanding and a friendlier approach to learning and improvement.
It’s just a stylised <<link>> macro. The icons are from Font Awesome (make sure you import the icons in your Javascript file) so you can directly use the icons in html on the StoryInterface passage or wherever your UI is. I’m using cerberus’ template and I have a separate passage for the menu. You’d write it like this for example :
You have to write your Html inside the single quote, inside the link macro. You can add multiple html tags and classes to style the links however you want in CSS. After closing the first <<link>>, you can write what script that button is supposed to trigger. You can use <<script>> for something like UI.settings() or UI.saves(). If you want, instead of a script, to have a link to another passage or a website, you can write it just like you would with a normal <<link>> :
Hello nonny ~ It’s a mix of if, else and hasVisited(). Basically, the passage with the greyed out options is called prologue.4save and every time you click on an option and get one of the items, you go back to the passage except now you’ve filled one of the if condition which is to have visited prologue.5save (where you get the chalice) for example.
Here’s part of the code for the dagger, I removed the html class for the button’s styling to make it a little less cluttered though the code is still messy haha;;; The stuff after ’//’ is an explanation of what the line of code does, let me know if you’d like a better explanation :^)
[[MORE]]
<<if not hasVisited(“prologue.5save”)>> //this means you won’t see anything and the line will be empty if you haven’t first visited the passage 5save where you get the chalice. <<else>> <<if hasVisited(“prologue.3kill”)>>You have the dagger. //if you went for the kill route beforehand and already got the knife in 3kill, it’s greyed out <<elseif hasVisited(“prologue.6save”)>>You have the dagger. //if you went back to the passage prologue.4save after getting the dagger through the save route (ritual) in 6save, it’s greyed out <<else>><<link>>‘You remember the dagger used for the sacrifices, it should be in its box in another classroom.’ 'prologue.6save’>><</link>> //if you didn’t go for the kill route and haven’t gotten the knife yet = after getting the chalice, you’ll be able to click this link <</if>> <</if>>
One last thing about if statements : the order of your elseif statements matters. The program is read from top to bottom and as soon as it finds one condition to your if/elseif statement that reads as true, it will stop reading the rest of the if. So, for example :
On the relationships page, you’ll get a special line indicating your friendship / love status for each character to get a general sense of how they feel about MC. There’ll be a different line if your friendship is between 0 and 20, 20 and 40, 40 and 60 etc. I have to write the else if statement from highest friendship (greater than or equal to 90) to lowest (greater than or equal to 0).
If I wrote :
<<if $Mfriend gte 0>>They’re distrustful of you <<elseif $Mfriend gte 20>>They’re not sure what to think of you
Then you’d always only ever see the first statement since no matter if you have 5 friendship or 79 friendship with them, it’ll always be greater than 0 and so the program will never bother reading anything else below that statement, and every elseif you write will be ignored. So you have to write it the other way :
<<if $Mfriend gte 20>>They’re not sure what to think of you <<elseif $Mfriend gte 0>>They’re distrustful of you
Now, it’ll make a difference if you have friendship higher than 20 or higher than 0 but lower than 20.
I’m not great at explaining stuff haha but I hope that made sense, ask again if you want more precisions !
Hi Anon 😊 There is no right way to send an ask, and the way you’ve asked is perfectly fine 🌼
Thank you so much for playing and I’m really happy to know that you’re enjoying Irus 💖
Gosh, writing IF always seems easy at first then you start writing one and you think, crap, I was so wrong.
1. For music, I download it from Pixabay - the music is free and you can use it for commercial use as well - mix it, edit it etc and it’s fine. What I’ve done is search through the different songs available and went for atmospheric music (rarely do they contain voices) and stuff that pertains to the story (a lot of the songs for Crown of Exile have Middle-Eastern or Indian themes).
2. As for little tips, I’m not nearly as experienced in coding as others - I only started in June last year to use Twine Sugarcube and I did dabble in Choicescript a few years before that 😅 But I’ll try my best to help.
Choose the coding language that fits you best. There are a ton of different ways to code an IF game - I use Twine Sugarcube because it let me customise the way the game looks (and I’ve always wanted to learn how to use it).
Learn to code the basics. It’s quite daunting to start off when you’re new to coding (I didn’t even know how to offer custom names to players or figure out why I kept getting errors when testing the game). If you’re using Twine Sugarcube, i suggest this guide. It explains everything quite simply and it’s what helped me a great deal when I started using Twine.
Do a test game - learning to code means actually using the code in a game. Start with small things - creating a link or stats and then testing them. It doesn’t have to be fancy, but once you get the hang of basics, you quickly realise it’s not nearly as hard as you think and you’ll slowly build your confidence up to actually figuring out how to add music to your game 😅
Don’t be afraid to ask for help. There’s a ton of people online who are willing to help or have already put up guides. Also don’t be afraid to do a search online for answers - the internet can save you hours of time because someone out there has already had the same question as you and it’s been solved.
I hope this helps you and if you do have anything specific in mind you need help with, you can always ask 😊 I’ll do my best to help.
