#image-to-html-code-ai

[emmaameliamiaava]

How to Choose the Right CI-CD Platform for Your Software Development Needs

In today’s fast-paced software development world, the need for continuous delivery and integration has never been greater. CI/CD platforms streamline the process of building, testing, and deploying code, enabling faster delivery of software products. However, choosing the right CI/CD platform can be a daunting task, especially when there are so many tools available in the market.

In this blog, we will break down the essential considerations for selecting the best CI/CD platform for your project, and how it can accelerate your DevOps CI/CD process. We’ll also explore important features such as Continuous Integration Testing Tools, CI/CD Pipeline Tools, and how these platforms contribute to modern CI/CD software development.

Understanding CI/CD and Its Importance in Software Development

Before diving into the details of choosing a CI/CD platform, let’s clarify what CI/CD means. Continuous Integration (CI) is the practice of automatically integrating code changes from multiple contributors into a shared repository several times a day. Continuous Delivery (CD) ensures that code changes are automatically tested and prepared for release to production environments.

Together, CI/CD automates critical processes in DevOps CI/CD, such as code testing, deployment, and monitoring, significantly improving software development speed and quality.

Key Factors to Consider When Choosing a CI/CD Platform

1. Compatibility with Your Existing Tech Stack

The CI/CD platform you choose must integrate seamlessly with your existing development tools, programming languages, and frameworks. Ensure that the platform supports your Continuous Integration Testing Tools for smoother transitions between development, testing, and deployment phases. For example, popular platforms like Jenkins and GitLab provide excellent support for most languages and frameworks, making them great options for diverse teams.

2. Ease of Setup and Usability

Your CI/CD platform should be easy to set up and configure. Look for a platform that doesn’t require too much manual intervention, allowing your team to focus more on coding and less on configuration. Platforms with intuitive dashboards, automation options, and pre-built pipelines simplify workflows for teams working in CI/CD software development.

3. Support for DevOps CI/CD Practices

One of the most important features in a CI/CD platform is how well it supports DevOps CI/CD practices. Your platform should enable continuous integration, automated testing, and deployment within a seamless pipeline. It’s also important to consider tools that help improve task management. For instance, integrating with Task Organization Software can help developers streamline tasks and improve efficiency.

4. Automation Capabilities

Automation lies at the heart of CI/CD. You should choose a platform that allows for full pipeline automation, from code integration to testing and deployment. Tools like CircleCI, Travis CI, and GitHub Actions offer robust automation features that can significantly enhance your team's productivity. Automation also frees up time for your developers, allowing them to focus on other essential tasks, such as creating reports using an online report generator or converting design files using tools like convert image to HTML.

5. Customizable Pipelines

The flexibility to customize pipelines to suit your project’s unique needs is another key factor. CI/CD pipeline tools should allow for flexible and modular configurations, where each stage (such as build, test, and deploy) can be customized and optimized for your team’s specific workflow.

For example, Jenkins allows for highly customizable pipelines with its extensive plugin ecosystem, enabling teams to adapt to specific project requirements. Platforms like GitLab CI also provide integrated support for pipeline customization with fewer configuration hassles.

6. Scalability

As your team and project grow, so should your CI/CD platform. Make sure to choose a tool that can scale with your team's requirements, handling increased workloads and more complex pipelines without slowing down. Platforms like AWS CodePipeline or Azure DevOps are built for large-scale projects and offer seamless scaling as your software development needs grow.

7. Security Features

CI/CD platforms often need access to your code repositories, so ensuring that the platform has robust security features is essential. Look for tools that support role-based access control (RBAC), audit logs, and secret management to protect your codebase and sensitive data.

8. Integration with Collaboration Tools

Effective communication and collaboration are vital in software development. A good CI/CD platform should integrate well with communication tools, such as Team Chat Software, to streamline communication within development teams. Platforms like Slack or Microsoft Teams can be easily integrated into most CI/CD tools, helping teams stay updated on pipeline progress, code changes, and deployment statuses.

Top CI/CD Platforms to Consider

Based on the factors outlined above, here are some of the top CI/CD pipeline tools that you can consider for your next software development project:

Jenkins: An open-source automation server with a large plugin ecosystem, making it highly customizable and flexible for different projects.

GitLab CI: Integrated within GitLab’s repository hosting service, offering powerful features like automation, customization, and scalability for DevOps teams.

CircleCI: A popular CI/CD platform that provides seamless integration, automation, and customization options for teams of all sizes.

Travis CI: A hosted CI/CD tool with a simple configuration setup, perfect for teams looking for ease of use.

AWS CodePipeline: A cloud-based service that allows you to build, test, and deploy code using continuous integration and delivery. Best suited for teams heavily invested in AWS.

Azure DevOps: A robust platform offering comprehensive CI/CD services and excellent scalability, especially for teams already using Microsoft services.

Conclusion

Choosing the right CI/CD platform depends on your team’s specific needs and the nature of your software development process. Key factors like ease of use, compatibility with your existing tech stack, automation, security, and scalability should guide your decision-making process. By selecting the best platform for your team, you’ll be able to streamline your DevOps CI/CD efforts, automate workflows with CI/CD pipeline tools, and improve the quality and speed of software delivery.

Additionally, make sure your CI/CD platform integrates well with your collaboration tools like team chat software and other useful resources like online report generators and convert image to HTML tools. The right platform will not only enhance your pipeline but also improve overall communication and task management for your software development team.

[agentromanoffsir]

building community on the indie web - neocities guide part 2

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. neocities is part of the indie web, but certainly not all of it!

If you're looking to get started with the nitty gritty of neocities, i recommend checking out my neocities guide part 1 :) part 2 is focused on forming a community & making connections.

why join neocities/the indie web?

by building your own site, you have the freedom to make whatever cool shit you want. no limits, no censors, no masters. just you and your website. connect with people or just tend to your own virtual garden, the choice is completely yours.

okay. you have a site. now what?

do you want to build & foster a free web community? here's some things you can do or add to your site to start making connections

create a button for your page

making a button for your site is a great way to connect with other indie web users! site buttons are usually 88x31 pixels and should be easily located on your site.

