CodeMecca's profile picture. Visually representing tech lingo and knowledge for non-techies

Code Mecca

@CodeMecca

Visually representing tech lingo and knowledge for non-techies

Strip Chain’s DOPE Activation in Seoul Korea - Korea RoadShow! Excited to see how StripChain will open up web3 world to regular web2 users! Leeet’s Gooooooooo! @Stripchain #stripchain #stripchainkr


Stripping web3 lingos to make it friendly for web2 users @Stripchain #stripchain #stripchainkr


Code Mecca 已轉發

Here's a 1-min video of ETH Toronto Hackathon and Futurist Conference. Thank you to the organizers for putting this together! @eth_toronto @futurist_conf @untraceableinc @crypto_chicks @ethereumdenver @ethereum


In HTML, the title usually will be contained in <h1> tag. <h2> or <h3> for subheadings Content is the paragraph #html #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. In HTML, the title usually will be contained in &amp;lt;h1&amp;gt; tag. 

&amp;lt;h2&amp;gt; or &amp;lt;h3&amp;gt; for subheadings

Content is the paragraph

#html #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

In HTML, heading(h1 to h6) tags are used for titles or section headings. The body tag contains the content. #html #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. In HTML, heading(h1 to h6) tags are used for titles or section headings. 

The body tag contains the content.

#html #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

You use an array when you need to store many variables of multi data types #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. You use an array when you need to store many variables of multi data types

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

An example of an object could be a person while the properties are first name, last name, height, age...etc. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. An example of an object could be a person while the properties are first name, last name, height, age...etc.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

Variable is used when you want to store a value. Different kinds of value will require different variable types. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. Variable is used when you want to store a value. 

Different kinds of value will require different variable types.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

In CSS and HTML, there’s a relationship between elements called the parent/child relationship. In this example, element A is the element of element B and C, which means element B & C are the child of element A. #webdevelopment #coding #visualize Graphic by: @bernardolin0524

CodeMecca's tweet image. In CSS and HTML, there’s a relationship between elements called the parent/child relationship. 

In this example, element A is the element of element B and C, which means element B &amp;amp; C are the child of element A.

#webdevelopment #coding #visualize 

Graphic by: @bernardolin0524

Logical operators are used when comparing two conditions. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. Logical operators are used when comparing two conditions.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

Comparison operators are used to create conditions and compare two variables. Another operator, “===”, means the data type between two vars need to be the same. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. Comparison operators are used to create conditions and compare two variables. 

Another operator, “===”, means the data type between two vars need to be the same.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

There are infinite loops and time loops. The while loop here is an infinite loop because num never reaches 3. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. There are infinite loops and time loops. The while loop here is an infinite loop because num never reaches 3.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

When you need to repeat something, you use a loop and wrap it around your code. #concept #webdevelopment #coding #programming #visualize #learning #free #basic Graphic by: @bernardolin0524

CodeMecca's tweet image. When you need to repeat something, you use a loop and wrap it around your code.

#concept #webdevelopment #coding #programming #visualize #learning #free #basic  

Graphic by: @bernardolin0524

The effect shows what the transition code shown above will do. Check previous graphic for default property value #css #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. The effect shows what the transition code shown above will do.

Check previous graphic for default property value

#css #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

Transition in CSS is often used for changing property values smoothly. #css #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. Transition in CSS is often used for changing property values smoothly.

#css #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

These are some websites that you can use to practice CSS flexbox concepts #css #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. These are some websites that you can use to practice CSS flexbox concepts

#css #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

Don’t ever start from 0 when there are already tools for you that can instantly help you save loads of time. CSS framework provides stylesheets for front-end developers to quickly create a user interface #css #webdevelopment #coding Graphic by: @bernardolin0524

CodeMecca's tweet image. Don’t ever start from 0 when there are already tools for you that can instantly help you save loads of time. 

CSS framework provides stylesheets for front-end developers to quickly create a user interface

#css #webdevelopment #coding

Graphic by: @bernardolin0524

Don’t ever start from 0 when there are already tools for you that can instantly help you save loads of time. Icon libraries provide front-end developers icons, for them to choose and personalize their website with. #css #webdevelopment #coding Graphic by: @bernardolin0524

CodeMecca's tweet image. Don’t ever start from 0 when there are already tools for you that can instantly help you save loads of time. 

Icon libraries provide front-end developers icons, for them to choose and personalize their website with.

#css #webdevelopment #coding 

Graphic by: @bernardolin0524

Different style properties have different functions. By changing the property values and its styles, you can customize your website. #css #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. Different style properties have different functions. 

By changing the property values and its styles, you can customize your website.

#css #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

The code with higher priority will be executed while lower specificity codes will be overridden. #css #webdevelopment #coding #programming #visualize #learning #free Graphic by: @bernardolin0524

CodeMecca's tweet image. The code with higher priority will be executed while lower specificity codes will be overridden.

#css #webdevelopment #coding #programming #visualize #learning #free 

Graphic by: @bernardolin0524

Loading...

Something went wrong.


Something went wrong.