What date is it?

No, really! Have you ever asked yourself, whether JavaScript handles time, dates and time zones?

It turns out that it does. And it does really well!

Check out some of the scripts that I coded today to play around with the Dates in JavaScript!

For example, JavaScript can easily tell you the correct day of the week for every date in the past or in the future.

Try this function at JSFiddle and pass it any day you like to test it:

Or JavaScript can count time for you. Let’s say you’d like to know the exact amount of time that has passed since the start of the current day.

Read more

Custom sharing buttons with long shadows

Today I’ve finally added my custom sharing buttons to the end of the posts. And they’re the color yellow—like sunshine! I hope you like them :). Now let’s learn how to make them.

The long shadows are being rendered with 100% CSS. Thanks to the social icons, which are not images but font symbols, the shadows are styled with multiple ‘text-shadow‘ attribute.

Read more

The very basic logic of script tag

I read documentation. Sometimes. When I desperately need answers. It happens all the time. So I read it a lot. :)

When you learn coding through practice, sometimes you learn it upside-down, but the most important thing is that you DO learn it.

Day 10 lesson:

While <script></script> tag is executing, the rest of the HTML page, which goes after it, waits patiently.

The logic behind it is very important. You can’t see or call any DOM elements, which are placed after <script> tag, because they aren’t rendered yet.

Read more

Sunday Zen

Great day to find out that Zen Coding exists.

Basically, it’s an editor plugin which mainstreams your code-writing. With Zen Coding, you can use abbreviations similar to CSS selectors, which it easily transforms into HTML code.

For example:

div#page>div.logo+ul#navigation>li*5>a

…can be expanded into:

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

I’m using it in WebStorm and Sublime Text but a lot of other editors support it too. Check out if your favorite one is ready for Zen. :)

• Documentation: Zen Coding. Thanks a lot to all contributors!