#Sublime Text Editor

[ionkilop]

Sublime text editor

#Sublime text editor install

#Sublime text editor code

Pros: Lime aims to duplicate all the features of Sublime, in an open-source format. Some prefer it because the Sublime text editor isn’t open-source. Our list of the top seventeen Sublime Text packages has something for everyone with both general packages and extensions aimed at developers in specific languages or stacks. The Lime text editor was a project designed as an alternative to the Sublime editor. It’s worth noting that our list of our favorite Sublime Text plugins is fairly versatile and is (mostly) random in order. However, if you need more than markdown support and spell checking for text? You’re going to have to turn to plugins (also known as packages) for your Sublime Text. The features Sublime Text 3 (the latest commercial version) offers developers include GoTo definition, a command pallet, split editing and a list of handy preset keyboard shortcuts. It packs quite a few built-in features that make this lightweight cross-platform tool loved by many despite its license cost. When it comes to Sublime Text, there’s a good reason for its popularity among its peers.

#Sublime text editor install

If you want to enhance your text editor to be a comfortable tool for coding? You’ll need to download and install plugins or extensions. Notepad++ comes with a tabbed interface which means you can edit multiple files at once. If you look at your index.html file, you’ll notice the tags and texts show up in different colors. Sublime Text is one of the largest Text Editors with IDE and is one of the underrated Text Editors as a developer I have used so many.

#Sublime text editor code

Atom offers language-specific syntax highlighting to make your code easier to read. It is completely free and open-source with additional plugins available to download. One of Atom Text Editor best practices that will save you much time is file extensions and syntax highlighting. It doesn’t even matter if you’re a web developer or Python coder. Notepad++ is one of the most popular source code or text editors for Windows platform. However, whether you choose Vim, Atom or Sublime Text, one thing is certain: you will need plugins to get the functionality you want. Text editors are one of the most basic must-have tools in the arsenal of every developer.

[dritabuffalo]

Sublime text editor

#Sublime text editor how to

#Sublime text editor install

Press y to further proceed with the installation.

#Sublime text editor install

$ sudo dnf install sublime-textĪfter running this ‘$sudo dnf install sublime-text’ command, the text will be displayed on the terminal. This command is used for the new version of CentOS 8.0. Now, update dnf and will run the following command to install Sublime text editor 3.0 on CentOS 8.0. Run the following command on the terminal: $ sudo wget -P /etc// Īfter running the above command yum repository has been enabled. You will add a yum repository on CentOS 8 Linux system. It will allow you to install the sublime editor.Īfter import the key. You will enter the password of the admin user. Run the following command on the terminal: $ sudo rpm -v -import You need to import the GPG key for the official’s sublime text 3.0. Step 1: Import GPG keyįirst, you will log in as the admin user and Open the terminal window. This tutorial will give you the complete guide to install a sublime text editor for the desktop environment using the terminal. There are the following steps to install the sublime text editor on CentOS 8.0. Note: To install sublime text user must be login as admin user means you have all administrative privileges to make an installation.

#Sublime text editor how to

Now, in this article, we will explore how to install and launch a sublime text editor on CentOS 8.0 using the command-line. A Panel Switcher is added to the status bar.Ībove, we discussed the different features of the sublime text editor.The preview tab is added using which can view files from the sidebar.A modern image preview is added, on opening a new image.Linux repositories are added for apt, Pacman and yum.Interactive UI with flexible theme support, that consists of a good color scheme.This software helps users to work with Linux repositories and highlights the syntax for help. The newly introduced version of Sublime text 3.0 has a new user interface (UI) with modern icons and color schemes. Sublime text has a built-in Python API available in Windows, Linux, and Mac OS. The interface is so attractive that it is similar to vim editor. Users can install new plugins and create custom settings to extend their functionality. This editor offers support for various plugins, snippets, programming languages, APIs and markup languages like Html, PHP, C, Java, C#, asp, Latex and many others. It has many built-in multifunction and Vim mode features. Sublime text 3.0 is a popular, cross-platform, lightweight source code editor with an amazing working environment.

[punchmains]

Sublime text editor

SUBLIME TEXT EDITOR FOR MAC

SUBLIME TEXT EDITOR FULL

