Hey gandalf,
excellent point, I’ve been fighting with this for two days now, I’m working on making it fully responsive.
Where does the text overlaps with the DL button? I mean on a phone, tablet, or…?
Thanks,
Michael
Hey gandalf,
excellent point, I’ve been fighting with this for two days now, I’m working on making it fully responsive.
Where does the text overlaps with the DL button? I mean on a phone, tablet, or…?
Thanks,
Michael
Thanks for the tip! the possibilites are awesome, I need to look into that!
I’m a bit afraid though about the thumbnail size, if there were four. Even now, I feel its quite small What do you think?
Mhh, still with CSS on mouse hover you could create an effect that enlarge the images at a bigger size.
Just check how I did it here:
Just mouse hover there on my avatar and you’ll see.
Optionally you could make the right-navbar invisible (visible on click) and then use the current size that you have for images but with 3 images per row.
That’s a great idea with resizing the pics on hover! I could possibly make three a row, with the resizing and still keep the right bar, you think that could be a solution?
Sure! What you prefer!
For that effect you might add this code for the images thumbs in home:
.css_class {
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0); /* if you want the shadow effect */
display: inline-block;
transform: translateZ(0px);
transition-duration: 0.2s;
transition-property: transform;
vertical-align: middle;
}
.css_class:hover {
transform: scale(1.85);
}
desktop. I’ve not tried other devices.
Thanks a lot! Although I’m a bit confused, don’t have the same experience, which browser do you use?
Michael
Using Firefox, for me it’s only between the “wide enough” and “narrow enough”
It’s only in my main browser that I get the overlap problem. Given that it’s a beta Chrome/Opera derivative I guess it’s my browser. I’ve tried it in Chrome, Opera and Vivaldi and I “only” get the problems Mitt identifies above.
Thanks a lot, working on it right now! Will post an update ASAP.
BTW where does this exactly show up? I checked it out in FF and works alright for me.
Alright, thanks for the info, I’m glad that’s not an issue anymore.
I’m open to any other ideas/comments/critics, so let a rip!
It happens for me using Edge too.
Granted most probably won’t change their browser width, and it will only be noticeable to those that land on the page at that middle range.
If you have Chrome. dev tools shows the pixel width and you’ll be able to get the numbers to use.
Or maybe making the container inline-block would help.
Wow, thanks so much Mittineague! You shouldn’t have gone through all the trouble, but the view of the error is amazing!
I need to find a way to actually get rid of that once and for all…
It might not work, but it would be bit easier than doing a media query. At least worth a try. i.e.
a.download-button {
display: inline-block;
}
Tried it but I can’t see the difference, so if you’d be so kind and have a look.
Also I’d be happy for even more comments/ideas/critics towards the site or the photos.
Thanks,
Michael
Just added some more photos, would love a comment about that. Would you use the photos? Do you think, they’re useful? Is there something you dont like about them?
Thanks a lot,
Michael
picnshot.com
Two points I’d make about the site.
Firstly, I’d recommend separating your pictures into categories. The more images you add, the more important I think that will be. At the moment, they seem very haphazard, with no logic to the arrangement, and as such makes it hard to browse.
I also found it slow to load. The page renders without images, then they pop in one by one, and the page jumps about while this happens. It’s not a pleasant experience.
Great points, thanks a lot! But the first point isn’t entirely true. In the top menu, there is a category link. All the images are sorted into categories.
Thanks about the speed issue, I’m going to look into that asap, it’s pretty important, exactly the way you say!
Michael
Sorry - I missed that completely.
But what I meant was that the images are presented in a kind of random order on the page:
Perhaps if each had a “see more images in category” link next to it, it would be clearer both that these are intentionally just a random selection, and also that there are categories to browse. I saw the large “tag cloud” but not the category link, although I was looking for one. Perhaps I’m just less observant than the average visitor…
No I think you’re right, it should be more visible. The photos are sorted by date. Since the idea of the whole thing is → one new photo/day, that means it’s sorted from the oldest to the newest.
Maybe a link to more photos in the categories is a good idea, thanks a lot!