#web development

[fujocoded]

Archive your Pixiv links

We're still on break, in theory! In practice, given current events, we've just emergency-released a script to archive Pixiv galleries from a list of links.

Check out (and download) the code here

Our priority is producing our guide to Git/GitHub and fulfilling our latest fundraising campaign, so we won't be able to offer support to help people run or debug this code. But we had it already written (by @essential-randomness for a personal project) so we hope it will help some.

The work we're doing is specifically meant to help people become able to run scripts like this on their own. If you want to help us make webdev accessible, consider sponsoring us on our founder's Patreon.

#pixiv #web development #censorship #archiving

[disease]

learning to code in the Python will be the death of me.

#my brain is like: PLEASE::: ENOUGH! #web development #coding #python

[pizza-and-ramen]

Tumblr is Tracking Shared Links

It looks like Tumblr @staff have finally implemented tracking garbage into shared links in the Tumblr mobile app. It took them years and years, but Tumblr is finally making an attempt to track shared links you click or links you share with friends.

When you share a post and choose to “copy” a link to your clipboard, you can see that they use their (new?) url shortener, at.tumblr.com.  The shortened URL appears to contain: your blog name; either the ID of the destination post, or the short string associated with the post; and an alphanumeric string.  Eg:

https://at.tumblr.com/pizza-and-ramen/im-fucking-dying-this-is-hilarious/uqndb20nkyob

The shortened URL redirects you to the destination link, but with 2 URL parameters: _branch_referrer and _branch_match_id.  Both are associated with a third-party analytics tool, branch.io.  Eg:

https://pizza-and-ramen.tumblr.com/post/118684413624/im-fucking-dying-this-is-hilarious?_branch_referrer=H4sIAAAAAAAAAxXEwQ2AIAwAwIlKH8aP21RQaaSAUIIyvZpczqvmuiCSGm2yhmJsEsw8BgFFB4Vki8gCe7MnxwPc86%2BeK3w8ByqcWsU7jHnql0u99xd0v%2FAuVQAAAA%3D%3D&_branch_match_id=1104914739086906151

_branch_referrer appears to be another shortened at.tumblr.com URL, except it’s been gzipped, base64 encoded, then URL encoded.  Eg:

H4sIAAAAAAAAAxXEwQ2AIAwAwIlKH8aP21RQaaSAUIIyvZpczqvmuiCSGm2yhmJsEsw8BgFFB4Vki8gCe7MnxwPc86%2BeK3w8ByqcWsU7jHnql0u99xd0v%2FAuVQAAAA%3D%3D

URL decode to:

H4sIAAAAAAAAAxXEwQ2AIAwAwIlKH8aP21RQaaSAUIIyvZpczqvmuiCSGm2yhmJsEsw8BgFFB4Vki8gCe7MnxwPc86+eK3w8ByqcWsU7jHnql0u99xd0v/AuVQAAAA==

base64 decode to (in hex for legibility):

1F8B0800 00000000 000315C4 C10D8020 0C00C089 4A1FC68F DB545069 A4805082 32BD9A5C CEABE6BA 20921A6D B286626C 12CC3C06 01450785 648BC802 7BB327C7 03DCF3AF 9E2B7C3C 072A9C5A C53B8C79 EA974BBD F71774BF F02E5500 0000

and unzipped with gunzip:

https://at.tumblr.com/pizza-and-ramen/im-fucking-dying-this-is-hilarious/xlz53wqdowww

which directs to the post with the same _branch_referrer but a new _branch_match_id:

https://pizza-and-ramen.tumblr.com/post/118684413624/im-fucking-dying-this-is-hilarious?_branch_match_id=1104899685865808870&_branch_referrer=H4sIAAAAAAAAAxXEwQ2AIAwAwIlKH8aP21RQaaSAUIIyvZpczqvmuiCSGm2yhmJsEsw8BgFFB4Vki8gCe7MnxwPc86%2BeK3w8ByqcWsU7jHnql0u99xd0v%2FAuVQAAAA%3D%3D

_branch_match_id, according to this stackoverflow answer, is an identifier unique to you, used to track users.  It could be based on browser fingerprinting, as branch.io’s branch_match_id is.