If you'd prefer however, it is possible to keep things separate. It will pickup your session and configuration automatically. Sublime Text 4 is fully compatible with version 3. The API has been significantly expanded,Īdding features that allow plugins like LSP to work better Keeping backwards compatibility with packages built for The Sublime Text API has been updated to Python 3.8, while The way up to 8K resolutions, all while using less power thanĪ single frame being rendered. Sublime Text can now utilize your GPU on Linux, Mac and Windows Memory usage has been reduced, and load times are faster than Multi-line constructs, lazy embeds and syntax inheritance. With new features like handling non-deterministic grammars, The syntax highlighting engine has been significantly improved, Syntax-based features of Sublime Text within the modern Support for one of the most popular new programming languages SuggestionsĪre also augmented with info about their kind, and provide The auto complete engine has been rewritten to provide smartĬompletions based on existing code in a project. Windows and Linux now features custom title bars. The Default and Adaptive themes have been refreshed with new Linux ARM64 builds are also available for

SUBLIME TEXT EDITOR FOR MAC

Sublime Text for Mac now includes native support for Apple Navigation easier and more intuitive than ever. The side bar, tab bar, Goto Anything, Goto Definition, autoĬomplete and more have all been tweaked to make code With support throughout the interface and built-in commands. Tab Multi-Selectįile tabs have been enhanced to make split views effortless, These are the same license terms we use for Sublime Merge, and they allow us to deliver more frequent and exciting updates as soon as they're ready, without having to roll them into a new major version.

SUBLIME TEXT EDITOR FULL

After that, you will still have full access to every version of Sublime Text released within the 3 year window, but newer builds will required a license upgrade. Sublime Text license keys are no longer tied to a single major version, instead they are now valid for all updates within 3 years of purchase. There are some new major features that we hope will significantly improve your workflow and a countless number of minor improvements across the board.Ī huge thanks goes out to all the beta testers on discord and all the contributors to our packages. The first stable release of Sublime Text 4 has finally arrived! We've worked hard on providing improvements without losing focus on what makes Sublime Text great.

[edgepunk]

purely out of curiosity what programs are y'all using for code editing when you're changing your themes?

[josegremarquez]

Valida tu HTML5 y crea páginas web impecables: Guía para Windows y macOS

Crear una página web es emocionante, pero asegurarte de que funcione correctamente y cumpla con los estándares es igual de importante. La validación de tu código HTML5 te permite detectar errores y garantizar que tu página se muestre correctamente en diferentes navegadores. En esta guía, te mostraremos cómo validar tus documentos HTML5 tanto en Windows como en macOS. ¿Por qué validar tu…

[incorporatedmmorg]

Starting sublime text editor

Starting sublime text editor install#

Starting sublime text editor code#

So, select any location where you want to store your setup file for node.js You can click here.įrom the website click on the green button saying 14.16.0 LTS If that is already installed then you will not see this error and HTMLPrettify plugin will start working for you.

Starting sublime text editor install#

To rectify it we need to install node.js into our system. Now, you may get this kind of error popup. Now type htmlprettify and select the option with the same name. Now, again go to Command Pallet, an alternate way is to go to Tools -> Command Pallet. Wait for 5-10 seconds, until the installation is complete. You can check the same in the bottom left corner of the screen shot attached. Now type prettify, and from options select HTML-CSS-JS Prettify.Īfter this, you will see that some installation is going on in your Sublime Text editor. Then again being up the Command Pallet using the same shortcut, which is Ctrl+Shift+P (Cmd+Shift+P in case of Mac). Then from the options given select Package Control: Install Package This will bring up the Command Pallet as shown in the screen shot below. Press Ctrl+Shift+P (Cmd+Shift+P in case of Mac) from your keyboard. We are going to install this plugin using the Sublime Package Manager.Īfter opening the Sublime Text editor. So, if you are trying to write your HTML using Sublime Text editor then follow these steps to integrate a HTML formatter plugin. Sublime Text is a sophisticated text editor for code, markup and prose.

Starting sublime text editor code#

