aleksandrhovhannisyan / aleksandrhovhannisyan.com Goto Github PK

The Pygments tool generates an ordinary CSS stylesheet. For maintainability, convert this to SASS using proper variable names and nesting to eliminate repetition.

Comments for https://www.aleksandrhovhannisyan.com/jekyll-table-of-contents/

Note: Please keep comments civil. Abusive comments will be removed.

• Tags should appear under each post's title, next to the reading length and date published
• Clicking on a tag/category should take the user to the respective page showing all posts belonging to that tag/category.

I misunderstood how canonical URLs are used, apparently.

The canonical page itself does not need to specify a canonical link to... itself :D

Comments for https://www.aleksandrhovhannisyan.com/blog/dev/what-are-cookies/.

Comment below :)

This post has now been archived:

https://www.aleksandrhovhannisyan.com/blog/archived/multiple-modals-on-one-page-using-html-css-and-javascript/

Hi Alexandr

I'm new to Jekyll so I might be doing things wrong on your copy to clipboard blog

1. I can only get the button to appear by enclosing

   <button
   class="copy-code-button"
   aria-label="Copy code block to your clipboard"
   data-code="{{ include.code | escape }}"

in div tags

 <div><button
  class="copy-code-button"
  aria-label="Copy code block to your clipboard"
  data-code="{{ include.code | escape }}"
 ></button></div>

2. I can't get the button to copy or to change state (i.e. toggle). Any idea what might be wrong?

Feature description

Create a walk-through blog post on how to change the light / dark color theme with the lamp icon, specifically how you implemented this:

Ideas you have for implementing this (optional)

Similar to your other informative and well written blog posts, it would be great to see how you implemented the style toggle.

Thanks for sharing

Summary

Hey Aleksandr! I stumbled upon your Formspree tutorial and found it to be very helpful for anyone else using Formspree for their website forms. I just wanted to let you know that Formspree now doesn't require exposing your email to create forms, if you sign up for a free account at formspree.io you can generate a custom endpoint and use that instead. There's more info here on the help docs: https://help.formspree.io/hc/en-us/articles/360056076314-Phasing-out-legacy-forms-email-URLs

Steps to Reproduce

1. Navigate to the following article and follow the steps in the tutorial https://www.aleksandrhovhannisyan.com/blog/add-a-contact-form-to-your-website-for-free-with-formspree/

Expected Behavior
That a custom endpoint ID is created rather than an exposed email address

Desktop (please complete the following information):

• All

Smartphone (please complete the following information):

• All

Additional context (if applicable)
If you need any help with updating this article let me know! Happy to send over a PR into the article itself 👍🏻

https://www.aleksandrhovhannisyan.com/blog/how-to-add-a-copy-to-clipboard-button-to-your-jekyll-blog/

Replace

https://jekyllrb.com/docs/configuration/front-matter-defaults/

Heya, I'm using Feedly and I have found your blog to be interesting. Does it have some RSS feed I could tap into? Thanks

Install and use a screen reader to see what the site experience is like for visually impaired users.

Use aria-label and more semantic elements wherever possible.

TODO: I often find myself resetting margins and padding manually on every element that needs it, but a simpler approach is to just reset it to 0 for all elements and apply them on an as-needed basis.

Google recommends using the webp image format for browsers that support it to drastically reduce file size and thus the amount of time it takes for the browser to render those images before they're first cached. Currently, webp is not supported for Edge, IE, and some other browsers but is supported by Chrome and Firefox.

Using cwebp: https://developers.google.com/speed/webp/download

And the picture element to serve alternative formats for Edge and other browsers that don't yet support webp: https://www.html5rocks.com/en/tutorials/responsive/picture-element/#toc-file-type

Comments for https://www.aleksandrhovhannisyan.com/blog/dev/sorting-ant-design-tables/

• Add self-contained post with content
• Add post preview card to the Blog page
• Optional: Use code snippets and a highlighting theme

I used the same code as on the website, but I have no idea where to insert my lines of paragraph cause if I type it under the header, It won't appear. Please help. I want to make a website...

Here is the HTML.
Sorry, I really don't know why it doesn't show the full HTML code. I typed

hello

Hello