Anyway, there’s not a terribly easy way to avoid this tracking from the Tumblr mobile app, but if you get a link that has the id, not the string, you can modify it to the format of blog.tumblr.com/ID, like so before sending it to a friend:

https://at.tumblr.com/pizza-and-ramen/118684413624/uqndb20nkyob

https://pizza-and-ramen.tumblr.com/118684413624

Alternately, you could paste the link in your browser, allow it to redirect, then remove everything past the ? at the end, eg:

https://pizza-and-ramen.tumblr.com/post/118684413624/im-fucking-dying-this-is-hilarious?_branch_referrer=H4sIAAAAAAAAAxXEwQ2AIAwAwIlKH8aP21RQaaSAUIIyvZpczqvmuiCSGm2yhmJsEsw8BgFFB4Vki8gCe7MnxwPc86%2BeK3w8ByqcWsU7jHnql0u99xd0v%2FAuVQAAAA%3D%3D&_branch_match_id=1104914739086906151

https://pizza-and-ramen.tumblr.com/post/118684413624/im-fucking-dying-this-is-hilarious

Anyway, this has been my privacy rant of the day.  Thanks for reading, and let me know if you know more about this than I do!

#tumblr #privacy #tracking #web development #psa #cryptography #tumblr meta #mine

[codingquill]

Essentials You Need to Become a Web Developer

HTML, CSS, and JavaScript Mastery

Text Editor/Integrated Development Environment (IDE): Popular choices include Visual Studio Code, Sublime Text.

Version Control/Git: Platforms like GitHub, GitLab, and Bitbucket allow you to track changes, collaborate with others, and contribute to open-source projects.

Responsive Web Design Skills: Learn CSS frameworks like Bootstrap or Flexbox and master media queries

Understanding of Web Browsers: Familiarize yourself with browser developer tools for debugging and testing your code.

Front-End Frameworks: for example : React, Angular, or Vue.js are powerful tools for building dynamic and interactive web applications.

Back-End Development Skills: Understanding server-side programming languages (e.g., Node.js, Python, Ruby , php) and databases (e.g., MySQL, MongoDB)

Web Hosting and Deployment Knowledge: Platforms like Heroku, Vercel , Netlify, or AWS can help simplify this process.

Basic DevOps and CI/CD Understanding

Soft Skills and Problem-Solving: Effective communication, teamwork, and problem-solving skills

Confidence in Yourself: Confidence is a powerful asset. Believe in your abilities, and don't be afraid to take on challenging projects. The more you trust yourself, the more you'll be able to tackle complex coding tasks and overcome obstacles with determination.

#code #codeblr #css #html #javascript #java development company #python #studyblr #progblr #programming #comp sci #web design #web developers #web development #website design #webdev #website #tech #html css #learn to code

[codemerything]

A structured way to learn JavaScript.

I came across a post on Twitter that I thought would be helpful to share with those who are struggling to find a structured way to learn Javascript on their own. Personally, I wish I had access to this information when I first started learning in January. However, I am grateful for my learning journey so far, as I have covered most topics, albeit in a less structured manner.

N/B: Not everyone learns in the same way; it's important to find what works for you. This is a guide, not a rulebook.

EASY

What is JavaScript and its role in web development?

Brief history and evolution of JavaScript.

Basic syntax and structure of JavaScript code.

Understanding variables, constants, and their declaration.

Data types: numbers, strings, boolean, and null/undefined.

Arithmetic, assignment, comparison, and logical operators.

Combining operators to create expressions.

Conditional statements (if, else if, else) for decision making.

Loops (for, while) for repetitive tasks. - Switch statements for multiple conditional cases.

MEDIUM

Defining functions, including parameters and return values.

Function scope, closures, and their practical applications.

Creating and manipulating arrays.

Working with objects, properties, and methods.

Iterating through arrays and objects.Understanding the Document Object Model (DOM).

Selecting and modifying HTML elements with JavaScript.Handling events (click, submit, etc.) with event listeners.

Using try-catch blocks to handle exceptions.

Common error types and debugging techniques.

HARD

Callback functions and their limitations.

Dealing with asynchronous operations, such as AJAX requests.

