intro, HTML, CSS, js

تایپوگرافی

فونت serif (که تو غار ها می نوشتند، واسه همین گوشه داره) هرچی مثلا در حرف O بین قسمت باریک و کلفت آن فاصله بیشتر باشد، اون فونت خیلی مدرن تر هستش

به صورت حرفه ای ، در یک دیزاین از بیشتر از دو فونت استفاده نمی شود.

به صورت حرفه ای ، در هر خط بین 40 تا 60 کاراکتر وجود دارد.

به صورت حرفه ای ، باید به نکات زیر در یک طراحی دقت کرد: (halaw)

1. hierarchy: make imortant parts of design more in the eye
2. alignment: make all of your elements intersect in more and more little points
3. layout: make texts not too wide or short
4. audience: for an m* iranian bazari website, it’s good too be KHAZ 🙂
5. white space: in a luxury store , they’ll put space around every product

تجربه ی کاربری (ux)

به صورت حرفه ای ، در یک دیزاین از بیشتر از دو فونت استفاده نمی شود.

به صورت حرفه ای ، در هر خط بین 40 تا 60 کاراکتر وجود دارد.

به صورت حرفه ای ، باید به نکات زیر در یک طراحی دقت کرد: (halaw)

1. simplicity
2. consistency: menu-bars should be same in all parts, reading patters (F-pattern or Z-pattern for example)
   
3. all platform design
4. audience: for an m* iranian bazari website, it’s good too be KHAZ 🙂
5. white space: in a luxury store , they’ll put space around every product

جاوا اسکریپت                                                               

در ابتدای امر تیمی که در netscapte بود تصمیم گرفت که برای interaction بیشتر با یوزر ها بیاد و یک زبانی رو در سمت کلاینت اختراع کنه و اونجا فردی به نام brendan eich این کار رو انجام داد و یک زبانی به نام Live Script طراحی کرد ، بعد از اون مایکروسافت اون زبان رو reverse engineering کرد و اسمش رو گذاشت JScript ، بعد از اون اروپایی ها این زبان رو standardize کردند و بعد از اونجا چیزی به نام ECMA Script شکل گرفت (european computer manufactureres association) و نهایتا چون که عبارت java اون موقع مثل blockchain امروز خیلی ترند و هات بود همه گفتن جاوا اسکریپت جاوا اسکریپت که نهایتا مد شد این ماجرا …

در کنسول google chrome می تونی فقط اسم یک variable رو تایپ کنی و اون variable همونجا مقدار currentش میاد تو خط پایینی.

ساخت عدد رندوم در جاوا اسکریپت

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate.

onst array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

Now that’s what I call a Hacker

 

An ex-coworker of mine has posted this gem to a russian bash.org, so I decided to translate this and steal all the credit post this to my blog under his permission.

xxx: OK, so, our build engineer has left for another company. The dude was literally living inside the terminal. You know, that type of a guy who loves Vim, creates diagrams in Dot and writes wiki-posts in Markdown… If something – anything – requires more than 90 seconds of his time, he writes a script to automate that.

xxx: So we’re sitting here, looking through his, uhm, “legacy”

xxx: You’re gonna love this

xxx: smack-my-bitch-up.sh – sends a text message “late at work” to his wife (apparently). Automatically picks reasons from an array of strings, randomly. Runs inside a cron-job. The job fires if there are active SSH-sessions on the server after 9pm with his login.

xxx: kumar-asshole.sh – scans the inbox for emails from “Kumar” (a DBA at our clients). Looks for keywords like “help”, “trouble”, “sorry” etc. If keywords are found – the script SSHes into the clients server and rolls back the staging database to the latest backup. Then sends a reply “no worries mate, be careful next time”.

xxx: hangover.sh – another cron-job that is set to specific dates. Sends automated emails like “not feeling well/gonna work from home” etc. Adds a random “reason” from another predefined array of strings. Fires if there are no interactive sessions on the server at 8:45am.

xxx: (and the oscar goes to) fuckingcoffee.sh – this one waits exactly 17 seconds (!), then opens an SSH session to our coffee-machine (we had no frikin idea the coffee machine is on the network, runs linux and has SSHD up and running) and sends some weird gibberish to it. Looks binary. Turns out this thing starts brewing a mid-sized half-caf latte and waits another 24 (!) seconds before pouring it into a cup. The timing is exactly how long it takes to walk to the machine from the dudes desk.

xxx: holy sh*t I’m keeping those

document.querySelector("h1").innerHTML = "GOOD BYE";
document.queryselector("h1").classList.add("invisible"); // or ....classList.toggle("invisible")

the task of converting an HTML file into the DOM is done by the browser (not by the javascript) when you load up the web page. and what it does is that it turns each of these elements and their assosiated data into a tree structue.

6 – how to play sounds