In this article, we have covered a step by step process on how can you implement a HTML formatter in Sublime Text and VS code using some simple plugins. One tool that can help you in this is known as the HTML Formatter. Thus, it is extremely essential to adhere to these rules. These things that require the basic formatting may improve code readability for other users. These things include:Īnd many more things. To write better HTML, certain things needs to be kept in mind. It controls the way that our website is going to look and what matter it is going to contain. HTML or Hypertext Markup Language helps us to write the content of our webpage. Great job developers! Read More.Add HTML formatter in Sublime Text and VS code using plugins I have not migrated despite a plethora of editors being released since then. Overall: I've been using Sublime Text as my default text editor for years now and it's always a pleasure to use it. It does not have the features of a full-fledged IDE. It's not a very seamless experience to set up the build system for other languages on Sublime Text. Vim integration is also quite amazing for those migrating from vim.Ĭons: - I believe Sublime Text is not built to manage entire projects as it has a default build support only for a few languages like python. Git integration feature also works pretty great There is a vibrant community of developers creating new features all the time. The inbuilt package manager can be used to add any new feature in seconds. It has the best look and feel among other editors and has lots of customization options, themes, and color schemes. Works with a tonne of different file formats and programming languages. Pros: - Sublime Text is super lightweight and loads with no lag unlike visual studio or eclipse.

[artistnahas]

Sublime text editor for windows 7

#Sublime text editor for windows 7 install

#Sublime text editor for windows 7 update

#Sublime text editor for windows 7 manual

#Sublime text editor for windows 7 software

NetBeans supports new language though, but it lacks the power of the new text editors. The proficiency of Netbeans lies in old languages.

Transforming selected text upper/lower caseĪlso Read: What is Apache Web Server? NetBeans.

Auto-filling search field with the highlighted text.

There are plenty of standard text editor commands that are not available. Cons:īrackets focused on developing web apps on the front end. Mainly for the front-end creators, Brackets is an excellent text editor for Windows. You can see it in the interface of Brackets. It also has an inbuilt extension manager which is very useful in managing the extensions.Īdobe is primarily known as a design company. It allows you to style a tag within the html file without switching over to the CSS file. This is the feature that makes Brackets outstanding.Īnother excellent feature is the Quick Edit. There is no need to manually reload the browser to see the changes.

#Sublime text editor for windows 7 update

It has a live update feature that allows you to see real-time changes you’ve made. It is a lightweight open-source text editor created by Adobe. The interface could be bewildering for beginner users. It also makes outbound HTTP request which might be a security concern. VS code editor takes so much memory that it could freeze the entire operating system sometime. The editor also has a terminal command, so the user does not have to switch to run the code. These plugins include useful tools like docker, which let you manage and run the dockerized process. It also allows users to download custom plugins from its market place. Microsoft Visual studio code is feature-rich and comes with a lot of modules and tools. It provide smart completions based on variable types, essential modules, and function definitions. It is an open-source editor developed by the Microsoft for the Windows. With average an update a month, VS is always ready with new features. VS Code is a text editor that get frequent updates. Sometimes, the project not made on Atom does not work smoothly on Atom. The loading time of Atom is considerably slow. Some of these valuable features include code quality tools like linters, hydrogen and atom browser. The editor also supports a large number of plugins that can be installed to enhance the usefulness of the Atom.Ītom gives you certain useful IDE features without eating the processing power of the computer.

#Sublime text editor for windows 7 software

You can add your key-shortcuts and key-bindings.Įnd-user can personalise the software to their liking so much that they can make it their own. The text editor is so customizable that you can easily add or remove any element you don’t like in it. Auto-Completion for Words and FunctionsĬreated by GitHub, Atom is popularly known as a hackable text editor.Ītom is a modern text editor with attractive UI.Colour coding amazingly distinguish different parts and helps you to cover and view portions quickly. Moreover, there are many plugins for the Notepad++ that increase the efficiency of this editor.

#Sublime text editor for windows 7 manual

The editor has auto-save and auto-completion features that reduce manual efforts. It allows you to write code in more than 40 languages and offer documentation for the rest of the language. Notepad++ is the best tool to replace, find or compare the text. It is a popular lightweight text editor and runs only on Windows. Notepad++ is a powerful text editor for windows. The best free text editor for Windows are:

#Sublime text editor for windows 7 install

In this article, I am going to mention the best editor that you can install on Windows. If you don’t choose a good editor at the beginning of coding career, you may start hating the coding.Ĭoding is complicated, but a right text editor can make the various task easy for you. Text Editor is a need of every developer. Are you looking for the best text editor for Windows?