many users create collections of site buttons, or web neighborhoods. this is an easy way for you to remember & share your favorite sites! remember, we're not working with an algorithm here.

hekate button maker

sadgrl button maker

lynn button maker

join a web ring (or clique)!

web rings were created in the 90s, before google, as a way for websites to link to one and other. web rings are often themed so you can find like-minded people with ease, but they don't need to be!

once you join a web ring, you add a snippet of code to your site so when people "hop along" the web ring they'll discover your page.

brisray's webring list has an enormous list of mostly active web rings you can check out. here are some examples!

melonland surf club

hotline webring

wiiring

no ai webring

journalring

west of weird: gravity falls webring

ficring

join a pixel club!

starting in the 2000s, pixel clubs are a great way for people to create & share art with each other. pixel clubs tend to follow a theme & provide base art for each user to customize however they want. for example, in the afternoon tea pixel club each user creates a unique tea cup.

fizzy vendor

charm bracelets

teeny towers

sticker sheet club

kitty friends

lava lounge

participate in one of 32-bit cafe's web events!

32-bit cafe is a community of web-hobbyists enthusiast about making the web fun again. they periodic events challenging participants to create a site page following a certain a theme or guidelines, like their new years eve event or 2024 halloween.

more past events

create adoptables, pixels & a toy box

one popular thing that people will do is create adoptable pixel art that others can add to their page! people will often put all of the adoptables that they've collected into a "toy box."

(protip: etiquette requires you to hyperlink back to the original source site whenever you add new graphics to your toybox. it's just polite!)

hillhouse pixels

inkcaps toybox

appledust adoptables

blanket fort adoptables

whimsical graphics

create web graphics (and a "for you" graphics page)

when browsing personal sites, you'll often see "graphics for you" pages! these pages are full of graphics/fun stuff that you can add to your own site for free. yes, free baby! just link back to the og or give credit when requested.

making a page for graphics is cool! making graphics is cool!! indulge your creativity! share fun stuff! some things you can create:

make blinkies

dive into geocities and rescue old graphics

create stamps

make gifs

make pixel art

other interactive stuff

create a poll

create a chat box

create a guestbook

last thing to remember kids... always avoid hotlinking! (hotlinking is when you add images to your site using a link instead of downloading it and uploading to your own website)

as always, say hi to me on neocities!! :)

[captdedeyes]

Friendly reminder that Wix.com is an Israeli-based company (& some website builders to look into instead)

I know the BDS movement is not targeting Wix.com specifically (see here for the companies they're currently boycotting) but since Wix originated in Israel as early as 2006, it would be best to drop them as soon as you can.

And while you're at it, you should leave DeviantArt too, since that company is owned by Wix. I deleted my DA account about a year ago not just because of their generative AI debacle but also because of their affiliation with their parent company. And just last month, DA has since shown their SUPPORT for Israel in the middle of Israel actively genociding the Palestinian people 😬

Anyway, I used to use Wix and I stopped using it around the same time that I left DA, but I never closed my Wix account until now. What WAS nice about Wix was how easy it was to build a site with nothing but a drag-and-drop system without any need to code.

So if you're using Wix for your portfolio, your school projects, or for anything else, then where can you go?

Here are some recommendations that you can look into for website builders that you can start for FREE and are NOT tied to a big, corporate entity (below the cut) 👇👇

Carrd.co

This is what I used to build my link hub and my portfolio, so I have the most experience with this platform.

It's highly customizable with a drag-and-drop arrangement system, but it's not as open-ended as Wix. Still though, it's easy to grasp & set up without requiring any coding knowledge. The most "coding" you may ever have to deal with is markdown formatting (carrd provides an on-screen cheatsheet whenever you're editing text!) and section breaks (which is used to define headers, footers, individual pages, sections of a page, etc.) which are EXTREMELY useful.

There's limits to using this site builder for free (max of 2 websites & a max of 100 elements per site), but even then you can get a lot of mileage out of carrd.

mmm.page

This is a VERY funny & charming website builder. The drag-and-drop system is just as open-ended as Wix, but it encourages you to get messy. Hell, you can make it just as messy as the early internet days, except the way you can arrange elements & images allows for more room for creativity.

Straw.page

This is an extremely simple website builder that you can start from scratch, except it's made to be accessible from your phone. As such, the controls are limited and intentionally simple, but I can see this being a decent website builder to start with if all you have is your phone. The other options above are also accessible from your phone, but this one is by far one of the the simplest website builders available.

Hotglue.me

This is also a very simple & rudimentary website builder that allows you to make a webpage from scratch, except it's not as easy to use on a mobile phone.

At a glance, its features are not as robust or easy to pick up like the previous options, but you can still create objects with a simple double click and drag them around, add text, and insert images or embeds.

Mind you, this launched in the 2010s and has likely stayed that way ever since, which means that it may not have support for mobile phone displays, so whether or not you wanna try your hand at building something on there is completely up to you!

Sadgrl's Layout Editor

sadgrl.online is where I gathered most of these no-code site builders! I highly recommend looking through the webmaster links for more website-building info.

This simple site builder is for use on Neocities, which is a website hosting service that you can start using for free. This is the closest thing to building a site that resembles the early internet days, but the sites you can make are also responsive to mobile devices! This can be a good place to start if this kind of thing is your jam and you have little to no coding experience.

Although I will say, even if it sounds daunting at first, learning how to code in HTML and CSS is one of the most liberating experiences that anyone can have, even if you don't come from a website scripting background. It's like cooking a meal for yourself. So if you want to take that route, then I encourage to you at least try it!

Most of these website builders I reviewed were largely done at a glance, so I'm certainly missing out on how deep they can go.

Oh, and of course as always, Free Palestine 🇵🇸

[grimmcodes]

Tutoriel Installation 🛠️⚙️🔧

Je vois que certaines personnes galèrent avec la mise en place du thème que j'ai partagé (notamment pour héberger le css). Alors voici un tutoriel d'installation pas à pas, avec captures d'écran, pour vous permettre de le mettre en place correctement 💗 ⚠️ Pour rappel, le Blank Theme dispose de ses propres explications, que vous retrouverez juste ici. ⚠️ Veillez à bien avoir configuré votre forum comme l'indique le Blank Theme juste ici. ⚠️ Le forum doit impérativement être en version ModernBB.

