#and then i learned that u need to get comfortable with html css and javascript to use frameworks with little confusion

[bf-rally]

okay finally colored this!

idk what the sites color theme will be, so the colors will most definitely change but for now we have a logo (ft. my oc A)

[anbroids]

hi!!! I loved ur hometsuck kids theme sm it made me want to go back into coding after so long(^^; I wanted to know how u learned it and if u have any tips for newcomers. Ty !!

oh holy shit this is ask is SO SWEET :,) thank you so much anon and i’m so happy to hear it made you want to get back into coding! we seriously need a tumblr theme renaissance. what i would give to see people coding and sharing/reblogging themes like the older days on tumblr. life could be dream.

i learned html and css from making my own tumblr themes as a kid! i think tumblr themes are literally such a good introduction into learning front-end development. BUT to be fair i also took a few programming classes and was a big coding nerd in school and that definitely helped me become a lot more comfortable with making themes from scratch and adding custom script. if you are interested in learning javascript, learnjavascript.online is a great source for starting out and getting some practice!

i think a great way to get your bearings is to look at some base themes and poke around at the code just to familiarize yourself with some of the tumblr-specific syntax. @theme-hunter has a great database of themes to look at with some tutorials for beginners compiled here. i think the best way to learn how div blocks function and what you are capable of changing is by playing around with preexisting code and seeing what you can create. i did this until i was comfortable enough to make a few base themes of my own from scratch that i can go back and reference when starting a new theme or coding project.

tumblr also has a list of their block elements online with some introduction to custom themes, which is helpful to reference when styling the features built into each tumblr blog like title, descriptions, posts, notes, etc.

as far as tips for newcomers, here’s a few things top of mind:

google is your best friend, seriously, i can't tell you how many times i am googling the most rudimentary of things because i'm always forgetting little syntax things. chances are, if there's something you want to achieve with code there will be someone on stack overflow with some advice, or a tutorial on codepen or w3schools that you can use as reference.

troubleshoot with inspect element! i usually build my code straight into the tumblr theme html and css on a sideblog, save, and then keep a tab of that blog open that i can refresh and inspect element to look for errors in the console. i think firefox works the best, but i would recommend always loading your blog in a few different browsers since there is css syntax that is specific to mozilla or chrome (eg. custom scrollbars or pure-css animations)

there are lot of browser extensions that can make the coding process easier! i recommend eye dropper for pulling and matching hex codes. i also use fonts ninja a lot for getting accurate weights and names for custom fonts. a few more that come to mind are window resizer and css viewer (chrome/mozilla) if you want to check those out!

happy coding!

[8bitbear]

what do u do, like as a job? (pls ignore if you dont feel comfortable answering)

im’ma digital marketer! specifically, i maintain a public-facing website for a large tech company (we’re b2b, not b2c, in other words we don’t sell products for regular consumers, we sell products for other businesses that are mutlimillion deals.... the slightest fuckup is really bad for us lol)

my main duties are updating our website, building landing pages specific for campaign activities (advertising/paid media, email, social, PR, sometimes organic, etc), and advising the marketing team members on what kind of pages/promotions to create for their content. i am also now managing new content publishers in the uk and india so i am busy training them and helping them out.

you would think... because we are a tech company... that our website would work.... YOU WOULD THINK................... but every day i go into work i DON’T KNOW what state the website is going to be in. we just discovered yesterday that all our videos weren’t playing on ios. they were working last week when we tested a major release to our production environment... why did this feature suddenly stop working??? WHEN did it suddenly stop working??? and it all happened before one of the biggest product announcements in our company’s history???? hhhhhhGGGG??

so basically in addition to day-to-day duties i’m constantly putting out fires by needing to custom code html/css/javascript to hack our own website To Make It Work. there is only one other full-time person who can do this (and he is moving on to other non-publishing projects) so a lot is falling on my shoulders these days. : ‘ )

the pros: my immediate coworkers are all awesome and i have a great manager and boss (and am frequently told that my work is appreciated), i get good $$ and benefits, i have learned a lot since i’ve started and developed a whole set of new skills, every day is different so i’m never bored lol

