I developed it with Gatsby and hosted it on Firebase.
I didn't used any themes, particular templates (beside the starter kit) or tools like Bootstrap. I developed everything from scratch, it's just Js and Css.
I had also a bit of more fun by including in this website two Web Components we have developed for DeckDeckGo respectively the slider and a component to lazy load external images.
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
Thx for the feedback, I'm really happy to hear that, specially as I just launched it 😃
It looks like we are really in phase, a friend of mine literally send me three days ago a msg telling me I should had a look to Publishing to dev.to from RSS 😉
If you implement something for that purpose I would be definitely be curious about the solution
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
I have implemented it and it is in use with dev.to. I used the gatsby-plugin-feed plugin since it’s made by the gatsby team and is relatively easy to set up. It’s worked pretty well so far although I can’t figure out how to create a media:content element into the xml to show an image for blog posts. I have it set up as an enclosure as a workaround for now.
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
The intro section is very bold, I like it! On the other hand, on mobile it took some time to figure out to "hover" over the different projects to see their titles.
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
My solution for mine is to just make it visible on mobile (mine has a semi transparent background so the image is visible but also the text). maybe a semi transparent solution could work for you on mobile.
I was also thinking on having no hover on mobile but displaying the title, which appears on hover on desktop, under the icon of the project which should for that reason become a smaller size or something like that...
Therefore your solution seems to need less css, so better ;)
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
I’m a full stack developer who has experience with several front-end tools like Reactjs, Vuejs, and jQuery as well as some back-end tools like PHP, Laravel, Node, and Express.
Location
IL
Education
AAS in Information Technology/Web Development
Work
Senior Software Development Engineer at Wizards of the Coast
Odd. Nope, I'm on Mac, like I said. Unreproducible bugs are the worst.
Changing 100vw to 100% for section.header seems to solve it for me. Something to do with the width of the vertical scroll bar not working well with 100vw maybe? Or whacking overflow-y: hidden; on the body to just nuke the problem away.
Thx for testing it again and even more for providing a possible solution, that's super cool, I mean I can't reproduce it so it helps a lot, really really cool 👍
So I've modified and deployed the section width from 100vw to 100%, if I may, could you retry and tell me if the scrollbar now doesn't appear in your Firefox?
Tried again in my Chrome, Safari and Firefox, for me same same, still ok
Funny coincidence, I just launched my website, portfolio and blog yesterday 😉
daviddalbusco.com
I developed it with Gatsby and hosted it on Firebase.
I didn't used any themes, particular templates (beside the starter kit) or tools like Bootstrap. I developed everything from scratch, it's just Js and Css.
I had also a bit of more fun by including in this website two Web Components we have developed for DeckDeckGo respectively the slider and a component to lazy load external images.
Of course, I published the code as an open source project: github.com/peterpeterparker/davidd...
I like this site a lot. Great job! I’ve been working on improving my RSS feed lately to use with dev and Mailchimp.
Thx for the feedback, I'm really happy to hear that, specially as I just launched it 😃
It looks like we are really in phase, a friend of mine literally send me three days ago a msg telling me I should had a look to Publishing to dev.to from RSS 😉
If you implement something for that purpose I would be definitely be curious about the solution
I have implemented it and it is in use with dev.to. I used the gatsby-plugin-feed plugin since it’s made by the gatsby team and is relatively easy to set up. It’s worked pretty well so far although I can’t figure out how to create a media:content element into the xml to show an image for blog posts. I have it set up as an enclosure as a workaround for now.
Sounds super cool 👍
Two positive feedback on the same subject in a week, that ain't something I should ignore 😉
Would it be helpful if I wrote a blog post about it?
It would be definitely interesting, I would read and like it for sure 😉
I'll make that my next post!
🚀👍
The intro section is very bold, I like it! On the other hand, on mobile it took some time to figure out to "hover" over the different projects to see their titles.
This is something that is also a problem on my site. I see it when I’m on mobile but forget to fix when I have the time.
Thx for the feedback. Yep agree with you, I still need to figure out a better design for the projects ":hover" on mobile
My solution for mine is to just make it visible on mobile (mine has a semi transparent background so the image is visible but also the text). maybe a semi transparent solution could work for you on mobile.
Really nice idea.
I was also thinking on having no hover on mobile but displaying the title, which appears on hover on desktop, under the icon of the project which should for that reason become a smaller size or something like that...
Therefore your solution seems to need less css, so better ;)
That also sounds good. It would prevent the image from being obscured, which is a good thing.
Done 😉
I went the way I explained above. On mobile no hover animation but the project's title displayed after its logo.
Thx for the brainstorming Tim 👍
No problem! Glad you got it solved!
I get a horizontal scrollbar on Firefox 68 on Mac. Don't think it's meant to be there 🤷♂️
Wtf really? In the main page?
Didn't faced that on my Mac with Firefox
Double checked, can't reproduce it with Firefox 67 and 68 on Mac. Are you on Windows maybe that's the difference?
Odd. Nope, I'm on Mac, like I said. Unreproducible bugs are the worst.
Changing
100vw
to100%
forsection.header
seems to solve it for me. Something to do with the width of the vertical scroll bar not working well with100vw
maybe? Or whackingoverflow-y: hidden;
on thebody
to just nuke the problem away.Thx for testing it again and even more for providing a possible solution, that's super cool, I mean I can't reproduce it so it helps a lot, really really cool 👍
So I've modified and deployed the section width from
100vw
to100%
, if I may, could you retry and tell me if the scrollbar now doesn't appear in your Firefox?Tried again in my Chrome, Safari and Firefox, for me same same, still ok
No worries. Just looked again and success – no horizontal scrollbar. And no other noticable effects from the change. 👍
Also, you may want to capitalise the languages listed on your about page.
Hooray 🎉
That was really strange, thx a lot for the support and help, really appreciated 👍
Could be a good idea, in any case I planned one day to rework that "about" section a day where I'll be a bit more in a "good writing mood" 😉