[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.

[izicodes]

Coding A Simple Firefox Extension

Hiya! Today I want to share my experience creating a simple Firefox extension. I was a bit intimidated by the idea of creating an extension, but I was determined to give it a try! Been on my 'projects to-do' list for a long time! 😅

I found that the process was actually quite straightforward, and with some guidance from a couple of YouTube videos, I was able to create a working (temporary) extension in just an hour. My hope is that this post will serve as a helpful guide for anyone who is interested in creating their own Firefox extension~!

What exactly are we making?

We will be making a simple temporary extension - an extension that only you have access to e.g. end-users will not be able to use the extension. This is a way to test if your extension works and find issues. I might make another post on how to actually upload it for other people to use, but for now, this method is for you to use the extension.

This is the link to the official Mozilla Firefox 'Temporary installation' Guide' for extenisions - LINK

Now, for the steps into making the extension:

Setting up the development environment

Creating a manifest file

Adding a pop-up window

Attaching JavaScript functionality to a button

Load your extension in Firefox

Let's get started~!

Step 1 - Setting up the development environment

Obviously, you will need to have Firefox installed on your computer. You will also need a code editor, such as Visual Studio Code or Sublime Text, to write your code. I'm going to use VS Code.

In your code editor, create a new folder where you will store your extension files. You can name this folder whatever you like. For this example, I will call it 'Firefox Extension'. I also recommend adding the following files in the folder:

index.html (or in this case popup.html file)

icon image in .png or .jpg or similar formats

manifest.json - talked about in the next step

script.js

Step 2 - Creating a manifest file

The most important file I believe when creating an extension is the manifest JSON file. This file will contain metadata about your extension, including its name, version, and permissions. In your new folder, create a new file called "manifest.json".

This is the general structure of the file. The icon size you need to have is 48x48 pixel size image and then you can have others to be responsive to screensizes, I just added one extra. The 'browser_action' part includes the default icon image that will display an icon in the Firefox toolbar and the popup html file. In 'scripts', that is where we will add the JavaScript code to run.

Step 3 - Adding a pop-up window

The code simply displays the text "Hello World" and a button in the center of the window. I assume you're good at your HTML and CSS so I won't go into too much detail here but the CSS is in the style tags within the head tags and what we can see also is what is between the body tags - the 'Hello World' and the 'Click me!' button.

Don't forget to include the script tag at the end of the body tag so it'll link to the script.js file in your folder AND include "scripts": ["script.js"] in the manifest.json for the javascript code.

Step 4 - Attaching JavaScript functionality to a button

Again, I hope you very basic JavaScript. This code basically adds an event listener to the button with the ID "myBtn" (which is the button with 'Click me!' on it). When the button is clicked, it changes the heading 1 text from 'Hello World' to 'The button was clicked!'.

And that it! Done with all the coding part and now to upload it for you to use~!

Step 5 - Load your extension in Firefox

Open Firefox and type "about:debugging" in the address bar. This will open the Firefox Developer Tools page. Click the "This Firefox" section to the left of the page, then click "Load Temporary Add-on". Navigate to your extension folder and select the manifest.json file.

The extension is now loaded in Firefox! Click the icon in the toolbar to see your pop-up window!

Whenever you make changes to the extension, back on the Firefox Developer Tools page, click the 'Reload' button on your extension section and changes should show up!

I hope that this post has been helpful to you and that it has inspired you to create your own Firefox extension! 👩🏾‍💻💗 Remember, the most important thing is to have fun and experiment with different ideas - play with the colours or sizes or the javascript code! Don't be afraid to try new things and explore!!

Extra links that helped me learn:

How to build an extension for Firefox in less than 5 minutes [video]

Temporary installation in Firefox [webpage]

Thanks for reading 🥰💗

[kmclaude]

Simple static site template (HTML/CSS/JS) is now available for artist homies looking to make a simple website and be free from social media (or at least less stuck.) All code is commented out and there's a README too: no HTML/CSS knowledge required.

Download the Template ZIP File, Unzip, and go!

Note: If you're using neocities.org to host then you can simply drag and drop all of those files once downloaded and use the in-browser HTML editor to edit your files, make changes, etc. (you'll need to make an account/login first.) However, those files will be live online. If you'd rather work on your own machine first (recommended so it won't be live), download a text editor such as Visual Studio Code or Sublime Text or Notepad++. Don't use Word, Google Docs, default Notepad, etc.

