Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Search - "image gallery"
-
Just a heads up since sometimes these things get missed on new devRant version releases: you can now download images attached to rants by tapping on the "share" icon on the top right of a rant and then selecting "save image". The image will be saved into the gallery on your device.
We've also improved Facebook and Twitter sharing.
Let us know if you have any questions!3 -
Fellow Dev: the clients are requesting a gallery on their website with functioning modals.
Me: okay cool
So for the record, I'm new to front-end and I've got quite a lot to learn in JavaScript.
*I googled as much as I could and I made a proper functioning gallery in 2 full days of coding*
Him: okay, so this is great but they aren't really digging it.
Me: *sigh* yes, so what do they want?
Him: have you seen how an image opens in Google images? Like you click on one, the image opens while the rest of the content shifts down?
Me: um... Yeah?
Him: yeah, so they want that.
Me: ... *Scoops the web trying to figure out how Google does it*. Dude, I can't find anything close to it and I've still got a lot to learn. Idk how to do it.
Him: well, you're being paid for that. So, you better do it.
Me: 1000Rs ( approx. 14.58$ ) isn't called "being paid". Gimme a break here.
Him: You're a novice rn.
Me: why don't you do it?
Him: I'm your boss.
*Sigh* (he indeed is my boss)
Him: deal with it.
Me: FU........C.....*suddenly I realized how it's done* OH OH OH OH I just got it, I just got it!
(I actually make something like that)
*Lol yay*
That's just my best story of a fight. Lol.5 -
Apple you drove of delusional suckers! When will your retarded fashion devices finally support WEBP?!
A gallery page with images, and thanks to WEBP, it's 408 kB. Because Google made WEBP and handed out a well documented CLI FOSS compression tool that even can convert the source PNGs to lossy WEBP with bloody transparency. Well done, Google!
Except that Apple's shitty management can't take it that Google actually made something nice, so no WEBP. Instead, JPEG-2000 that enjoys nearly no fucking tool support. The free tools that even can deal with that mostly don't support transparency, and the encoder sucks donkeys so that JPEG still fucks JPEG-2000 big time.
So it's JPEG with matching background for iOS. Fine, but since JPEG's blocky artifacts are much more visible, the compression can't be that high, and it's 769 kB. That's 88% more image data for Shittari than for non-retarded browsers and even Edge! EDGE!!
Oh and if the user changes light/dark system mode according to surrounding light conditions, guess what happens? Yep, since JPEG doesn't support transparency, now it's different JPEGs with dark background via the media query in the "picture" element, and it's another 754 kB download. Bloody 1523 kB instead of 408 kB, that's a factor of 3.7!
Fuck your ass Crapple, with an electric eel!19 -
Let's make this interesting.
My phone crashed recently, and restored my wallpaper to default. This is inconvenient because that image is no longer on my phone, and I don't have any wallpapers currently in my gallery.
Therefore, the most upvoted image in the comments will become my wallpaper.26 -
relative: can you help me with my website?
me: ok, what do you need?
them: okay, i have this wordpress homepage that someone made for me and actually, when you go to my image gallery, i only want a simple "back" button that leads to the main page. but i cannot add it via wordpress functionality.
me: okay, i'll make you this button in under 10 minutes, given it doesn't require any fancy design. but i have no experience with messing with wordpress so far... let me check what their templates look like
(after 1 hour): wtf is this mess 😭
...since they only had their production website, i didn't dare to change anything and told them they best hire that dev again 🙈9 -
When I was really new to JavaScript, I wanted to create an image gallery with images which I stored in a MySQL database. Well, I did not really had a clue how to load all the image sources into my JavaScript to load the images. I also didn't know much about fetching an endpoint of my website to get the data asynchronously.
I also wasn't a good database architect at that time and my database had an image table wich was for the gallery. Within this table there were multiple columns for one image slider (there should be multiple sliders on one page in the gallery (I know... 🤢)).
So I ended up writing an PHP loop wich printed Javascript loops for each row in my images table. Within my JavaScript loop I created the sliders and set the images.
In my defense I can say: It worked. 😅
It hurts to remember this. And I hope you won't judge me.2 -
It’s just me or copy-past options in DevRant app appear with Kanji? Why? Even if I open my photo gallery to attach an image, the “OK” option appears with Kanji 😞I select the text and “copy” at my own risk.13
-
Tl;dr: I'm a shitty PHP programmer, but even a shittier JS programmer.
I made a whole image upload system which has an elaborate login/sign up facility, checks the dimensions of an image, it's size, checks if it's broken, compares it to previous uploads to prevent duplicates, take comments, sorts them per user and stores it efficiently in a db and accesses it using PDO, not mySQL, displays it as a gallery, and even lets the users transfer images amongst them.
But I can't make a simple shopping cart in js.
Why? Just, why?3 -
Some image viewers on smartphones let the user delete photos and videos by swiping them off the screen vertically. This causes the risk of it happening accidentally. Someone must have thought this is a smart idea.
If a gallery application has this anti-feature, I will immediately stop using it and install a third-party one without swipe-to-delete.4 -
WHY does Shopify not give you any information about the image files used? In ANY other platform, if you go to the managed photos section, they would have some sort of indication that the files that were currently used in the store / theme. Shopify doesn't even allow you to search for photos that are currently used!
This is super problematic when you have clients that want you to keep altering photos, and you have 10 images uploaded that look almost identical. The thing that shits me is that you CAN'T EVEN SEE THE FILE NAME on the Shopify "customize" section in the theme editor. When you click on a photo, instead of giving you any useful information, it just takes you to the image gallery and doesn't even highlight the currently selected photo!!! And again, the manage photos section, there is no "status". How the f*** are you supposed to know what image is being used if there isn't a visible status? Also the search feature is a joke. Their "advanced" search has fields that are file size. lol. NO ONE would ever search for an image by file size. Put something useful on there, like a status.
As a developer, I am furious. The fact that I can't easily work out the freakin file name that is being used on the homepage of the Shopify storefront is... baffling.
Also their documentation is shit and it is lies.
bye. I'm mad -
Bug: attach an image to a rant, then remove it and tap add image again.
Gallery opens, devRant crashes behind
Oneplus 3T, android 8, there's no update available in play store...6 -
Hella again,
Today i started to work on a new website for one of my friends wich is a photographer, i am quite a beginner and i would like to know what you will you guys recommed as library or language .. i am trying to make a image gallery but i want to make it a bit fancy 🤔7 -
Why, Google? WHY?
My wife was annoyed, that her android image gallery showed the images she has sent via telegram, but not the ones, that she had received.
Stupidity no. 1: telegram puts received pictures into Pictures/Telegram on the internal memory. It seems like the default gallery apps don't take nested image-containing directories. As Pictures only contained the default Sony dummy images I moved them away.
Stupidity no. 2: both the receiving and sending image directory of Telegram is named "Telegram" and guess what... Android does not like that. Only the first ist shown (sent images).
Stupidity no. 3: to work around that, I installed the emulated shell to make a symlink named "Telegram-Received". Aaaand that requires root access.
Goddammit Google! She just wants to see our couple selfies that I sent her in her gallery!6 -
It seems to me that we all keep posting the same images (normally geeky tech humour) or how programmers are seen by others etc... would it be useful to have an image gallery on devRant so that we can all post into it, lets face it we all love to see them. might stop the same images being posted over and over again .... Would have to be moderated though !
what do you think @dfox ?? -
Is an art director/manager that makes designs for an existing website expected to brief the developer on how he wants his new designs to work? Or is the developer expected to innately understand what his functional desire is from the design itself?
My art director/manager claims that he shouldn't have to log into the backend to see how things relate to one another, and that his designs alone should imply what is intended.
When some design element overlaps an existing image gallery, am I expected to magically know whether this element is singular or partaining to the current image shown?
I want to know whether or not me getting mad at him for not telling me how he wants stuff to work is valid, and whether or not I should demand that he briefs me how his design relate to existing taxonomy.
Am I the bad guy?4 -
I have a question about modeling a UI to code
Lets say you have a UI finished
Now you need to model it to code
For simplicity ignore functionality just focus on designing the model classes
For further simplicity Imagine that the UI is grouped into material cards.
Lets say the UI of the User Profile Page looks like this:
1) HEADER
- user profile banner
- user profile image
- username
- first and last name
- total posts
- total likes
- button to add to favorites
- dropdown to report user
- button to share profile
2) BIO
- short description
- user birthday
- location
3) ANNOYNCEMENTS
- "X% off on Y"
- "going live at X:YZ"
- etc
4) GALLERY
- group of images posted on profile timeline
5) TIMELINE
- text/video/audio
- number of likes on post
- user profile image
- username
- user first and last name
- post date
- etc
---
Now im having a mixed feeling what is right thing to do. In my User model i have a date of birth field among other fields as well as profile image url to s3 bucket. This means that i already have half the information for HEADER card from User model, but now i would need to create a Profile model to fill in the remaining fields.
Especially for BIO card:
- short description (Profile model)
- user birthday (User model)
- location (Profile model)
Is this weird? Mixing data with 2 models on 1 page on 1 or multiple card sections?
This feels messy to me and as if im gonna hit a wall if i continue long enough like this. A better solution to me is to have a Profile model handle everything on the Profile page and be able to cover all cards and fields on each card. But this doesnt seem like a realistic or possible way to do it since specific fields are required for User model.
Am i overcomplicating and overthinking this shit?
Tell me is it normal to mix 2 or more different models to show data in 1 card on 1 page or how would you suggest doing it better?6 -
So I was playing around with JS inside of QML (Qt). I wanted to turn a number into a string and then modify individual chars based on certain criteria. Then I would convert back to a number. Should be simple right? Well JS would not let me write to the indexed element of the string. What the actual fuck? I need to drop to C++ to do actual string manipulation? I ended up looping the string and turning it into an array and then a join back to a string. There is probably a better way to do this in a more modern version of JS, but I am now starting to see why JS is a pariah on here. It has some quirks that make you question your devlife choices.
What was I working on? Some stupid crop circle thingy. I was trying to use the QML Canvas to draw some "simple" crop circles. So I started with this crop circle:
https://plus.maths.org/content/...
The result ended up being kind of a swirling crop circle thing. The static image was too boring:
https://imgur.com/gallery/900hogf
And yes, I was too lazy/cheap to license the screen capture program.7