1️⃣Pour mettre en place tes templates.

Nous allons commencer par copier les templates depuis le github. Ici, ce sont les différentes parties d'HTML qui nous intéressent.

Nous allons progressivement les coller dans les diverses sections de forumactif (voir screen ci-dessous). 📌Exemple ici avec le template images_list que je vais copier depuis le github : 📁HTML (templates) > 📁general >📄images_list.

Et coller dans le template images_list de forumactif (qui s'obtient en allant décocher l'utilisation des blogs au préalable)

Les noms des HTML sont exactement les mêmes du github vers forumactif donc vous ne pouvez pas vous tromper. Vous avez juste à copier d'un côté et coller de l'autre, en n'oubliant pas à chaque fois de sauvegarder à droite en cliquant sur le symbole disquette💾(ouais, j'vais rentrer dans les détails à ce point).

Quand l'ensemble de tes HTML ont été copiés et collés correctement (général, poster & messages privés, profil), tu vas pouvoir passer à l'hébergement de tes divers CSS.

2️⃣Pour enregistrer ton css afin de l'héberger.

Je t'invite à aller sur le github mais dans la section CSS cette fois-ci. L'ensemble des CSS devront être enregistrés sur ton ordinateur puis hébergés en dehors de forumactif car ils sont trop longs. 📁 CSS > 📄CSS_global

Tu peux copier le code et le coller dans un logiciel qui permet d'éditer du code. Pour moi, ce logiciel sera Notepad++, parce que j'aime me faire du mal, mais sachez qu'il existe aussi SublimeText. Ces logiciels sont gratuits ✅ et indispensables pour pouvoir enregistrer vos feuilles en format .css (comme on le ferait pour une image en format .png ou .jpg quoi).

Quand j'ai copié mon css depuis github et que je l'ai collé dans mon logiciel d'édition de code, je n'ai plus qu'à lui donner un petit nom en sauvegardant (chez moi ça sera CSS_global) et à l'enregistrer en .css (Cascade Style Sheets File).

3️⃣Pour héberger ton css en dehors de forumactif après l'avoir enregistré sur ton ordinateur.

Ca y est, à cette étape, tu as normalement l'ensemble de tes CSS (global, instagram, messenger, page d'accueil etc...) d'enregistrés individuellement sur ton ordinateur. Tu peux désormais aller les héberger en dehors de forumactif. Pour cela, j'utilise personnellement Archive Host (parce que j'aime vraiment me faire du mal) mais, tu peux très bien utiliser Dropbox. Il te suffit juste de créer ton compte. Tu arriveras ensuite sur une page où tu pourras ajouter tes fichiers et les stocker dans un dossier. J'aime que mes documents soient rangés donc, je te conseille de créer un répertoire et de l'appeler par le nom de ton forum (comme ça, si t'en as plusieurs, impossible de te tromper !).

C'est ici que je vais y ranger mes feuilles de CSS préalablement enregistrées. Je clique sur ➕Ajouter des fichiers puis sur ⬆️Démarrer l'envoi quand j'y ai ajouté ceux que je voulais.

Ca y est ! Ta feuille de CSS est désormais hébergée. Mais ce n'est pas terminé. Il faut maintenant relier ton forum à cette feuille. Et pour cela, rien de plus simple :

En survolant ta feuille de CSS avec ta souris, une flèche va apparaître en haut à droite ⬇️, clique dessus puis sur 🟦 Informations et Codes.

Cette fenêtre va s'ouvrir. Je t'invite à cliquer sur l'URL à côté de Principal et de la copier. C'est le lien de ta feuille depuis Archive Host. Tu vas ensuite aller la coller dans ton overall_header sur forumactif. Mais pas n'importe où !

Ici, les URL vers mes feuilles de CSS sont collées les unes après les autres juste en dessous de <!-- CSS Externes -- > ET sous cette forme : <link href="URL ARCHIVE HOST ICI" rel="stylesheet" type="text/css" charset="utf-8"> Il faut absolument que ces feuilles se trouvent avant la balise </head>. Tu verras, dans le code HTML de l'overall_header (à la ligne 20) j'ai laissé cet endroit vide, tu auras juste à les coller en dessous.

