#visual studio code guide

[izicodes]

Mini React.js Tips #1 | Resources ✨

I thought why not share my React.js (JavaScript library) notes I made when I was studying! I will start from the very beginning with the basics and random notes I made along the way~!

Up first is what you'll need to know to start any basic simple React (+ Vite) project~! 💻

What you'll need:

node.js installed >> click

coding editor - I love Visual Studio Code >> click

basic knowledge of how to use the Terminal

What does the default React project look like?

Step-by-Step Guide

[ 1 ] Create a New Folder: The new folder on your computer e.g. in Desktop, Documents, wherever that will serve as the home for your entire React project.

[ 2 ] Open in your coding editor (will be using VSCode here): Launch Visual Studio Code and navigate to the newly created folder. I normally 'right-click > show more options > Open with Code' on the folder in the File Explorer (Windows).

[ 3 ] Access the Terminal: Open the integrated terminal in your coding editor. On VSCode, it's at the very top, and click 'New Terminal' and it should pop up at the bottom of the editor.

[ 4 ] Create the actual React project: Type the following command to initialize a new React project using Vite, a powerful build tool:

npm create vite@latest

[ 5 ] Name Your Project: Provide a name for your project when prompted.

[ 6 ] Select 'React' as the Framework: Navigate through the options using the arrow keys on your keyboard and choose 'React'.

[ 7 ] Choose JavaScript Variant: Opt for the 'JavaScript' variant when prompted. This is the programming language you'll be using for your React application.

[ 8 ] Navigate to Project Folder: Move into the newly created project folder using the following command:

cd [your project name]

[ 9 ] Install Dependencies: Execute the command below to install the necessary dependencies for your React project (it might take a while):

npm install

[ 10 ] Run the Development Server: Start your development server with the command (the 'Local' link):

npm run dev

[ 11 ] Preview Your Project: Open the link provided in your terminal in your web browser. You're now ready to witness your React project in action!

Congratulations! You've successfully created your first React default project! You can look around the project structure like the folders and files already created for you!

BroCode's 'React Full Course for Free' 2024 >> click

React Official Website >> click

Stay tuned for the other posts I will make on this series #mini react tips~!

[mortish-writes]

How do you organize BoS in Twine? Is it just a single story or is there multiple, like one is just night 1 and another story is night 1 + 2 and so forth.

Oh wow. Sometimes I feel like readers and I are psychically linked. I had to cut writing short this morning to go through and organize my file because the Night VI branches were getting a bit out of hand.

This is how they're supposed to be labeled. My episode titles are formatted as [Chapter]_[routePassage]_[Title]. So n5_z1_wake would be Night 5, Zealot Passage 1, Wake, the title mostly being a label for my own quick reference. As I'm working with major differences between the MFM and MMF routes + Weaver Alignment in Night VI, they look more like this: n6_mfm_za40_follow, which is Night 5, Bound mode, Weaver-Aligned Zealot Passage 40, Follow.

This is hardly an ideal way to do this. In fact, I think most Twine authors do their stories in a coding environment. As I'm more visually inclined and like seeing the interconnectedness of the passages, that's challenging for me. If you're looking for a more proper way to go things I recommend this guide.

As of right now this method, when properly labeled, works fine for me. I also have a separate Scrivener file where I take notes on each route, that way I don't lose my place/forget who knows what. If/when using the visual environment becomes unwieldy, I'll probably switch to using Visual Studio to code. As I write, I am also working my way through Harvard's free CS50 course and I become more comfortable with coding each month.

[limeleviathan]

Pixel Cat's End Bean Calculator

As a few of you may be aware (also I have pinged those who expressed interest in the first post btw) I have created a calculator that takes the genetic strings of two not-cats, along with some filters, and returns EVERY. POSSIBLE. BEAN. along with its corresponding probability! It also displays the total probability of matching all input traits.

The link to the file is here. (Current version: 1.0)