A thorough documentation can be found in the README.md file in the zip folder linked above and all files that need editing are thoroughly commented.

Any features you'd like to see, shoot me an ask and I'll see what I can do. This is my hobby not my job so, you know, caveat and all that

[m0e-ru]

Hi! I'm sorry to bother you, but I've been reading your meta posts about Izanami and Souzai Daigaku and the like and you mention the game script often, do you have a link to the dump or to a big doc containing it? I only saw your Izanami one and it's fascinating, I'd really like to see more! I try to take screenshots of things like minor NPC dialogue but I miss a lot of stuff.

Also, while I'm here I'd like to ask, do you have a link to the Persona 4 Visualives? I know you uploaded them to your YouTube channel (and I'm very grateful 🥰) but I mean the actual files. I can only find dead torrents of them...

Either way, thank you very much for all the thoughts and reading material! #TeamIzanami

HAII HAIII HAIIII /waves violently and i trip on my feet and eat my spreadsheets/ imso happy youre here

i'd be SO HONORED to share my resources and im SO HAPPY SOMEONE'S SO INTERESTED ENOUGH TO ASK  !!!

I've gathered and curated my own resources throughout the years, and I'll be sharing the original mirrors of where I got them. Of course, if any of these links are dead, I always have my own copies so you can ask me again WAHAHA

SCRIPT DUMP

ShrineFox

https://shrinefox.com/apps/textsearch 

https://drive.google.com/file/d/113DuAlmIqb8AU4xBYNuU5FDxPP3mVX67/view 

If you're not already familiar, ShrineFox has been a mod dev in the Persona scene for a while, right now though they're working on a lot of other projects too hehe. They had this "text search" app for a while where you could find text from entire script dumps of a game they had on hand, mostly the Persona games. Right now, the app's taken down, but the whole dumps have been uploaded in this Google Drive!

The _msg files are the ones you're looking for for the text n stuff. The _flow files are for the backend behavior coding and all that. These txt files are really big too, so try opening it with a source code editor like Notepad++ or Sublime Text because it might blow up a normal writer app like Word or Writer LMAO (188K LINES??)

Also, these are really the raw text dumps. There’s a learning curve to how interpret IDs and all that but you’ll get used to it, or just hit me up!

Vanilla JP Dump

https://www.mediafire.com/folder/s7c87y07vsv0t/Game_Scripts_and_Anki_Decks 

https://docs.google.com/spreadsheets/d/1ukDIWSkh_xvpppPbgs1nUR2kaEwFaWlsJgZUlb9LuTs/edit#gid=0 

https://www.mediafire.com/file/9mkufgtde42em6v/Persona_4.txt/file 

Here’s a transcript of the JP text of the base game, not Golden. It’s formatted plainly, without the raw code or IDs or anything, so it’s easier to read but hard to crosscheck with the ENG text from the first dump.

MOEL Backroom (my stuff)

kai's spreadsheet of spreadsheets (and other docs)

https://docs.google.com/spreadsheets/d/18X2sR-1duXGWtQtJd5mesjrVUorjvUkOiwEjXT25Lmc/edit

Here’s my (supposedly) entire directory of my documents and spreadsheets I made throughout the years! You can take a gander if something catches your eye. I also made a summary of it and more resources on my Neocities :]

https://moel-sekiyu.neocities.org/archive/resources

Steam NPC Dialogue Calendar (P4G Edition)

[disclaimer: big page!!] https://steamcommunity.com/sharedfiles/filedetails/?id=2425834890 

BIG SHOUTOUT TO STEAM GAMER TYSSERR FOR LITERALLY DOING ALL OF THIS MAN YOU ARE SO FUCKING REAL FOR THIS 🫶🫰🫶🫰🫶🫰

This is an entire guide for all the NPCs overworld in Inaba AND Okina, specifically a glossary for each NPC and when they actually show up. I wouldn’t know if this is really complete but it SURE IS comprehensive. If you can navigate the dumps right, you can reference that to figure out what their actual dialogue is and read it in context.

WEATHER CALENDAR

Vanilla Wikidot page