N'oublies pas de sauvegarder ! Et voilà. C'est tout. Rien de plus simple 💗 Cela te demande juste d'installer un logiciel d'éditeur de code (gratuit) et de te faire un compte sur Archive Host ou Dropbox (gratuit aussi). Si là encore vous êtes paumés.és (parce que ce n'est pas impossible malgré les screens et explications pas à pas), n'hésitez pas à m'envoyer un petit mp. 🌈

[catboy-autism]

Webcore/Retro Computer ID Pack

[PT: Webcore/Retro Computer ID Pack/ End ID]

[ID 1: A picture of a IBM PC microcomputer. Its screen is black and is displaying many lines of bright green text. The background of the image is plain white. ID End]

[ID 2: A blue rectangle. On the left is a small star-like symbol, accompanied by white pixelated text that reads "Winamp.NET". On the right side, the blue is a little darker and there are 3 small icons, from right to left they are the window close button, displayed with a small white x surrounded by red, the maximum window button, and the minimize window button. ID End]

OP Note: Consider taking any of these names, pronouns, and titles, and replacing certain letters with matching numbers, like L33T SP3AK (leet speak)

[PT: OP Note: /PT End]

Names: Ace, Aero, Alexa, Ali, Benjamin/Ben, Blue/Blu, Courtney, Cyber, Cypher, Delphine, Dottie, Error, Gigi, Glitch, Hacker, Hal, Hewie, Hijack, Lenny, Lotus, Malware, Memphis, Missa, Missy, Nana/Nano, Neo, Nova, Oliver/Olivia/Olive, Pearl, Pixel, Ruby, Starz, Tecna, Terabyte (Tera), Vapor, Virus, Webster, Wilbur, Winnie

[PT: Names: /PT End]

Pronouns: .exe/.exes, 404/404s, aero/aeros, alt/alts, beep/beeps, bot/bots, byte/bytes, caps/locks, code/codes, ctrl/alt/dlt's, cyber/cybers, disk/disks, dot/com, error/errors, flash/drives, giga/bytes, hack/hacks, hi/jacks, html/htmls, jpeg/jpegs, key/keys, leet/speaks, mal/ware, meta/data, micro/softs, pdf/pdfs, png/pngs, ram/rams, sim/sims, tera/bytes, world/wide/web's, xe/xem, ze/zim, zip/files, leet/leets, 🤖/🤖's, 💽/💽's, 💾/💾's, 💿/💿's. 📀/📀's, 🧑‍💻/🧑‍💻's, 👨‍💻/👨‍💻's, 👩‍💻/👩‍💻's, 💻/💻's, 🖥️/🖥️'s, 🖨️/🖨️'s, ⌨️/⌨️'s, 🖱️/🖱️'s, 🖲️/🖲️'s, 🛜/🛜's, 👾/👾's, 🎮/🎮's, 🔈/🔈's, 🔉/🔉's, 🔊/🔊's, 🎧/🎧's, 📁/📁's, 📂/📂', 🗃️/🗃️'s

[PT: Pronouns: /PT End]

Titles: [Pronoun] Who Exists Only Digitally, The File Eater, The Hacker, The One Who Surfs The World Wide Web, The Shimeji, The Virtual [Noun], The Virtual/Digital One, Traveler of the Internet, Your AI Assistant,The Error Code

[PT: Titles: /PT End]

Labels: 2010scoric, Autistic Computer, Codestelic, Compgirlthing, Comphonum, Computerboygirl, Computercatic, Computergender, Computergijinka, Computerkin, Computerredacted, Compuvesil, Compuvior, Comrowth Cat, Database, Digiminalwebic, EdgyWebcoric, Errowebic, Gendercodex, Genderdotcom, Genderprogram, Gendersoftware, Guy.exeic, Hackgender, HTMLgender, Keyboardsoundic, Liqusecompic, Mechakeyboardic, Motherboard, Nyanwebia, Oldwebcitian, Phostechial, Purplewebpopup, Robotthing, Sillywebic, Technarian, Technogender, Trappedinacomputergender, Virisic, Virusthing, Web1.0spinnic, Webcoric, Webcoricatgen, Webcoristalgic, Webicannibal, Webirus, Y10Kglitchic, Virtualboygirl/Virtualgirlboy

[PT: Labels /PT End] Requested by Anon!

[ID 1: The same as ID 1. ID End] I lost the post I got the divider from and despite searching I just. dont know where it is, But if anyone can find the post its from lmk and I'll add a link ! thank you

[highly-nonexistent]

There is something very weird about the relatively short nature of the culture surrounding website creation. As in, like, internet-user-created websites have been around for like 30-31 years at this point, and the culture surrounding them has changed so very much.

People used to create websites left and right for their own needs, their little shops and their little blogs about what they liked. Some websites of course housing horrible content since their dawn, and some being as mundane but as unique as the person behind its code. I have seen older sites, archived, that promoted creating your own site, and that was interesting to see. That culture of creating your own website and of sharing that knowledge on a still-growing facet of communication.

And then at some point social media appeared, and that was interesting, because now everyone was able to quickly present themselves without the need of a website, but that didn't mean people stopped making websites. I mean, hell, Geocities died in 2009, so a lot of people were creating their own websites for free before that time, no need to pay for domain names or hosting. And even without Geocities, there were other website hosting things that yes, while not as customizable, were still a resource for people to work with them. There's still a website floating around that I made when I was a kid using one of these services. Cool stuff.

All this to say that I do feel a weird sense of dread looking back and cross-referencing with the present and seeing things like "website creator powered by AI" and shit like that, because just ?? How did it go plummeting so quickly. There is a weird feeling of having lost a developing culture to corporations making quick access to posting things that, as corporations' nature dictates, are used to sell data or to train models or what have you. Similarly, we get pretty same-y looking pages because of the need to be slick or whatever with designs that just leaves everything looking the same. ALSO, the loss of spaces for kids, or just the gradual lowering of them in favor of cocomelons and whatever else the devil's machine has spawned is like watching an apple decay before having ripened. I do feel like there is this phenomenon in which how to make a site has been lost in the notion of "making a website falls into the realm of evil and scary coding and I could never be a programmer, plus who would look at it, plus we have tools to make them," etc etc etc. Here is a little secret: website creation is not exactly hard to pick up at all. You might say it's very similar to using a rich text editor like Word or a notes app or whatever you use. Similarly, have you used markdown for things like messages or D iscord messages, you know, with the asterisks for bold text and the likes? Markdown is based on html's structures. And truly, you do not have to even learn to code using Javascript if you don't want to, you can just go full html + css and structure your things as you go, adding your little images and your updates. Because guess what !! Html and css are not programming languages, they're a markup language and a stylesheet language respectively, which is a fancy way to say "you make the structure of your page with the first one and make it pretty with the second one". This includes cool stuff like tables, lists, grids, colors, transitions, etc. All of that without any programming. (That being said, if you are interested in programming, Javascript isn't too bad to pick up. The language itself *is* kind of evil, but using it in conjunction with html is not too difficult). I do have to say though, I am glad that there is a push to making your own websites and things, especially with Neocities sprawling a huge community of avid website creators, as well as the huge amount of tutorials and stuff making the push forward with making sites and online spaces and experiences more widely available. Hopefully this becomes a trend that keeps going up, considering the state of seemingly every single social media that has existed since the 2000s- 2010s.

[15chickens]

hello oc havers in my computer: i am here to show you UNVALE :D

unvale is a new(ish) character storage website similar to other websites you might know- but with no waitlist or join codes!

it's for sharing + storing your ocs (and their art, writing, traits/stats, and the worlds they're part of!!!) and one of the best parts of this websites appeal to me personally was that unvale is entirely anti ai/nft :)

(nemo art by bee! the rest of my ocs are credited on my account)