In order to use it, you will need a python interpreter (there are plenty of guides for that online, it shouldn't be hard to do) along with a program to run it in. I chose and recommend Visual Studio Code. Again, there are plenty of guides for python and VS Code.

At the top of the file, there are some settings that you can change, including fonts and colours, with the formats needed for those settings next to them. You can change those whenever, but be warned that changing font size may result in the window being weirdly sized.

Basically, to use it, you just run the code, input the full genetic strings (if growth or accent are unknown, put [??] in its place) of a North/Trade cat and a South/Trade cat in their respective fields, select the traits you want to see, and click the Big Red Button™. From there, you can see every possible bean, its chance, and at the bottom will be the chance of a bean matching your selected traits.

Note that for recessives (for example longhair), carrying the trait and not carrying it are two separate fields (short and short (carries long)). If you want the overall chance for shorthair, you would add the chances for short and short (carries long).

There is a button at the bottom for if there are any bugs that you have found, along with some troubleshooting steps to fix them.

If you have any more questions, feel free to ask!

Those who expressed interest earlier: @fr-thrice @tvthetv

[moose-mousse]

Greetings moose-mousse, it is a bit niche/weird (but let's see how far it goes) but may I ask for some suggestions / advice concerning making pseudo-code / fake code scripts / programs to put onto scenes to film? Because I work towards portraying sidestream programming environments of the past (yet customized into my own 16^12 worldbuilding stuff) to show for films I look forth to produce this summer and idk where to pull fitting samples, code style guides & whatnot to put on various screens.

A great start. Wireshark. It is a packet sniffer. Especially on wireless networks in looks great as background busywork. Do it to a public network and you will get plenty of noise to look technical. Basically in wireless networks, everyone is just screaming things. Only the intended target really reacts, and things are encrypted and all sorts of safety is in place, but the fact of the matter is still that everyone is screaming. So you can just have wireshark show you everything that is happening, and it gives a nice constant feed of technically valid but essentially nonsense to look at. Customize the look a bit and you are great. Note that this is both legal and fine. This is stuff it is ok to yell about in public The other is of course a command console. For that I would recommend installing Python, and then simply make a infinite loop that prints technical nonsense. If you need sample text then install anything by writing "pip install ______", copy the text and print it in your own python thing. Creates infinite nonsense text that looks real (because... it is a copy of something real.) Both of these should take less than an hour to set up, and will create great looking backgrounds on screens for "someone doing something technical"

If you want code just staying still on the screen, then basically install visual studio code, find an open source project on github and open a file. Open files of a few different types and visual studio code will automatically recommend you extension that will color the text to look like proper code.

[souhaillaghchimdev]

How to Build Software Projects for Beginners

Building software projects is one of the best ways to learn programming and gain practical experience. Whether you want to enhance your resume or simply enjoy coding, starting your own project can be incredibly rewarding. Here’s a step-by-step guide to help you get started.

1. Choose Your Project Idea

Select a project that interests you and is appropriate for your skill level. Here are some ideas:

To-do list application

Personal blog or portfolio website

Weather app using a public API

Simple game (like Tic-Tac-Toe)

2. Define the Scope

Outline what features you want in your project. Start small and focus on the minimum viable product (MVP) — the simplest version of your idea that is still functional. You can always add more features later!

3. Choose the Right Tools and Technologies

Based on your project, choose the appropriate programming languages, frameworks, and tools:

Web Development: HTML, CSS, JavaScript, React, or Django

Mobile Development: Flutter, React Native, or native languages (Java/Kotlin for Android, Swift for iOS)

Game Development: Unity (C#), Godot (GDScript), or Pygame (Python)

4. Set Up Your Development Environment

Install the necessary software and tools:

Code editor (e.g., Visual Studio Code, Atom, or Sublime Text)

Version control (e.g., Git and GitHub for collaboration and backup)

Frameworks and libraries (install via package managers like npm, pip, or gems)

5. Break Down the Project into Tasks

Divide your project into smaller, manageable tasks. Create a to-do list or use project management tools like Trello or Asana to keep track of your progress.

6. Start Coding!

Begin with the core functionality of your project. Don’t worry about perfection at this stage. Focus on getting your code to work, and remember to:

Write clean, readable code

Test your code frequently

Commit your changes regularly using Git

7. Test and Debug

Once you have a working version, thoroughly test it. Look for bugs and fix any issues you encounter. Testing ensures your software functions correctly and provides a better user experience.

8. Seek Feedback

Share your project with friends, family, or online communities. Feedback can provide valuable insights and suggestions for improvement. Consider platforms like GitHub to showcase your work and get input from other developers.

9. Iterate and Improve

Based on feedback, make improvements and add new features. Software development is an iterative process, so don’t hesitate to refine your project continuously.

10. Document Your Work

Write documentation for your project. Include instructions on how to set it up, use it, and contribute. Good documentation helps others understand your project and can attract potential collaborators.

Conclusion

Building software projects is a fantastic way to learn and grow as a developer. Follow these steps, stay persistent, and enjoy the process. Remember, every project is a learning experience that will enhance your skills and confidence!

[evertidings]

Hey Kristi! how are you doing today? uwu.

I hope you have enough water thoughout your day.

How did you get into the IF world, and how did you learn how to code (or pseudocode)? What engine are you implementing on your game?

I love your story, and as a person who wants to tell a story, i am struggling with that. (I only speak python for god's sake i'm a poor it student)

Also, a recommendation for fans out there wanting to make a game independently?

When can we hold Blane for a sec really he needs a hug

<3

hi! so, all my advice i've tagged on my blog, but the best post i have for coding and this particular scenario is probably this one.

however, i've said it before and i'll say it again: i'm probably not the person you should go to for coding. i learned (a word i use loosely) everything in the span of two months and promptly forgot it all. ask me anything now and i'll be stumbling through an explanation that might not even be correct so. take all of my coding advice with a grain of salt.

but to answer your question, i use twine (sugarcube) to code my story. for ease of writing, i open my code in visual studio code with the twee extension that colour codes everything to make it easier on the eyes.

in general, my best advice for learning to code is to just go nuts. start with a template, play around with it, look at blogs that are better coders than i am and see if they can answer the questions you have. google things, search up css guides (w3schools was extremely useful for me) and eventually, you'll start to learn the patterns enough to put together what you want. it's very vague, i know, but this is genuinely how i learned and what worked best for me.

good luck !!

[zoeythebee]

I'm a wittle shy but I has a question about programming :3.I love the process of coding and making things with it but ughhhh I just don't know what to make. Should I take a course on computer science like CS50 to get a better idea of the process (I've been coding for almost 2 years but have been very inactive this last year) or should I just wing it and try to make just something, and maybe learn a new language like C? Thankies :3

WING IT!

My best advice is lowkey just steal ideas from others. The thing that kinda domino-affected me into this whole programming thing was an emulator of Flipnote studio.

Find the things that you enjoy making and make those, be it video games, websites, applications, emulators, simulators, engines, programming languages, visual novels, text interface games, hacking.

And google is your best friend, anything you can think of has been made before and someone's probably put their code or a guide out there.

And I would reccomend learning C because it's so so so so so easy. People say C is scary, it's really not. Once you've learned Pointers that's it, you've learned the hardest part (and they are so easy). AND C has a library for everything you can think of, since it's been around forever.

That's pretty much it, dive straight into something fun. And if something gets to difficult it's never bad to take a break or focus on something else. Dont burn yourself out like I did once.

[information-will-not-harm]

7 extensions of VS-Code to boost productivity.

Boosting your productivity as a beginner programmer is essential. Visual Studio Code (VS Code) offers many extensions to streamline your workflow. Here are some of the best VS Code extensions to help you write cleaner code, debug efficiently, and manage projects effectively.

1. Prettier - Code Formatter

Function: Automatically formats your code to make it clean and consistent.

Usage: Saves time on manual formatting and ensures your code adheres to style guides.

Install: Search for "Prettier - Code formatter" in the extensions marketplace and install it

2. ESLint

Function: Identifies and fixes linting errors in your JavaScript and TypeScript code.

Usage: Helps catch common errors and enforce coding standards.

Install: Search for "ESLint" in the extensions marketplace and install it.

3. GitLens — Git supercharged

Function: Enhances the Git capabilities in VS Code by providing insights into code authorship and history.

Usage: This makes it easier to understand the history and evolution of your codebase.

Install: Search for "GitLens" in the extensions marketplace and install it.

4. Code Spell Checker

Function: Checks your code for spelling errors.

Usage: Helps catch typos and improve code readability.

Install: Search for "Code Spell Checker" in the extensions marketplace and install it.

5. Path Intellisense

Function: Autocompletes file paths in your code.

Usage: Saves time and reduces errors when working with file paths.

Install: Search for "Path Intellisense" in the extensions marketplace and install it.

6. Bracket Pair Colorizer 2

Function: Colorizes matching brackets to make it easier to identify block structures.

Usage: Improves readability of your code, especially for nested blocks.

Install: Search for "Bracket Pair Colorizer 2" in the extensions marketplace and install it.

7. Pets

Function: Adds a fun, interactive pet to your VS Code workspace.

Usage: Provides a cute, engaging way to take short breaks and reduce stress.

Install: Search for "Pets" in the extensions marketplace and install it.

[sevenguo77]

JavaScript Tutorial: A Beginner's Guide to the World of Web Development

Welcome to the exciting world of JavaScript! If you're looking to dive into web development, understanding JavaScript is essential. This versatile programming language powers the interactive elements of websites and is a key component of modern web applications. In this tutorial, we'll cover the basics of JavaScript, its syntax, and some practical examples to get you started.

What is JavaScript?

JavaScript is a high-level, dynamic, and interpreted programming language that is primarily used for enhancing the interactivity of web pages. It allows developers to create rich user experiences by manipulating HTML and CSS, responding to user events, and communicating with servers.

Why Learn JavaScript?

Ubiquity: JavaScript is supported by all modern web browsers, making it a universal language for web development.

Versatility: Beyond the browser, JavaScript can be used on the server-side (with Node.js), in mobile app development (with frameworks like React Native), and even in game development.

Community and Resources: With a vast community and numerous resources available, learning JavaScript is more accessible than ever.

Getting Started with JavaScript

Setting Up Your Environment

To start coding in JavaScript, you don't need any special software. All you need is a web browser and a text editor. Here’s how to set it up:

Choose a Text Editor: Popular options include Visual Studio Code, Sublime Text, and Atom.

Open Your Browser: You can use any modern browser like Chrome, Firefox, or Edge.

[imagecreative]

Game Development Classes

In today's fast-paced digital world, the gaming industry is booming, offering immense career opportunities for creative and technical minds. If you're passionate about gaming and want to turn your hobby into a career, Image Creative Education in HSR Layout, Bengaluru is your gateway to success. Our Game Development Classes are designed to equip you with the skills and knowledge needed to thrive in this exciting and dynamic field.

Why Choose Game Development?

Game development is more than just creating fun and engaging games. It’s about storytelling, innovation, and using cutting-edge technology to create interactive experiences. Whether you want to design characters, develop immersive environments, or program complex gameplay mechanics, game development offers a range of career paths. With the demand for game developers skyrocketing, now is the perfect time to enter this thriving industry.

What We Offer at Image Creative Education

At Image Creative Education, we provide comprehensive Game Development Classes tailored to both beginners and experienced individuals. Our expert instructors guide you through every aspect of game development, from concept creation to final production. You’ll learn key skills such as:

Game design principles: Understand the fundamentals of designing compelling games.

Programming: Learn coding languages like C++ and Unity to bring your game ideas to life.

Graphics and animation: Create stunning visuals and animations using industry-standard software.

Level design: Master the art of creating immersive game worlds and environments.

Game testing and debugging: Ensure your games are polished and ready for players.

Why Choose Image Creative Education?

Located in the bustling HSR Layout of Bengaluru, Image Creative Education stands out as a leader in creative education. With a state-of-the-art facility, experienced faculty, and a curriculum aligned with industry trends, we ensure that our students are fully prepared to meet the challenges of the game development industry.

Our Game Development Classes offer hands-on experience, allowing you to work on real-world projects and build a strong portfolio that will impress potential employers. Plus, our strong industry connections give you access to internship and job opportunities in leading gaming companies.

Join the Future of Gaming

Whether you dream of working for top gaming studios or creating your own indie games, Image Creative Education in HSR Layout, Bengaluru, will give you the tools to succeed. Our Game Development Classes are designed to foster creativity, technical expertise, and problem-solving skills that are essential in today’s competitive gaming industry.

Take the first step toward a rewarding career in game development. Enroll today at Image Creative Education and become part of the next generation of game developers.

[hob28]

Learn HTML and CSS: A Comprehensive Guide for Beginners

Introduction to HTML and CSS

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the core technologies for creating web pages. HTML provides the structure of the page, while CSS defines its style and layout. This guide aims to equip beginners with the essential knowledge to start building and designing web pages.

Why Learn HTML and CSS?

HTML and CSS are fundamental skills for web development. Whether you're looking to create personal websites, start a career in web development, or enhance your current skill set, understanding these technologies is crucial. They form the basis for more advanced languages and frameworks like JavaScript, React, and Angular.

Getting Started with HTML and CSS

To get started, you need a text editor and a web browser. Popular text editors include Visual Studio Code, Sublime Text, and Atom. Browsers like Google Chrome, Firefox, and Safari are excellent for viewing and testing your web pages.

Basic HTML Structure

HTML documents have a basic structure composed of various elements and tags. Here’s a simple example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

    <title>My First Web Page</title>

    <link rel="stylesheet" type="text/css" href="styles.css">

</head>

<body>

    <h1>Welcome to My Web Page</h1>

    <p>This is a paragraph of text on my web page.</p>

</body>

</html>

: Declares the document type and HTML version.

: The root element of an HTML page.

: Contains meta-information about the document.

: Connects the HTML to an external CSS file.

: Contains the content of the web page.

Essential HTML Tags

HTML uses various tags to define different parts of a web page:

to : Headings of different levels.

: Paragraph of text.

: Anchor tag for hyperlinks.

: Embeds images.

: Defines divisions or sections.

: Inline container for text.

Creating Your First HTML Page

Follow these steps to create a simple HTML page:

Open your text editor.

Write the basic HTML structure as shown above.

Add a heading with the tag.

Add a paragraph with the tag.

Save the file with a .html extension (e.g., index.html).

Open the file in your web browser to view your web page.

Introduction to CSS

CSS is used to style and layout HTML elements. It can be included within the HTML file using the <style> tag or in a separate .css file linked with the <link> tag.

Basic CSS Syntax

CSS consists of selectors and declarations. Here’s an example:

css

Copy code

h1 {

    color: blue;

    font-size: 24px;

}

Selector (h1): Specifies the HTML element to be styled.

Declaration Block: Contains one or more declarations, each consisting of a property and a value.

Styling HTML with CSS

To style your HTML elements, you can use different selectors:

Element Selector: Styles all instances of an element.

Class Selector: Styles elements with a specific class.

ID Selector: Styles a single element with a specific ID.

Example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

    <title>Styled Page</title>

    <link rel="stylesheet" type="text/css" href="styles.css">

</head>

<body>

    <h1 class="main-heading">Hello, World!</h1>

    <p id="intro">This is an introduction paragraph.</p>

</body>

</html>

In the styles.css file:

css

Copy code

.main-heading {

    color: green;

    text-align: center;

}

#intro {

    font-size: 18px;

    color: grey;

}

CSS Layout Techniques

CSS provides several layout techniques to design complex web pages:

Box Model: Defines the structure of an element’s content, padding, border, and margin.

Flexbox: A layout model for arranging items within a container, making it easier to design flexible responsive layouts.

Grid Layout: A two-dimensional layout system for more complex layouts.

Example of Flexbox:

css

Copy code

.container {

    display: flex;

    justify-content: space-around;

}

.item {

    width: 100px;

    height: 100px;

    background-color: lightblue;

}

Best Practices for Writing HTML and CSS

Semantic HTML: Use HTML tags that describe their meaning clearly (e.g., , , ).

Clean Code: Indent nested elements and use comments for better readability.

Validation: Use tools like the W3C Markup Validation Service to ensure your HTML and CSS are error-free and standards-compliant.

Accessibility: Make sure your website is accessible to all users, including those with disabilities, by using proper HTML tags and attributes.

Free Resources to Learn HTML and CSS

W3Schools: Comprehensive tutorials and references.

MDN Web Docs: Detailed documentation and guides for HTML, CSS, and JavaScript.

Codecademy: Interactive courses on web development.

FreeCodeCamp: Extensive curriculum covering HTML, CSS, and more.

Khan Academy: Lessons on computer programming and web development.

FAQs about Learning HTML and CSS

Q: What is HTML and CSS? A: HTML (HyperText Markup Language) structures web pages, while CSS (Cascading Style Sheets) styles and layouts the web pages.

Q: Why should I learn HTML and CSS? A: Learning HTML and CSS is essential for creating websites, understanding web development frameworks, and progressing to more advanced programming languages.

Q: Do I need prior experience to learn HTML and CSS? A: No prior experience is required. HTML and CSS are beginner-friendly and easy to learn.

Q: How long does it take to learn HTML and CSS? A: The time varies depending on your learning pace. With consistent practice, you can grasp the basics in a few weeks.

Q: Can I create a website using only HTML and CSS? A: Yes, you can create a basic website. For more complex functionality, you'll need to learn JavaScript.

Q: What tools do I need to start learning HTML and CSS? A: You need a text editor (e.g., Visual Studio Code, Sublime Text) and a web browser (e.g., Google Chrome, Firefox).

Q: Are there free resources available to learn HTML and CSS? A: Yes, there are many free resources available online, including W3Schools, MDN Web Docs, Codecademy, FreeCodeCamp, and Khan Academy.

[h-emera]

On putting together a custom fur thickness setting (works great for clipped fur)

16/10/2023: Updated to add more info for generating hash codes.

Another day, another guide, I found some time to put together this guide for y'alls.

Essentially, we'll be creating or own custom fur overlay. It's not really complex, just as the previous ones, bit annoying to put everything together neatly.

As always, we'll be using:

Sims 4 Studio

Whatever editing software you want, if you're editing just the fur texture, for others, I'm not sure, but very likely whatever software you want will work. I'm going to use GIMP.

Notepad at your own discretion.

As with my previous guides, we'll be using the following Sims 4 Studio tools:

Game File Cruiser

Hash Generator

Create a new, empty package to work with and let's get going.

Step 1:

Open up game file cruiser, just as in my previous guides, ep14 in the left search bar, leave the top right search bars empty for the time being, then go ahead and find CAS Preset box and tick it.

This is pretty straightforward - the files are nicely labelled, and we'll grab the second fur file and add it to our package.

From there, we'll need to scroll down in the list and click "Edit Items" on the Sculpts tag, copy the instance ID and then find it in the game file cruiser and add it to our package. Don't worry that it says "EYES" there, it's not relevant.

Now your package file will have 2 items in it - a CAS Preset and a Sculpt File.

Now, we'll want to add the following instance ID's from the Sculpt file to our package:

You'll have to copy each ID, find it in the game file cruiser and add it to your package file.

I recommend essentially copying an ID, then throwing it in the Instance field search, making sure the bottom search bar has ep14 in it, just in case and then selecting all file types and doing it that way. It'll be quicker.

Your package will look like this:

Now, we'll need to grab thumbnails, so we can create a custom thumbnail for the file, for when it shows up in-game.

We're going to copy the CAS Preset ID and put it in the Game File Viewer, instance field, make sure ep14 is enabled (It's just good practice when wanting to work with specific files).

Select both files (hold down ctrl and left-click on both) and press "Add to Package".

Now, it's time to add IDs to everything, in my previous guides, I've tried to take people step-by-step through the process of adding ID's, but I figure it's a lengthy process, so I'll provide a visual guide for what goes where.

These three MUST have the same ID, for the thumbnails to appear in-game.

And now the more annoying/difficult part:

Edited 16/10/2023: When generating your hash ID's, please use your creator name ie.: "[YourCreatorName/Blogname]TutorialCustomFurCoat1", this will give you a more unique hash code than hoping to be as descriptive as possible when generating the hashes (in this case instance ID's).

Thanks to Mizore Yukii for this advice, from Creator's Musings.

If you're added your files in order like this, it can be easy, but if you've accidentally sorted the files, or added them in a different order, it can definitely be confusing.

In case your files aren't in order, just compare the ID's and make sure to check twice and do it one by one, so you can use the method of elimination, if you're lost/confused.

To change ID's on images, press the "Data" tab and replace the instance ID as follows:

Once you've created all new instance ID's, we've got a few things left to do.

You'll want to copy the ID of "Sculpt" and then open "CAS Preset" and go down to "Sculpts" and replace the ID there:

Then press save and now you can begin editing your image files. You can essentially edit every image file, but if you're not familiar with bump maps, etc., I'd recommend just sticking to editing the "fur" texture for the first time.

This is the file you'll want to export for the "fur" texture edit:

Once you're happy with your coat, mine is here:

Export it as a PNG file, no compression, nothing, just let it export as is.

Then import the file into your new package file:

Save your package and now go ahead and edit your thumbnails, start by exporting both of them and then just do whatever you want and then import those two into the package:

Now, go ahead, save your package and have a look ingame:

And you're done.

[innovatecodeinstitute]

🚀 Ready to elevate your coding skills? Our latest quick guide walks you through installing Visual Studio Code. Start coding like a pro today!

[moose-mousse]

Frustrations

Following other developers, learners and makers are great. It facilitates learning and gives inspiration

But one thing that is often missing from people telling about how it is going, is the failures, frustrations and problems any developer will run into.

For this reason, two of my favorite maker youtube channels are Extractions&Ire (Chemistry) and Code Bullet (machine learning). Because these madlads are brave enough to not just show their process and result, but also their failures, mistakes and errors. And how they overcome them. Not always by learning (Sometimes making a dumb mistake is not really something you can learn from...)

It's good, because it's real.

Code tutorials and guides can give the impression that the normal process of development is "Open IDE, code, fix tiny typo error, compile, success". They don't do it out of malice, but out of a want to be concise. Which is fair.

So I also want to share when things do not go so well. I have programmed Atmel's AVR Chips for quite a while now. But I have done it mostly in microchip studio(former Atmel studio) and a bit in the arduino IDE. A job I am currently applying for, uses visual studio code. Which is fair enough. So to prepare for this specific job, and to acquire this quite good-to-have skill, I want to set that up for myself First things first, since I have not done this before, I cannot know if my code would have a weird error so I want to know everything else is working first. So I write a tiny program which simply have the microcontroller increase a number every 2 seconds and write it to my PC over UART. Takes 2 minutes.... I grab one of my Arduino Nano boards and a USB cable for it. And then... I cannot flash it... Its communication protocol have troubles.

I have seen this before. It is to do with the cables not being correct. If they are USB 2.0, very little magnetic noise can cause trouble. (And you cannot tell if a cable runs USB 2.0 or 3.0 by looking at it... because the universal serial bus is not universal... Insert grump rant here) I then spend an hour finding and trying different USB A to USB B-mini cables. Give up, notes down to buy (and MARK) some USB 3.0 versions for the future. I then grab a Arduino Uni instead, as they use USB B, which is much more resistant to noise... And then spend half an hour trying to find a the cable, as I do not have a lot of them, since... nearly nothing uses them. Finally find it, and yes, the program can now be flashed. So I packed all the cables I tested back in their places, after marking them so I will(hoefully) not have to do this again. Had to take several breaks feeling depressed and grumpy, and all in all, this adventure took 4-5 hours. And now I can START on this... And this is how work sometimes is. And that is ok. It is still... VERY frustrating ...

[pandaladie]

My stupid guide to getting the stupid list of people YOU FOLLOW on tumblr

if tumblr has some way fo getting a list of usernames and urls of blogs you follow i don't know of it, if theres some script i don't know it, if theres anything. LET ME KNOW. but since i dont think there is welcome to my bruteforce method of getting a list of people you follow.

I am not a coder, i don't know how to do this with a program, and i dont know of any program that does it, no programmer thats going to or anything so im bruteforcing this in perhaps a stupid way but it works

go to your https://www.tumblr.com/following page

its just this same link, it takes you to the list of everyone you follow Then you need to load EVERY FOLLOWER by scrolling ALLL THE WAY DOWN the list, i have 2000 blogs i follow but ti doesnt take long for me to get to the end, yes you have to do this.

rightclick and select inspect

a box will come up, this might be scary for non techy people, don't worry were just looking at the code underneath the site, nothing you change will be permanent. dont mess around here unless you know kinda what youre doing, but dont be scared for what were gonna do.

there are several tabs to this new window, we want to be in the inspector tab, and when you mouse over the text in here you can notice that it flashes certain parts of tumblr. these different lines all pertain to certain spots of the webpage so you can see what tumblr wants you to see.

we want to find where they put the followers

so were gonna hover over:

and notice that the very center and only the center where you're followers are shown is lit up, that means inside this line somewhere is your follower list ((its not gonna be pretty)) use the little arrow on the side of this line and click it to expand the underlying code (this is really called nesting i think im not a coder, basically when there an arrow, theres stuff in there)

open the next arrow too (main something something)

keep hovering over the lines within this one and see which one lights up the center and only open that one, next one is "section something something" next class something something

now this might start to look familliar to you if you read all these "data-cell-id=" lines these are all the people you follows usernames,

I'm sure someone who knows how to code would be able to grab this in a neat way and put it in a text document for us, but i dont know how to do that i just know i want it.

so what i do is:

right click the line whose arrow we just opened to be able to see this and select "copy, inner html" this line to be clear

and i make a new notepad document(txt) on my computer, and i paste all that shit in there. and yes it looks like complete nonsense because everything is going everywhere with text you dont need or understand. dont worry about it. you still have all your list of following usernames in there.

now i used vs code(or visual studio code) (its a free program you can just get it if you want use google) and you dont even need to know any coding for this cleaning step. to clean this up, i open the document i created with all this shit in it in vs code and it has the capability to select every instance of a word or symbol or whatever and delete every single one, or replace it. it can also write with multiple cursors at the end of every line of text at the same time. so this way i can get rid of all this nonsense stuff to line up everyones usernames the way i'd like.

you can use google to figure out how to do this, or fuff about in vs code, but selecting a chunk and right clicking and choosing "change all occurrences" is what i used the most.

now if someone who actually codes could… help.. help me please.. dont let anyone else have to use this guide, there has to be a better way. thank you i love you

[nateascendingskies]

The Personal Experiences of Pixar and Elemental

Leaving a showing of the crew at Pixar and director Peter Sohn's latest film, Elemental, I was struck by how personal and certifiably unique the film was - no, not necessarily because of its story or even its characters (though the latter felt like a great inverse and even echo of the similar Zootopia), but because of how its themes of the immigrant experience, the duties and expectations of familial traditions, and even the feeling of multicultural love were conveyed or explored.

Much like how I have felt and seen myself in classic Disney and DreamWorks characters like Nick Wilde, WALL-E, and Hiccup Haddock, Ember and Wade spoke to me in ways I wasn't necessarily expecting or even considering walking into the theater some 2 hours earlier.

Like the literal flaming young woman that is Ember, I find myself in an interesting position in my life. While I have not necessarily found myself in the burden of following in family footsteps, I related very much to the idea of having to control one's temper in stressful situations. In the retail environment I have found myself in, I too have been overwhelmed by the constant hustle, bustle and flow of customers - all with their own wacky, weird and wild requests I probably wouldn't have even considered had I not stepped foot in a Home Depot for 8 hours every day. Oftentimes, I need a softer, creative, and often free-spirited side to awaken and comfort me when things get rough or tough sometimes. And, of course, that's where someone like a Wade comes in.

Like Wade, I do find myself easily crying at the most emotional of things - I do happily and readily admit. Yet, like the big ol' blob of water he is, I also find myself finding some clever solutions to problems I never once considered encountering. In addition, I do have a family and a creative community around me who have gone their own wacky and unusual ways, pursuing their own computer science or radiological techniques while I still try to find my own way around the world - living the dream as a writer for a film or motorsport publication or an archivist for a studio like Pixar, perhaps (funny, ain't it?).