the cons: i’ve been averaging 10-11 hours a day for the last year or so and I Am Weak. it’s expected that you’re available when you’re home and on weekends -- doesn’t actually happen frequently but it does. i am also frequently doing work for other people... like, i’m NOT gonna make a page for someone and not correct their typos/bad grammar, anything that makes it on to the site that’s Bad is reflected on me to a certain extent :/ i gotta be the web police

[vkreatejaipur]

What is the Difference between html and html5?

In this article of VKREATE, we will learn difference between html and html5.Friends, if you want to go into the field of a web developer or website designer, then you should start learning Html. It is a basic thing to move forward in the field of web development.

By the way, learning Html Programming language is much easier as compare to Java, PHP, JavaScript, Python, C ++ etc.So to move forward in this field you must need to know Markup language like - HTML, XML etc. It is very important to learn.

If any person wants to become a web developer or design any website by himself, first of all he should know about HTML. A lot of people say that to become a web developer, you must have a computer related degree, but there is nothing like this, if you have the knowledge then the degree has no importance because not all companies provide jobs by looking at the degree.

What is the Difference between html and html5?

Let us discuss what is difference between html and html5 one by one so that you will get clear idea about both language and it will be easy for you all to understand.

What is HTML?                                                          

HTML is a Markup language, where the full form of html is "Hypertext Markup Language". Html is most commonly used in creating web pages.

The website you are reading now has also been used using Structure Html language. Hypertext and markup are two different terms, whose definition is as follows:

·        Hypertext links or combines two web pages within a single text. So that when a user clicks on that text, it will access it on the next web-page. Thus, the links available on web pages are called hypertext.

·        Markup language is used to create the structure of any web page. Apart from html, DHTML, XHTML, XML XSLT etc. There is also markup language. But Html is the most commonly used language

Features of HTML:

There are many common features of HTML, so let's look at all the features one by one to know the actual difference between html5 and html.

 It is easy and simple language which can be understood easily and can be easily modified.

It is platform-independent language meaning that it can be opened or run in any operating system.

This provides the facility to the programmer to make the web-page attractive by adding graphics, video, audio, images etc. to the web-pages.

This provides the facility to add link to the programmer in the web-page so that it can be easily moved from one page to another.

It is much easier due to the tag being defined in it.

HTML is not case sensitive language, meaning we can write the tag in capital letter or small letter, but it is usually written in small letter only. But some of the codes in this are case sensitive such as & nbsp;

 How to Learn HTML

To learn Html, it is most important to have knowledge of Html tags. Html has many types of codes. Which are called Html tag. Which tells Browser where and how to show the text written inside the tag in the web page. All these Html tags are already programmed in the computer.

That is why as soon as you give the command to the browser with the help of these codes, it immediately shows the language of these HTML tags and shows it in the web page. Although the list of Html tag is very long, but some basic tags which are basically used are as follows.

HTML Basic Tags

1. HTML tag - <html>

2. Head tag- <head>

3. Title tag- <title>

4. Body tag- <body>

5. Heading tag- <h1>

6. Paragraph tag- <p>

7. Line break tag- <br/>

8. Centering content tag- <center>

9. Horizontal line tag- <hr>

 What is HTML5?

HTML5 is the latest version of HTML that was published in 2014. HTML or Hypertext Markup Language is a language that is used to create a web page.

 Many people call HTML as programming language which is wrong. HTML is not a programming language but it is a language that identifies the meaning, purpose and structure of text within any document (web page).

 As you know, there are constant changes in the world of technology and things are being improved from time to time. Similarly, there have been many updates in HTML as well, the most recent version being HTML5.

Some Important features of html5

We are providing some feature of html5 so that u may know about the difference between html and html5. Some Important features are given below:-

1. DOCTYPE

<! DOCTYPE html>

Actually, did you know that this is not really necessary even for HTML 5? However, it is used for current and older browsers that require a specified doctype. Browsers that do not understand this principle will simply present the markup contained in standard mode. So, without worry, feel free to blow caution into the air, and embrace the new HTML5 doctype.

 2. Figure Element

Consider the following mark-up for an image:

<img src = "path / to / image" alt = "About image" />

<p> Image of Mars. </p>

Unfortunately there is no easy or meaningful way to add captions wrapped in paragraph tags with an image element. HTML 5 improves this with the introduction of the <figure> element. When combined with the <figcaption> element, we can now combine captions with their image counterparts.

<figure>

   <img src = "path / to / image" alt = "About image" />

   <figcaption>

       <p> This is an image of something interesting. </p>

  </figcaption>

</figure>

 3. No More Types for Scripts and Links

You probably still add the type attribute to your link and script tags.

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

<script type = "text / javascript" src = "path / to / script.js"> </script>

It is no longer necessary. It is implied that both of these tags refer to stylesheets and scripts, respectively. Thus, we can remove all types of type attributes.

<link rel = "stylesheet" href = "path / to / stylesheet.css" />

<script src = "path / to / script.js"> </script>

 4. Quote or do not quote.

. Remember, HTML 5 is not XHTML. If you don't want to, you don't have to wrap your attributes in quotation marks. You do not have to turn off your elements. Also, there is nothing wrong with doing this, if it makes you feel more comfortable. I have found it perfect.

<p class = myClass id = someId> Start the reactor.

Make up your mind on it. If you like a more structured document, then by all means, do it with quotes.

Read more feature here

Html 5 tags

The list of new tags included in HTML 5 is given below. These HTML 5 tags (elements) provide a better document structure. All HTML 5 tags in this list are given in alphabetical order with description.

Tag with Description

<article> this element is used to define independent piece of content in a document such as a blog, magazine or newspaper article.

<aside> states that the article is slightly related to the rest of the page.

<audio> It is used to play audio file in HTML.

<bdi> The full name of bdi is bi-directional isolation. It isolates a part of the text (which is formatted in the other direction from the outside text document).

<canvas> It is used to draw canvas.

<data> It provides a machine readable version of its data.

<datalist> It provides auto complete feature for textfield.

<details> It tells about additional information or controls required by the user.

<dialog> This defines the window or dialog box.

 <figcaption> This is used to define the caption for the <figure> element.

<figure> It defines self-contained content like photos, diagrams etc.

<footer> This defines the footer for the section.

<header> This defines the header for the section.

<main> This defines the main content of the document.

<mark> This specifies the marked or expanded content.

<menuitem> This defines a command that the user can invoke from the popup menu.

<meter> It is used to measure the scalar value within the given range.

<nav> This is used to define the navigation link in the document.

<progress> It tells about the progress of work.

 <rp> tells what to show in a browser that does not support ruby ​​annotation.

<rt> This defines the explanation / pronunciation of the characters.

<ruby> It also defines ruby ​​annotation with <rp> and <rt>.

<section> This defines the section in the document.

<summary> This specifies the visible heading for the <detailed <element.

<svg> It is used to display the shapes.

<time> It is used to define date / time.

<video> It is used to play a video file in HTML.

<wbr> This defines possible line break.

Difference between html and html5  

HTML's full name is "Hypertext Markup Language" while HTML5 is known as "Hypertext Markup Language Fifth version".

 HTML is the first and first version of all its types, used in the creation of various websites while HTML5 is the fifth version of HTML which was introduced in October 2014.

 Only primary tags are available in HTML whereas HTML5 has a repository of tags, ie Variety has tags.

 The complete code of HTML can be written which will also know the basic of computer languages, while HTML5 is currently in progress and various additions are being made, for which it is necessary to have mandatory information.

HTML codes are error free while HTML5 may contain some errors.

All browsers support HTML code but not all browsers support HTML5 code.

There is also a difference in the way these two work. The body of HTML5 consists of two articles whereas normal HTML has two post options instead.

 Vector graphics is a core part in HTML5, while some technologies have to be used to use them in HTML.

 It is not possible to determine the exact location of the person using the website at any given time using HTML, while the current status can also be determined on mobile devices via HTML5.

Summary

So hopefully, by now you must have known detail information about difference between html and html5.If you like this article on difference between html5 and html please share this to your friends so that they can also learn this.

Read More: Ping Submission and Factor of SMO