i personally use unvale to store my main characters- they've got longer profiles on google docs/other websites, but because unvale keeps things uniform across all oc pages, its been a tidy way for me to enjoy my ocs in the context of the story i'm making about them, and share them with people who don't need to see my mountain of pretty html layouts (LOL)

the banner images everyone has are cool, too! they're 1024x1340 in can you're joining up and need to know >:)

i know i've mentioned unvale a few times before, but this is a bit of a longer introduction!! if you're interested you can sign up here!

unvale also has a discord! staff are active there if you've got questions, feedback, opinions, or issues- or submit a ticket onsite:)

LET ME KNOW if you sign up!! i know a bunch of ppl im mutuals with (and beyond!!) on here have ocs/have TRIED to ask me about my ocs before, but my asks are so broken i never get to talk about them D:

[punkray]

besides sheezy, what sites would you recommend for art publishing and something more personal, like a blog?

it kinda depends on your intentions. for art publishing are you looking for smth casual or professional? in terms of a casual art site, sheezy is the only one i fw personally cuz it ticks off the boxes i look for in an art gallery site. theres others like artfol and inkblot, but i don't really like them because they function like insta/twit/social media For Artists ™️ to me.

for professional sites, i’ve heard of cara. i suppose it’s like artstation, but in retaliation of their dumb AI image generator rules. It looks like a nice portfolio site if you’re looking for work.

now when it comes to personal blogs, i’d always suggest making your own website. like i’d suggest neocities, wordpress, weebly etc. weebly is nice and beginner friendly because you don’t have to code. (although i would still learn HTML in general when it comes to website creation, but i digress lol) And then there’s blog sites like blogspot, tumblr, and dreamwidth (i think its more on the journaling/literature side cuz it’s an alternative to livejournal) and don’t forget about setting up RSS feeds and newsletters to keep your audience updated on your new posts.

[toyhouse-code-hell]

Pinned Post/Rules

Hello, I'm Clay (he/him, adult, very queer) I give out toyhouse codes from my account PhalarAluve.

Asks open when I accumulate 50 codes and code status is always in my bio. And because of this, I am limiting things to:

ONE CODE PER ASK AND DO NOT DOUBLE DIP.

Asks are CLOSED.

QUESTIONS AND RULES ?

What is toyhou.se even??? Toyhou.se is an invite-only character storage website where you upload your own characters (their art, literature, even au versions if you want) to your profile.

Do I need to understand HTML to use this website? A little bit if you choose to use html coding for profiles... But unless you want to make your own code, you won't need to know more than adding an embedded link or image.

Can I dm you for a code? I would prefer asks only, so no. I want this to be a touch-and-go sort of deal.

I replied to any post you've made, asking for a code, and you ignored it. Why? I've drawn it out for you.

I've seen these codes traded for art and designs before, why are you giving them out for free? A month's premium code worth is 0.61 USD per code. Yearly premium's code worth is 0.23 USD per code. No art is worth that little. It's scummy to give codes in exchange for ANYTHING at that price. I am staring directly at r/toyhouse and r/codesfortoyhouse.