Promises for handling asynchronous operations.

Async/await for cleaner asynchronous code.

Arrow functions for concise function syntax.

Template literals for flexible string interpolation.

Destructuring for unpacking values from arrays and objects.

Spread/rest operators.

Design Patterns.

Writing unit tests with testing frameworks.

Code optimization techniques.

That's it I guess!

#codeblr #coding #programming #roadmap #coding community #progblr #web development #javascript

[zai-gq]

I made a portfolio website for @kaylasartwork! Here's a snippet of it. It isn't live because I can't get Github Pages to work, so any help would be great! (It's having issues verifying the DNS .-.)

Edit: it works now because I'm stupid

#lgbtq #lgbtqia #art #artists on tumblr #artwork #digital art #digital artist #website #web design #github #github pages #web development #htmlcoding

[code-es]

Coding resource!

exercism.org

A free website where you get specific problems to methodically learn small concepts of a programming language. Do 10 minutes to 1 hour every day, and then you will keep practicing every day, and you will be able to use the skills you learn in your real projects. They walk you through the problem all the way, and it's a super good way to learn!

#coding #programming #web development #resources #codeblr #progblr #learn to code #software development #python #javascript #js #c++ #c #css #html #resource #data analytics #computer science #cs #compsci

[fujowebdev]

This April 1st, @bobaboard proudly presents our first ever Kickstarter:

✨The Fujoshi Guide to Web Development✨

Join us for a fun and educational adventure sure to hold the interest of even the most "no studying, only studs" fans.

The secret? Hot fictional men, of course!

If you're new to @bobaboard's April 1st traditions, you might wonder: Is this just an elaborate joke?

As long-term fans know, it’s elaborate, it’s a joke, BUT it’s also a 100% real, high-quality product you can buy. Check out the full pitch and back us at the #FujoGuide Kickstarter page! Keep reading for more!

Since the very beginning, we have championed the weirdness of fans as the best antidote to the blandness of the corporate-driven web. But pointing out this weirdness is not enough: we must nurture and empower it.

But how do we hold fans' attention in a world full of distractions? Well—

But jokes aside, there's no joke: with your help we will make #FujoGuide an amazing teaching tool that will (cough) "fill the gaping holes" in current educational materials for web development.

To fix the web, what we have now is not even close to "good enough." Here's why.

While teaching fannish "baby coders," we noticed existing materials fall into two categories:

jargon-heavy, complex guides designed for professional developers

oversimplified, nostalgia-driven tutorials filled with outdated approaches

…and not ONE hot man in sight!

Instead, #FujoGuide aims to put modern web development techniques into the hands of a fannish public, speaking directly to their needs WITHOUT talking down to them.

We love web development, we love fandom, and we believe that, with the right tools, they'll also love each other.

But words can only do so much. To support #FujoGuide and learn more about Version Control, our first—bold!—choice of topic, head down to Kickstarter and (cue YouTuber voice) smash that "back this project" button!

This whole project was created by a small team of fannish people over the course of just two months (yes, really)! The amazing quality of what you see is testament to their infinite talent, passion, and patience. Applause pls (on the credits doc).

And with this… our 30 days countdown begins! As the month progresses, we'll teach you more and more about our new beloved self-shipped blorbos. We know you'll come to love us as much as we do.

Also if you aren’t already, follow our mothership and main project @bobaboard.

#fujoguide #web development #artists on tumblr #zines #kickstarter #gijinka #coding #educational #webdev #bobaboard

[izicodes]

C# Study Links | Resources ✨

As I am starting to relearn C#, I thought why not share some links that have helped me in the past and what new ones I will be using this time to learn! I already made a similar resource post (post 1 | post 2) for C# in the past but why not a new one? 🤗

Microsoft Learn - LINK

C# Station - LINK

YouTube - LINK

SoloLearn - LINK

Codecademy - LINK

Learn C# - LINK

C# Yellow Book - LINK

C# Programming Guide - LINK

Tutorials Point - LINK