http://persona4.wikidot.com/schedule

P4G Spreadsheet

https://www.reddit.com/r/persona4golden/comments/w8h1fi/persona_4_golden_complete_weather_forecast/

https://docs.google.com/spreadsheets/d/1iQfD_E2WhbW362puKUN_VJybjWBngUQTC2jI9CUmsLE/edit 

These are calendars that have the weather throughout the game, and the wiki one has events and other stuff too just for the base game. The spreadsheet is a weather calendar throughout P4G, you can make your own copy to annotate if you’d like!

SELF DUMP

If you see throughout my resources, I don’t really source some of them from anywhere else because I dumped the scripts myself! Especially the JP scripts and the Arena/Ultimax story modes.

There’s a lot to say about it considering I learned it while trying to crack into the games files myself and debugging mod files on my own LOL. Here’s a few Amicitia pages as a starting point, and you can ask me for anything else

MSG and BMD (and BF)

https://amicitia.miraheze.org/wiki/BMD

https://amicitia.miraheze.org/wiki/BF

These files contain text and dialogue and description etc etc. You can check these pages to see how to extract them with tools available. There are .BMD files in .BF files most of the time.

PM1 vs PM2 & PM3

https://amicitia.miraheze.org/wiki/PM1

PM1 has text, dialogue etc

PM2 & PM3 only found in main folder (JP assets, not the ENG nor KR nor CN asset folder) deals with environment, models, etc etc

VISUALIVE / the Evolution Direct Download Link

The moment everyone’s been waiting for !! Here’s a link to both Visualives and the bonus content, which I’ve already posted on my YouTube like you said. I will kill this link in a week or so for security purposes and my actual cloud storage. If you want it past this time though, you can always hit me up and ask me personally! I’m planning to properly host it one day, I’m just being thrown against the waves right now.

update: i've killed the link now. if anyone else needs it, you can always come to me personally!

aand that’s it! I’ve actually been writing this throughout the whole week whenever I have the time. Here’s as comprehensive as I’ll get, and thank you SOSOSO MUCH sticking around!!

[trans-girl-uchiha-itachi]

WHAT TEXT EDITOR WOULD ITACHI FROM NARUTO USE IF HE WERE 1) REAL 2) A PROGRAMMER! VOTE NOW ON YOUR PHONES (or desktop, i dont know your life)

[stergeon]

Hello there! I happened to find your website and I was wondering if you wouldn't mind sharing how you made it? It looks really neat and I wanted to learn how it was coded and hosted.

hi, thank you so much!! i've been making websites uh. pretty much since i learned how to use the internet, whether for fun or employment or both. i make my "for fun" websites from scratch with HTML, CSS, and JavaScript without any libraries or frameworks. unfortunately, i can't give a great recommendation for web hosting on the cheap if you're just starting out as i've hosted my stuff with the same company since my freelancing days and could definitely get a way better deal elsewhere lmao. the cost of being lazy...

i really, really like talking about web design/making websites/etc. so i don't want to give you an information overload, but if you're interested in learning how to make websites, there are a lot of excellent (and free!) tutorials and reference guides out there to get you started! here are a few:

MDN Web Docs - THE resource for anyone doing web design and development, from complete beginners to advanced devs. their documentation is thorough to the point where it can be intimidating for beginners due to how technical it is, but it's very, very good and their tutorials are fantastic.

W3Schools - similar to MDN, but i find it's much less jargon-heavy and beginner-friendly. it also contains great resources, examples, reference guides, as well as extensive tutorials.

Codecademy - there are a lot of free web and programming courses out there, but i really like the ones codecademy offers. in my experience, the projects are fun, the courses are well-structured, and the community is very helpful. they regularly have great sales for the pro version, too.

if you want to make your own website site from scratch without having to navigate the more complex aspects of hosting, domains, etc., check out Neocities! it's got loads of resources, a great community, and it's free!! it's also near and dear to my heart as a lover of "old web" design sensibilities.