Please turn anon asks on, I'm shy/anxious/etc... I can't reply privately to anonymous asks to send you back a code :( It's one ask and then you never gotta do this again.

Why can't I see your profile/Why am I blocked??? If you are under 18, I have maturity block on! If over 18, I've IP blocked someone and you just share that address! If you're over 18 and I haven't blocked you and you have no code yet, I've turned on guest block due to AI scraping as of recent. Either way, sorry!! </3

Can I have a code please even though I'm in X fandom?? I do not care what fandom you're in. Live your truth <3

Do you give codes to people with CBCs/Dekudogs? I do not care what ocs you have. Live your truth <3

Can I pleeeease get two codes...? It's for a sales account. 🥺 No <3 Them's the breaks.

Did you really read my post? Put the thundercloud ⛈️ emoji in your ask (required) and give me a song recommendation (optional). I will make a playlist once all codes are gone.

Prior Playlists: 🐌 | X | X | X | X | X | X |

USER/CHARACTER PROFILE CODE RECOMMENDATIONS (in no particular order !!)

Codes: Pinky, Aurorean, Sealkitty, AsheCodes, My HTML Faves Folder (!!! TURN OFF WYSIWYG !!!)

DNI ?? idk chief i just work here

Basic DNI Criteria™️(no racists, no queerphobics, you get it)

If you are using this to ban evade/block evade. (you're a douche)

If you post nothing but AI art, site mods will ban you. So don't?

"Come on there can't actually be racists or queerphobes on toyhouse." I wish. I fucking wish.

⫘⫘⫘⫘⫘⫘⫘⫘ Disclaimers ⫘⫘⫘⫘⫘⫘⫘⫘ I am not associated or affiliated with anyone I give codes to. If anyone has ban evaded, block evaded, or has done or will do any future harm with their toyhouse account, my hands are clean of it. If you come in here like "YOU GAVE A CODE TO USER BILBIPPITY AND THEY SCAMMED ME AND ITS YOUR FAULT" That is not my fault.

✨ Star Dividers Credit: cafekitsune

[inspector-irratino]

Moriarty Console Churn Output - 06/05/2024

So I did the daily Murdle at just past midnight, and saw this on the Detective Dispatch. Let's check it out.

If you've seen this and clicked that interesting looking red link, you have probably seen web churn like this!

FLASHING LIGHTS WARNING IF YOU INVESTIGATE THIS YOURSELF!

Screencap of murdle.com/mansion/m/iii.html

Here are my current findings, including my own web crawling. This may be considered a spoiler or even noncanonical, as some of this information is not out for public release yet, and some may never be.

I would also like to make it clear that the Moriarty Webchurn is NOT the same as the Moriarty Console, which looks like this:

Screencap of murdle.com/console

First off, there are FOUR of these same pages. The current accessible one is iii.html, though keep the others in mind for now. All four pages look the same, but not all of them have the base html in.

As you can see from my still image, there are repeated images with random sequences of letters cut through some of them. Here are the repeated ones.

MORIARTY HAS HACKED THIS COMPUTER

CAN YOU SOLVE THE MYSTERY OF M.O.R.I.A.R.T.Y.?

DEDUCTIVE LOGICO CANNOT DEFEAT M.O.R.I.A.R.T.Y.

TVG NFIWOV 3 GL OVZIM NLIV ( translates to "GET MURDLE 3 TO LEARN MORE" with detective code ) -- this is also highlighted in green on the webpage!

M.O.R.I.A.R.T.Y. IS INSIDE YOUR COMPUTER

TEKTOPIA WILL COVER THE EARTH

I know that these are all of the phrases, and that the intercut strings also do not matter, as I found the original code. This is not hosted on murdle.com/m/iii.html, however. This screencap I took was of murdle.com/m/moriarty.html. The name of all tabs when clicked into these webpages is MORIARTY, with zalgo text applied.

You may find it yourself, if you go into inspect element -> sources tab -> moriarty.html and just take a good old look.

You may also noticed that our handy highlighted phrase is missing from this list, but it is elsewhere in this selfsame document. The number 3 also has a bias in the random alphanumeric string, which is interesting to note, given that this was made to tie into Volume 3's release, and Moriarty's importance within Murdle Vol 3.

As for more html combing, it's really weird that this screencap was taken of murdle.com/mansion/m/o.html's code.

Look at the highlighted section, but also the rest of that line at large. The number skew as previously mentioned is missing, and there are a lot more potential characters at play here. It's weird that there are two near-exact copies of the same code, with such a minor difference that I don't think anyone would notice. That is such a weird detail, and I don't know if that will be important in the future.

Cast your mind back to June last year, the case of the Missing Murdles.

These two locations feature very heavily in Volume 3, so it's worth putting these back out for public viewing. As you can tell, TekTopia is very much Moriarty's project, being "An AI-planned city". Linking this with the repeated phrase "TEKTOPIA WILL COVER THE EARTH", we can see that Moriarty is out of control and needs stopping.

My aside about murdle.com/console was not irrelevant, either, as it's notable that the console is driven by human interaction and feedback.

In line 958 of console/ that you find in the same way as you'd find the other code snippets posted so far, we reveal this information. I have kept the formatting as intact as I can over tumblr formatting.

MORIARTY is an AI engine built to generate murder mysteries for https://murdle.com/. Recently, the AI has requested the mass-solving of "CRYPTICS" by human participants. TO SOLVE A CRYPTIC, turn its squares green. Tapping a square flips its colour and the colours of the squares it touches. No one knows the function of this task, but MORIARTY has requested it.

Depending on the number of cryptics you solve, you also get given a title! All I want to know is who out there is genuinely solving thousands upon thousands of cryptics on one single browser. You okay, hun?

Related - and note that this is non-canonical as it is unused code - I saw this! Fascinating stuff.

Given what I know about computer program self-propagation - from my knowledge of computer viruses - it seems as if Moriarty spreads like a worm, as it seems to only propagate if you click into its links, and as it's a mystery its sharing is encouraged - or, in the case of the in-universe explanation, forced. (Think ILOVEYOU or Mydoom). The reason I believe this is because of the phrases that repeat in the web churn, and that opening up any of the Moriarty links is the same as being delivered that payload. RIP to my computer in the murdleverse, I guess!

This is also backed up by the fact that every Moriarty Churn tab crashes, though that might be my browser settings (Error code: STATUS_ACCESS_VIOLATION).

I'd love to know if the idea is to try and overload the tab's memory allocation to give the vibe of it being a computer virus-like deal, so please get in touch!

✨ || Theorycrafting

Moriarty has existed in the murdleverse for a decent amount of time, the earliest Wayback Machine link is April 7th, 2023. The code looks the same at first glance, and feels the same from a user perspective, so I am assuming that there have been no significant updates to the Moriarty Console code as of the time of this post. My understanding is that it is a TekCo produced AI charged with the creation of TekTopia, though its scope has long passed its original intent.

Given that this was released days after the Moriarty Console became public - assumedly ongoingly - implies also that Moriarty has a lot of human-driven data. This, interestingly enough, was also indicated by the suspect gallery update, as the original gallery pictures were stolen in-universe! Which is to say, even more data. (This also opens up a whole can of worms about "AI Art", but that's for another day)

I'd love to know what else people think about this, so do get in touch either on here, or in the detective club discord server!

[aiwikiweb]

5 Tips to Get the Most Out of Divi AI for Your Website Projects

Divi AI comes packed with features to help you build beautiful websites quickly. Here are some tips to maximize the potential of Divi AI and create stunning websites that stand out.

Tip 1: Use AI to Generate Layouts Instantly

Explanation: Let Divi AI create entire website layouts based on your prompts. This is perfect for getting a head start on new projects, saving you hours in design work.

Tip 2: Define Your Brand’s Styles for Consistent Designs

Explanation: Set your brand’s colors and fonts in Divi AI to ensure every layout it generates is on-brand and cohesive, reducing the need for manual adjustments.

Tip 3: Automate Content Writing with AI

Explanation: Use the AI-powered writing tool to generate engaging content for your web pages, such as headlines, paragraphs, and calls to action, without worrying about writer’s block.

Tip 4: Modify Images with AI for a Perfect Fit

Explanation: Use Divi AI to generate custom images or modify existing ones to match your website's visual style, saving time on photo editing.

Tip 5: Generate Custom Code for Advanced Features

Explanation: Add advanced features like animations or interactive elements by using Divi AI to write custom HTML, CSS, or JavaScript, making your website stand out without extensive coding knowledge.

Enhance your website projects with these Divi AI tips. Start building visually stunning and functional sites today with ease!

[emmaameliamiaava]

Effortlessly turn images into code with OneTab AI’s powerful Code AI tool. Streamline development by generating HTML, CSS, and more from images in seconds.

[mathsandcomedydotcom]

It is possible to employ AI in Search-Engine Optimisation. In my view, good semantic, accessible, validated HTML5 along with the correct meta tags go a very long way to optimising a website, with the goal of improving its ranking when searched for in a search engine such as Google’s. Web designers are very often lazy. Web Designers very often use div tags instead of the numerous semantic tags which proliferated when the HTML5 standard was released, in 2008–2014. “sema” in Greek means “sign”. Thus, “semantic tags” “signify stuff”, whereas div tags do not. Web designers very often do not add an alt description when including images. Very often web designers neglect to include ARIA attributes in their HTML code for the sake of screen-reading devices employed by the visually impaired. Very often web designers fail to validate their HTML. Very often web designers use CSS art instead of inline SVG. In my view, coding good HTML5 is a Search-Engine-Optimisation exercise all in itself.

[siddaling]

Advanced Techniques in Full-Stack Development

Certainly, let's delve deeper into more advanced techniques and concepts in full-stack development:

1. Server-Side Rendering (SSR) and Static Site Generation (SSG):

SSR: Rendering web pages on the server side to improve performance and SEO by delivering fully rendered pages to the client.

SSG: Generating static HTML files at build time, enhancing speed, and reducing the server load.

2. WebAssembly:

WebAssembly (Wasm): A binary instruction format for a stack-based virtual machine. It allows high-performance execution of code on web browsers, enabling languages like C, C++, and Rust to run in web applications.

3. Progressive Web Apps (PWAs) Enhancements:

Background Sync: Allowing PWAs to sync data in the background even when the app is closed.

Web Push Notifications: Implementing push notifications to engage users even when they are not actively using the application.

4. State Management:

Redux and MobX: Advanced state management libraries in React applications for managing complex application states efficiently.

Reactive Programming: Utilizing RxJS or other reactive programming libraries to handle asynchronous data streams and events in real-time applications.

5. WebSockets and WebRTC:

WebSockets: Enabling real-time, bidirectional communication between clients and servers for applications requiring constant data updates.

WebRTC: Facilitating real-time communication, such as video chat, directly between web browsers without the need for plugins or additional software.

6. Caching Strategies:

Content Delivery Networks (CDN): Leveraging CDNs to cache and distribute content globally, improving website loading speeds for users worldwide.

Service Workers: Using service workers to cache assets and data, providing offline access and improving performance for returning visitors.

7. GraphQL Subscriptions:

GraphQL Subscriptions: Enabling real-time updates in GraphQL APIs by allowing clients to subscribe to specific events and receive push notifications when data changes.

8. Authentication and Authorization:

OAuth 2.0 and OpenID Connect: Implementing secure authentication and authorization protocols for user login and access control.

JSON Web Tokens (JWT): Utilizing JWTs to securely transmit information between parties, ensuring data integrity and authenticity.

9. Content Management Systems (CMS) Integration:

Headless CMS: Integrating headless CMS like Contentful or Strapi, allowing content creators to manage content independently from the application's front end.

10. Automated Performance Optimization:

Lighthouse and Web Vitals: Utilizing tools like Lighthouse and Google's Web Vitals to measure and optimize web performance, focusing on key user-centric metrics like loading speed and interactivity.

11. Machine Learning and AI Integration:

TensorFlow.js and ONNX.js: Integrating machine learning models directly into web applications for tasks like image recognition, language processing, and recommendation systems.

12. Cross-Platform Development with Electron:

Electron: Building cross-platform desktop applications using web technologies (HTML, CSS, JavaScript), allowing developers to create desktop apps for Windows, macOS, and Linux.

13. Advanced Database Techniques:

Database Sharding: Implementing database sharding techniques to distribute large databases across multiple servers, improving scalability and performance.

Full-Text Search and Indexing: Implementing full-text search capabilities and optimized indexing for efficient searching and data retrieval.

14. Chaos Engineering:

Chaos Engineering: Introducing controlled experiments to identify weaknesses and potential failures in the system, ensuring the application's resilience and reliability.

15. Serverless Architectures with AWS Lambda or Azure Functions:

Serverless Architectures: Building applications as a collection of small, single-purpose functions that run in a serverless environment, providing automatic scaling and cost efficiency.

16. Data Pipelines and ETL (Extract, Transform, Load) Processes:

Data Pipelines: Creating automated data pipelines for processing and transforming large volumes of data, integrating various data sources and ensuring data consistency.

17. Responsive Design and Accessibility:

Responsive Design: Implementing advanced responsive design techniques for seamless user experiences across a variety of devices and screen sizes.

Accessibility: Ensuring web applications are accessible to all users, including those with disabilities, by following WCAG guidelines and ARIA practices.

full stack development training in Pune

[firespirited]

Long post. Press j to skip.

I AM SICK OF THE STUPID AI DEBATES, does it imagine, is it based on copyrightable material, are my patterns in there?

That's not the point.

I briefly got into website design freelancing (less than 3 months) before burn out.

The main reason was that automation had begun for generating stylesheets in somewhat tasteful palettes, for automatically making html/xml (they really haven't learned to simplify and tidy code though, they just load 50 divs instead of one), for batch colourising design elements to match and savvy designers weren't building graphics from scratch and to spec unless it was their day job.

Custom php and database design died with the free bundled CMS packages that come with your host with massive mostly empty unused values.

No-one has talked about the previous waves of people automated out of work by website design generators, code generators, the fiverr atomisation of what would have been a designers job into 1 logo and a swatch inserted into a CMS by an unpaid intern. Reviews, tutorials, explanations and articles are generated by stealing youtube video captions, scraping fan sites and putting them on a webpage. Digitally processing images got automated with scripts stolen from fan creators who shared. Screencaps went from curated processed images made by a person to machine produced once half a second and uploaded indiscriminately. Media recaps get run into google translate and back which is why they often read as a little odd when you look up the first results.

This was people's work, some of it done out of love, some done for pay. It's all automated and any paid work is immediately copied/co-opted for 20 different half baked articles on sites with more traffic now. Another area of expertise I'd cultivated was deep dive research, poring over scans of magazines and analysing papers, fact checking. I manually checked people's code for errors or simplifications, you can get generators to do that too, even for php. I used to be an english-french translator.

The generators got renamed AI and slightly better at picture making and writing but it's the same concept.

The artists that designed the web templates are obscured, paid a flat fee by the CMS developpers, the CMS coders are obscured, paid for their code often in flat fees by a company that owns all copyright over the code and all the design elements that go with. That would have been me if I hadn't had further health issues, hiding a layer in one of the graphics or a joke in the code that may or may not make it through to the final product. Or I could be a proof reader and fact checker for articles that get barely enough traffic while they run as "multi snippets" in other publications.

The problem isn't that the machines got smarter, it's that they now encroach on a new much larger area of workers. I'd like to ask why the text to speech folks got a flat fee for their work for example: it's mass usage it should be residual based. So many coders and artists and writers got screwed into flat fee gigs instead of jobs that pay a minimum and more if it gets mass use.

The people willing to pay an artist for a rendition of their pet in the artist's style are the same willing to pay for me to rewrite a machine translation to have the same nuances as the original text. The same people who want free are going to push forward so they keep free if a little less special cats and translations. They're the same people who make clocks that last 5 years instead of the ones my great uncle made that outlived him. The same computer chips my aunt assembled in the UK for a basic wage are made with a lot more damaged tossed chips in a factory far away that you live in with suicide nets on the stairs.

There is so much more to 'AI' than the narrow snake oil you are being sold: it is the classic and ancient automation of work by replacing a human with a limited machine. Robot from serf (forced work for a small living)

It's a large scale generator just like ye olde glitter text generators except that threw a few pennies at the coders who made the generator and glitter text only matters when a human with a spark of imagination knows when to deploy it to funny effect. The issue is that artists and writers are being forced to gig already. We have already toppled into precariousness. We are already half way down the slippery slope if you can get paid a flat fee of $300 for something that could make 300k for the company. The generators are the big threat keeping folks afraid and looking at the *wrong* thing.

We need art and companies can afford to pay you for art. Gig work for artists isn't a safe stable living. The fact that they want to make machines to take that pittance isn't the point. There is money, lots of money. It's not being sent to the people who make art. It's not supporting artists to mess around and create something new. It's not a fight between you and a machine, it's a fight to have artists and artisans valued as deserving a living wage not surviving between gigs.

[snaildotexe]

I came across this website where you like? enter anything and it'll do it with AI. so i told it to show me a picture of a really good sandwich.

and what it did was generate code that would get a random photo of a sandwich from some photo website. (The images are not AI generated). It automatically generates that description too.

So then i told it to write javascript code for a game of pong (I'll paste the code at the end of this post) and it gave me this:

which does nothing. And idk why but I was kinda scared it would actually deliver me a functioning game lol. Probably bc it would take me at least an hour to code a simple pong game, when this generated in 30 seconds.

So i launched the code in vsc and it DOES do something. the ball bounces around but it made the ball white for some reason? so this is what it does after only changing the ball color.

and look at the code, its all formatted and commented and stuff. And i mean, it looks like its at least 85% there, it just needs movable paddles and fixing the ball to bounce into the side walls.

idk i just think this is pretty cool. and now i will be fixing this ai code into a working pong game

Here is the ai generated pong code:

<html>

<head>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script>

</head>

<body>

    <canvas id="pong" width="800" height="400" style="border:1px solid #000000;"></canvas>

    <script>

        // Create the canvas element

        const canvas = document.getElementById("pong");

        const context = canvas.getContext("2d");

        // Create the paddle

        const paddleWidth = 10, paddleHeight = 100;

        const player = {

            x: 0,

            y: canvas.height / 2 - paddleHeight / 2,

            width: paddleWidth,

            height: paddleHeight,

            color: "#FF0000",

            dy: 8

        };

        const computer = {

            x: canvas.width - paddleWidth,

            y: canvas.height / 2 - paddleHeight / 2,

            width: paddleWidth,

            height: paddleHeight,

            color: "#00FF00",

            dy: 4

        };

        // Create the ball

        const ball = {

            x: canvas.width / 2,

            y: canvas.height / 2,

            radius: 10,

            speed: 4,

            dx: 4,

            dy: 4,

            color: "#FFFFFF"

        };

        // Draw the paddle

        function drawPaddle(x, y, width, height, color) {

            context.fillStyle = color;

            context.fillRect(x, y, width, height);

        }

        // Draw the ball

        function drawBall(x, y, radius, color) {

            context.fillStyle = color;

            context.beginPath();

            context.arc(x, y, radius, 0, Math.PI * 2, false);

            context.closePath();

            context.fill();

        }

        // Update the paddle position

        function updatePaddlePosition() {

            player.y += player.dy;

            computer.y += computer.dy;

            // Prevent paddles from going out of the canvas

            if (player.y < 0) player.y = 0;

            if (player.y + player.height > canvas.height) player.y = canvas.height - player.height;

            if (computer.y < 0) computer.y = 0;

            if (computer.y + computer.height > canvas.height) computer.y = canvas.height - computer.height;

        }

        // Update the ball position

        function updateBallPosition() {

            ball.x += ball.dx;

            ball.y += ball.dy;

            // Reverse the ball direction if it hits the top or bottom wall

            if (ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0) {

                ball.dy *= -1;

            }

            // Check if the ball hits the paddles

            if (

                ball.y + ball.radius > player.y &&

                ball.y - ball.radius < player.y + player.height &&

                ball.dx < 0

            ) {

                if (ball.x - ball.radius < player.x + player.width) {

                    ball.dx *= -1;

                }

            }

            if (

                ball.y + ball.radius > computer.y &&

                ball.y - ball.radius < computer.y + computer.height &&

                ball.dx > 0

            ) {

                if (ball.x + ball.radius > computer.x) {

                    ball.dx *= -1;

                }

            }

        }

        // Draw the game

        function draw() {

            // Clear the canvas

            context.clearRect(0, 0, canvas.width, canvas.height);

            // Draw the paddles

            drawPaddle(player.x, player.y, player.width, player.height, player.color);

            drawPaddle(computer.x, computer.y, computer.width, computer.height, computer.color);

            // Draw the ball

            drawBall(ball.x, ball.y, ball.radius, ball.color);

        }

        // Update the game

        function update() {

            updatePaddlePosition();

            updateBallPosition();

            draw();

  ��     }

        // Game loop

        function loop() {

            update();

            requestAnimationFrame(loop);

        }

        loop();

    </script>

</body>

</html>