Even then, it wasn't just the personal connections that I found in myself that drew me in. For the longest time, I had been longing for a Pixar film that felt like a true back to basics approach - the product of one voice guiding a similar creative team of thousands. Much like 2021's Luca, this was it - but on a big screen scale I didn't even think I wanted to see again. It felt refreshingly simple, pared back, even - which let the visuals carry the story even more than usual.

I didn't need any dialogue about butterflies, car windshields, code violations, blunt yet hard hitting racial allegories, games about making others cry, or depressed clouds trying to play visually trippy basketball equivalents (trust me, it all makes sense when you see the film) to keep me invested - all it took was a kaleidoscopic trip through a flooded old train station to find a flower that could survive in water and fire, some literal crowd waves at a sports stadium, and a literal familial flame to guide me through this weird world of living elements that Sohn and his team had created, showing more than saying what he had seen as a member of an immigrant family and perhaps even as a smitten romantic himself. Besides, as someone who spent a year in Oregon watching some of the best glassblowers in the world practice their craft, I couldn't help but smile watching that all come into play as a gift that Ember realized she had.

If anything, the flaws and traditional story beats the film had only served to draw attention more to what made it work - as a romantic comedy about literal opposites attracting, an unexpected tonal blender of comedy, drama and romance, and as a beautiful reflection of never really giving up on the dreams you discover and find as your life changes. I mean, if you told me I'd find a home at a Home Depot as a job I loved 5 or 10 years ago, I'd call you nuts! If you told me I'd come out of a film as mismarketed as Elemental listening to its beautiful score from Thomas Newman and admiring it mere hours after seeing it in a way that even Across the Spider-Verse couldn't match, I'd call you insane! And, perhaps most importantly of all, if you told me that I'd have a renewed hope, admiration and appreciation for the team at Pixar after how critical I was about their position in my last post - well, then you'd probably call me an unbelievable hypocrite with something stuck in my head. But that's just the way things work - and I couldn't be any happier to be wrong.

Plus, it made me more determined than ever to chase my own animated dreams. Now, if you don't mind, I'm gonna see what I should doodle next…