by far the easiest way to start is to download a text editor (i'm partial to Sublime Text, but everyone has their favorite), paste in an HTML boilerplate like this one, save it to your device as a .HTML file and then open it in your web browser. it will only be accessible on your local device and not over the internet, but you can play around and build things out without it being public and it’s an easy way to get a feeling for how things work.

my final recommendation is not so much about the specifics of making a website, but how to think about making a website. when i was a young stergeon at my first big web design job, my mentor gave me the book Don't Make Me Think! by steve krug and it was Huge for me. some of the technology-specific material is outdated nowadays as it was last updated in 2014, but the book is still a fantastic introduction to design thinking, visual language, and user experience principles.

hope this helps!!!! happy to chat more if you have questions <3

[josegremarquez]

Crea tu primera página web en HTML5: Guía paso a paso para Windows y macOS

¿Quieres dar tus primeros pasos en el mundo de la programación web? ¡HTML5 es el lenguaje perfecto para comenzar! En esta guía te mostraremos cómo crear tu primer documento HTML5 tanto en Windows como en macOS. ¡Descubre lo fácil que es dar vida a tus ideas en la web! ¿Qué es HTML5? HTML5 es el lenguaje estándar para estructurar el contenido de las páginas web. Es la base sobre la que se…

[rlyehtaxidermist]

"wait why is my text editor so slow?" <- they have forgotten about the sublime tab documenting the entirety of knox county tennessee

[gender-trash]

how did you get into typesetting? are there particular resources/guides you'd recommend?

i am so incredibly sorry, because the answer to your first question is almost certainly useless to you: when i was 9-12 years old i took a bunch of online math classes from the Art of Problem Solving. AoPS classes (at the time; i haven’t followed what they’re doing in years) were formatted as a chat room where the entire lecture was given in text format (vv accessible to me for both adhd and auditory processing reasons), occasionally the teacher would ask questions for you to type in a response to, and a few of the fastest correct answers would be shown to the rest of the class. especially if you used latex math typesetting to make it Look Nice (the chatroom had limited latex support).

i, a small child extremely interested in math and in Proving my Skills to the other faceless usernames in the chatroom, was super into this. with practice i eventually got really good at speed-typesetting math in latex; i also habitually wrote up all my homework in latex because my handwriting was fucking unreadable (probably because of the dyspraxia) and it was honestly simpler *and* faster than writing it on paper and scanning it.

so at that point i was just kind of in the habit of using latex whenever i wanted to make a vaguely technical document Look Nice. math camp qualifying tests. final papers for technical classes in college. personal notes and reference sheets (i’m much more likely to study things if my study materials are visually appealing, i’ve found). i discovered that with practice it *is* possible to take class notes, live, in latex, and that if you send your ~fancy~ latex notes to your friends in the class they will love you forever. plus the extra Challenge made it easier for me to pay attention in class (fuck you, adhd).

thus, when i got into ficbinding my basic approach was “download a random latex book template -> modify to my own tastes -> consult stackoverflow if anything goes wrong” and it works pretty well for me, because i’m an extremely bullheaded programmer with a decade of latex experience. would i necessarily “recommend” it to a beginner? …not really.

anyway i hear you can use ms word or another word processor to typeset fic/danmei? lots of people in the ficbinding discord seem to be pretty successful with it, and @armoredsuperheavy’s introductory ficbinding tutorial goes into some detail (all of which i fully skipped) about typesetting in word. i can’t really provide any help here, though, sorry :(

otoh if you DO want to take the plunge and go latex or go home, i’ve found that overleaf provides some pretty good basic guides to latex syntax; if you want, i can also send you some of my latex source files and talk you through what’s going on with them. you’ll almost certainly want to use the “memoir” documentclass (not “book”), so hit up ctan and download the memoir documentation while you’re at it. personally i don’t use overleaf because i am physically incapable of using any text editor without vim keybindings; you might want to start there because the live preview is super helpful for a beginner, but i have NO idea what font support is like. if you’re not using overleaf, i recommend installing xelatex on your local machine, and if you don’t already have a text editor of choice, sublime text is free* and has some nice latex extensions.

*it will occasionally nag you to buy a license but you can keep clicking “maybe later” indefinitely

(someone recommended ConTeXt to me a while back, but i can’t remember who it was. that might be a friendlier option?)

actually, would anyone be interested in me writing up a more detailed Guide to Typesetting Books in LaTeX for complete beginners/cleaning up and posting my book template? (i am bad at modeling what “a complete beginner” to latex typesetting knows, but i will beta test it on a long-suffering @combat-epistemologist.)