45 devlogs
26h 10m 8s
a like timeline of apple products and their prices and stuff to help you compare the main specs to help with your next buy
Shipped this project!
same as last ship but fixed the major issue which was mobile screens. due to the graphics and simply the amount of text that needs to be displayed, i decided you cant view on mobile so i added a blocker that tells the user to zoom out or use a bigger screen to view.
smaller viewers cant access the site, they need to zoom out or pick a larger screen to view. this is because a large canvas is required to display the website properly
0
Log in to leave a comment
Shipped this project!
i made this website cos I’m getting a new iphone soon and i wanted something to help me compare iphones clearly and simply, apples compare page was massive with random things i dont even know about, this gives the important specs in a clear and simple format. i might ship later again with more features and stuff
finished all prices that i could, half of these cant get a price because they are too old
0
Log in to leave a comment
updated about page, should add more things later
0
Log in to leave a comment
I’ve decided to remove the currency localisation its too complicated
it will just be aud becase even with multipliers i found teh prices arent consistent, by hundreds of dollars, and i cant manually add all the prices for each device and all of its storage options etc
0
Log in to leave a comment
i do really like this panel. i think adding the border makes it visibly clickable. hopefully
0
Log in to leave a comment
you can click the price to show options and rough refurbished price
0
Log in to leave a comment
added an explainer and refined its style
1
Log in to leave a comment
Comments
i love the design of this modal, very cool
although, you should consider adding actual currency conversion instead of this multiplier thing
currency is now working and doesnt have any bugs (that I’m aware of) the user adds a multiplier to put it in their own currency to find out the rough price, which multiplies the aus price with that multiplier to get their currency. its too complicated to figure out this locale stuff and get and set currencies etc
0
Log in to leave a comment
fixed the bugs abotu scaling and hover stuff
0
Log in to leave a comment
… my currency is not pounds
these locale and currency things are really annoying
0
Log in to leave a comment
i have started to add price but that is going to be difficult becase some iphones arent being sold new anymore, some refurbished, theres many locales to deal with, storage pricing, etc.
0
Log in to leave a comment
alright i made it smaller and also fixed the layout bugs that came as a result of the card getting taller etc
now i need to add price (somehow for multiple countries - maybe i need to have it as a relative scale not absolute for each currency), and other filters, and other things
0
Log in to leave a comment
there added all this, nut now because theres so many things here the layout needs to be adjusted a bit so that the cards still fit. i need to make everything smaller etc.
0
Log in to leave a comment
fully removed all references to other devices, now I’m going to expand the information a little bit and add the actual features that will help with buying
0
Log in to leave a comment
after a very very long amount of torture I’ve decided that i can only do iphones because of the way apple’s source device iamges work, because teh iphones have scaling in photo while other devices have scaling set externally which would take me a very long time to replicate myself. so i will focus all on iphones.
0
Log in to leave a comment
starting work on the ipad info sections now
0
Log in to leave a comment
i refactored the repo to use as much shared code as possible and this is my detail page! so small yet has all the information needed. i could even dynamically create the routes for iphones and ipads etc later
0
Log in to leave a comment
this layout system is almost done, i need to fight with teh z-index a bit and then I’m done ill add more devices and properties
0
Log in to leave a comment
i have like a shelf thing to pin the stuff to compare phones emroe easily
0
Log in to leave a comment
alright i fixed that error and another one that was complaining. Next Image props are very coconfusing and have weird quirks about autosizing and apsect ratio etc.
0
Log in to leave a comment
trying to figure out a weird bug - iphone air only shows on localhost, and in prod it shows as 404. hmm.
0
Log in to leave a comment
ok i pushed to production and added https and git push production
0
Log in to leave a comment
ok its working now i need to deploy
0
Log in to leave a comment
ok got persistent popups working, now i need to make the last dragged one move to the top
0
Log in to leave a comment
it is now draggable, nice
0
Log in to leave a comment
trying to make it draggable, proving quite hard
0
Log in to leave a comment
added more images and did some refactoring and style refining
0
Log in to leave a comment
i think it looks nice now
0
Log in to leave a comment
i think tis nearly done, it doesnt explain what it does much yet
0
Log in to leave a comment
starting to make the home page now
0
Log in to leave a comment
better, i need to customise some values and annotate them with old, as it shows there
0
Log in to leave a comment
looking better, now I’m going to make it rows instead of these boxes cos they waste space
0
Log in to leave a comment
this close button really isnt centering
0
Log in to leave a comment
not done yet, but better already, I’m starting to style the specifics instead of just dumping everything in.
0
Log in to leave a comment
ah yes forgot to set z-index
1
Log in to leave a comment
Comments
like z-index:100000 lol
better
0
Log in to leave a comment
added progressive blur and also refactored so that its a bit more organized and ready for multiple device lineups
0
Log in to leave a comment
the text is laid out badly i know but i really like these backgrounds that are really subtle like a blur or glass and with a thin border
0
Log in to leave a comment
very ugly right now
0
Log in to leave a comment
i settles on no background for navbar, think its quite clean, and will be readable since the whole website will be exactly 100vh so there isnt going to be any content udnerneath it
0
Log in to leave a comment
ok the animated background graadients now work, I’m going to make teh namvbar better now then start eh content
0
Log in to leave a comment
currently trying to design the background gradient for something like teh new watchos tabview container backgrounds, and to make it animate when you change pages
0
Log in to leave a comment
finished most of the data for iphones, now i will make the ui home page, then the actual timeline for the devices
0
Log in to leave a comment
done these, i wont go all the way back until i finish the ui and the i can go and finish the models, and also add more properties
0
Log in to leave a comment
starting to make the schema and then ill start research the data in, shouldnt take too long because I’m getting trivial things
0
Log in to leave a comment