Roadmap to ASP.NET Core Developer (C#): LINK

C# Subreddit - LINK

Dot Net Perls - LINK

C# Coding Conventions - LINK

The Ultimate C# Guide For Beginners - LINK

That's all for now! If this does interests you, do check out the other posts (1 | 2) I made of other C# resources!

Happy coding/programming! 😎💻👍🏾

#resources #coding resources #programming #coding #studying #codeblr #progblr #web development #webdev #computer science #cs academia #study hard #technology #tech #csharp #dotnet #software development #software

[ceaselessbasher]

Here's an internet hidden gem for y'all

So I'm fucking around in the network section of Firefox's developer's tools because I'm taking a Django course and I'm looking at the instructor's samples as part of a lecture and I spot this little thing:

and I'm like ????? Sir what are you doing in my browser???

The instructor of this course likes making little references all the time (for example he often uses "42" as a value because of Hitchhiker's), so my first thought was that he is also a Terry Pratchett fan and added him as a value in his sample code, but what is "x-clacks-overhead"?

Well, let me share with you what I found on the X-Clacks-Overhead website:

In Sir Terry's novel "Going Postal", the story explains that the inventor of the Clacks - a man named Robert Dearheart, lost his only son in a suspicious workplace accident, and in order to keep the memory of his son alive, he transmitted his son's name as a special operational signal through the Clacks to forever preserve his memory

[...]

As a way to preserve the memory of Sir Terry Pratchett, the users of the SubReddit for the Discworld series came up with the idea behind the X-Clacks-Overhead HTTP Header. It allows web authors to silently commemorate someone through the use of a non-invasive header that can be transmitted from server to server, or server to client without operational interference.

[...]

At the time of writing, Mozilla.org (makers of the Firefox web browser), the makers of Debian (a popular Linux Operation System), and Xml.com (a major repository of standards information) are examples of some of the backbones of the Internet who transmit the Signal "GNU Terry Pratchett".

It's not that the instructor is making a hidden little reference to Terry Pratchett. It's so much more than that. And I think it's beautiful :')

EDIT: There's more information in the GNU Terry Pratchett website if anyone is interested

#NO I HAVEN'T READ DISCWORLD IM SORRY ITS ON MY LIST #terry pratchett #discworld #discworld series #going postal #mogologue #http #web development #backend

[bugpysforge]

I made a game! I designed it and my friend build it, and now it's up and running! It's a Wordle-style guessing game where you have to guess the Pokemon from a series of clues. It's a daily game, so you can come back to keep guessing later!! Let us know what you think and have a go at guessing!!

#dextrio #pokemon #fan art #wordle #pokedex #guessing game #clues #web app #web development #web design #pixel art #pikachu #charizard

[the-timewatcher]

A disgruntled Tumblrina (gender-neutral) made a website and why you should too.

Or "reject social media, return to personal websites".

PART 1: THE PART WHERE I CONVINCE YOU TO MOVE TO PERSONAL WEBSITES

So, the Web 2.0 social media infested landscape seems to be crumbling before our very eyes. Reddit's leadership is increasingly greedy, Twitter is sinking under the weight of Elon's massive, yet increasingly fragile ego, Tumblr is slowly turning into another lifeless corpo-fest, complete with the layout, Instagram continues to be vapid and soulless and Facebook seems to be going the way of MySpace.

(feel free to check the alt text on these, btw)

In these troubling times, where everything looks the same and you're expected to be milked for every dollar you're worth, what is a disgruntled Internet surfer such as yourself to do? Move to an untested alternative that's bound to get overrun by fascists thanks to poor moderation? Stay the course on the sinking ships you're used to?

Well, what if I told you that we've solved this problem way back in the 90's and early 2000's and were merely duped by the Big Zuck into forgetting our legacy? What if there was a cure for the sanitized, dull social media hellscape?

It takes a bit of work, when compared to just using a social media site, but even if your particular use case makes switching difficult (ex. an artist looking to promote their work), it's still a good secondary option to consider.

The core appeal is the ability to customize and individualize, make a corner of cyberspace unabashedly yours,

It can also be an exciting avenue of creative expression, giving whatever you want to say a unique coat of paint,

Most website hosting services are a bit more lax about what you can do on them, due to changes in the profit structure (rather than depending on advertisers and investors, they either have a premium option to give supporters perks, have another product, or, in the case of paid services, you renting that space IS the product),

If you want your website to be more accomodating and accessible, you don't have to file tons of feedback - do it yourself,

If you'd like to connect with other webmasters and promote each other's websites, we have webrings - sets of circular links that connect websites with something in common, be it a topic, aesthetic or friend group,

You're less likely to have your stuff purged by an ill-advised change in policy (especially if you have a backup of your files somewhere),

The more people do it, the less power those massive social media corpos have over the internet,

It can be a load of fun!

If I have you convinced, keep reading into part 2. If you just wanna see what I did, skip to part 3. If neither, feel free to continue scrolling. I won't hold it against you. You'll be missing out, that's all.

PART 2: SO, YOU WANNA MAKE A WEBSITE!

Good choice, here's some resources!

sadgrl's absolute beginner's guide to Neocities - what it says on the tin!

W3Schools - a more in-depth tutorial site, a learning resource so excellent it substituted for what I was supposed to learn in technical highschool (because our teacher just told us to go on W3Schools instead of teaching us shit)

A list of free layouts for your website - whether to use as a base to learn from or to simply take for yourself,

Neocities - the posterchild for free website hosting for personal websites. Doesn't allow video or audio, but you can get around that by linking those files from elsewhere. Beginner-friendly to a fault - once you have an account just drag and drop your files in,

Gitlab (& Gitlab Pages) - a more advanced option, but it has a few advantages of its own. Gitlab is a website hoster second and a version control service first - which is programmer speak for "keeps track of changes in your code and stores a backup of it online". it helps a lot when working on multiple devices or co-writing with a friend. And secondly, you can use Gitlab Actions to automate putting your website up (even on Neocities, like I do!)

My askbox - I am not joking, if you have any questions about any of this, I'd love nothing more than to help you out!

But with most of my indie web propaganda out of the way, it's time.

PART 3: Welcome to Timewatcher OS.

Of course, because I couldn't be normal when it comes to making a website, I had to turn it into a fake operating system. Each subpage is an "app", opened in a separate embed window. It has unlockable wallpapers (no pay2win, prommy). There's bideo games on it! I even made a music player for it so I can share my incongruent music tastes!

Like I said in my Tumblr bio, if I ever go radio silent for more than a month, it means I've gotten fed up with this hellsite and moved to my own homepage permamently. And I highly advise you make an option like this for yourself too! Lastly, if any of y'all would like to start a webring, do let me know in the askbox - I'm down to manage it if I'm not alone in there.

Anyways, I hope I convinced you to make a website, or at least check out some of the cool sites you've been missing out on! Hope to see you on the Old Web!

#webdev #web development #old web #neocities #webcore #indie web #codeblr #resources #save

[soapdispensersalesman]

Me

#kiddbubu #HTML #coding #website #web development #webmaster

[codingquill]

I'm currently learning React and I'm taking a 13-hour course. I can't keep this website to myself because it's truly amazing. It's perfect, it's free, and there are other courses out there with much less interaction and smoothness that make you pay a lot.

The website I'm talking about is Scrimba. I highly recommend it for anyone starting their front-end journey. I'm confident that no one will disagree with me on this.

Have a great day! <3

#codeblr #code #css #html #javascript #java development company #python #studyblr #progblr #programming #comp sci #web design #web developers #web development #website design #webdev #website #tech #html css #learn to code

[codemerything]

second brain

i saw this concept online where you can have a second brain for things your brain can't hold and I didn't think it was important till i started going deep into Javascript and i kept encountering, going back and forth with information, articles and resources. Just so much to read so I created a Second Brain - Basically an organized Notion Page where I can sort everything out in order and @codomars inspired me to add Notes to it so I can easily go back and read my notes to refresh my memory on concepts, topics or mechanisms I need to remember and I have the Notion app installed on my phone so I can always read or reach out to my other brain when I need it.

#productivity #coding #brain #coding community #codeblr #tech #programmers #programming #coder #developer #studyblr #web development #javascript

[xiabablog]

Exactly what I was talking about earlier 🙌🏾❤️

#coding #codeblr #programming #studyblr #progblr #code #programmer #comp sci #computer science #python #webdev #web development #learn to code #coding blog #html