Skip to content
OverviewSolutions
23
Comments
11

Darionas

@DarionasLithuania/Norway370 points

Hi, I’m Darius. Programming makes me curious. I write code behind the scene, and later I can see result on browser. Not always proper result appears, but it involves me to solve it. Coding is like an art, the same result can be achieved in different techniques and tools.

I’m currently learning...

* Currently I am learning Angular

Latest solutions

View more solutions

Latest comments

  • P
    Deepa Subramanian•200
    @sdkdeepaSubmitted 2 months ago
    What specific areas of your project would you like help with?

    Can anyone let me know if we click dismiss message how it can go back to the main screen. how do I handle that in javascript?

    Solution - News letter signup

    2
    Darionas•370
    @DarionasPosted 2 months ago

    Hei, Nice work. You can look to example and solve you stack: https://github.com/Darionas/newsletter-sign-up-form-with-success-message

    Happy coding!

    0
  • Stephen Ikuomola•590
    @stephenikuomolaSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I was happy to have completed the project, although the way I solved it was not the way I initially set out to do it.

    What challenges did you encounter, and how did you overcome them?

    My ideal approach to this project was to use the fetch() API, but unfortunately, that did not come to fruition because the Parcel live server was just not loading the data I needed from the local JSON file. However, with VSCode's live server, it was not an issue. I ended up using es6 imports to get the data from there.

    What specific areas of your project would you like help with?

    I would be happy if someone could help me figure out how to fetch or load local data using the fetch() API when working with a parcel live server.

    I would also like any suggestions as to how I can improve my code.

    Expense Chart Component | Built using HTML, CSS, and JavaScript

    #accessibility#bem
    1
    Darionas•370
    @DarionasPosted 4 months ago

    Hello, Nice piece of art. How to fetch data localy from you root folder - you can look to my app.js file on GitHub https://github.com/Darionas/expenses-chart-component-main

    Happy coding ;)

    0
  • Darionas•370
    @DarionasPosted 12 months ago

    Hey, You have made excellent coding. I like you peace of work. But you should follow accessibility pattern. *There should be header, main, and footer on the page. *In one of the mentioned elements must be just one h1 element. *As links navigate to another view, <a> element should be used as a button element.

    Happy coding ;)

    0
  • Darionas•370
    @DarionasPosted over 1 year ago

    Hey, JakMiro!👋

    Congratulation on completing this challenge. 🎉

    Here are some suggestions:

    • Page is not fully responsive. If you open Web developer tools on browser and check on 280 x 650 device size you will see that your page is out of screen.
    • It will be good practice to have Readme.md file. It will be good introduction to your repository. How to use Markdown, which tools to use: online editor or regular code editor.
    • Instead div's use semantic elements for accessibility (header, nav, main, aside, section, footer), because of people diversity. Disable people will be able to use your page.
    • On page must be at least one h1 heading. Sometimes it makes sense to add content just for screen readers (hide heading). This is such a case. A common practice is to use a CSS class .sr-only, where sr means screen reader. For that heading set class 'sr-only', and on CSS file hide it. It is a matter of accessibility.
    • If you add a decorative SVG image with the <img> element, you must add an empty alt attribute (on icon-music.svg image).

    I hope this helps. Happy coding! 👍

    0
  • Darionas•370
    @DarionasPosted almost 2 years ago

    Hey, j-ferber. You have done god job. It works for mobile layout god as well. But there are same points for improvement:

    • Instead of '<h1><h2>Improve your front-end skills by building projects</h2></h1>' two headings in one declaration, use just one h1 heading. One h1, two h2, three h3, more than three h4 and so on headings, per page. It is as rule.
    • img element must have alt attribute.

    Happy coding ;)

    0
  • Darionas•370
    @DarionasPosted almost 2 years ago

    Hey. I like it. One think especially 'desktop-design-breakdown.jpg'. Could I borrow this method from you?

    Thanks in advance. Happy coding ;)

    1
View more comments