<myself>
</loading>

a little thing
about me

People call me "sojon". I Code & Design Interface for the Web. I always try my best to make the best design quality to provide a good user experience.
I love to design clean and minimal user interface.

"i build things for humans"

92%

Front-End Coding

83%

Design Thinking

63%

Graphics Design

77%

Web UI/X Design

  • my work
  • responsibility
  • challenges
  • thinking
  • minimalism
  • happy clients
  • to smile
  • poor code quality
  • awkward design
  • politics
  • war
  • idle talk
  • too much eat
  • IE 9

Language skills

HTML

<nav class="rap_artists">

<a href="eminem.html">Eminem</a>

<a href="pitbull.html">Pitbull</a>

<a href="krizz.html">Krizz</a>

<a href="roddy.html">Roddy</a>

</nav>

CSS

nav.rap_artists a {

font-family: "scribble";

word-spacing: 0px;

letter-spacing: 0px;

white-space: nowrap;

}

SCSS

@mixin border-radius($radius) {

-webkit-border-radius: $radius;

-moz-border-radius: $radius;

-ms-border-radius: $radius;

border-radius: $radius;

}


.box {

@include border-radius (3px);

}

SASS

=border-radius($radius)

-webkit-border-radius: $radius

-moz-border-radius: $radius

-ms-border-radius: $radius

border-radius: $radius


.box

+border-radius (3px);



JAVASCRIPT (basic)

window.onload = function()

{

document.getElementById( "sojon")

.addEventListener( "click" , have_fun );

}

JQUERY

$(window).on("load", function() ) {

if ( $ (".morning").load() ) {

$(".sojon").addClass("coffee");

} else {

$(".sojon").addClass("sleep");

}};

PHP (basic)

<?php

$myself = "sojon"

echo "People call me" . $myself . "!" ;

echo "<br>" ;

echo "You also call me" . $myself . "!" ;

?>

XML

<?xml version="1.0" encoding="UTF-8">

<info>

<nam> sojon </nam>

<mail> hello@sojonEver.com </mail>

<phone> 01797533171 </phone>

</info>