Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Comic Collection Database

Featured Replies

I'm the first to say this is nothing groundbreaking. Looking through some of the critiques made in the past few days have almost depressed me. Why can't I be you?

 

But I've been tasking myself with projects over the past few weeks to trick my mind into thinking it's clever, and hopefully make me a better person/coder.

 

The one I want to show you is a comic database, I've always had a thing for Batman, and I buy quite a few comics, but I read them, bag them up and put them away in a box, never to see the light of day again. This saddened me.

 

I decided to throw a few up on the walls of my house, and they look great, geeky - but great.

 

It wasn't enough, I couldn't frame them all, I was running out of space. So it dawned upon me that I could make a digital wall on which to hang all of my beloved comics.

 

Here is my wall - http://comics.lewishill.net

 

A few things to be aware of, before letting me know I'm doing it wrong.

 

This is almost like a first try, but I've always been following a tut or had help from someone who wasn't stupid.

 

The buttons when hovering over won't work, I posted this on facebook and someone kindly marked all the comics to "read". I think you for that, whoever you were.

 

Let me know what you think, good or bad, I can take it.

why does it need the hover buttons anyway? A person viewing the site shouldn't be able to Edit or Delete? or am I missing something?

 

Nice use of Comic Sans in the heading. I see what you did there ;)

  • Author

You're right. I won't skirt around the issue, I literally don't know how to lock it down so that only an administrator gets those options.

 

I get the principle;

 

if ($admin) {

// give me options

} else {

// no options for you

}

 

But I've never been able to pull it off, something to do with sessions blew my headspace.

 

I know full well I'm doing it wrong.

You're right. I won't skirt around the issue, I literally don't know how to lock it down so that only an administrator gets those options.

 

I get the principle;

 

if ($admin) {

// give me options

} else {

// no options for you

}

 

But I've never been able to pull it off, something to do with sessions blew my headspace.

 

I know full well I'm doing it wrong.

 

You will only need a log in and log out script for the sessions.

And a function that check if the session is set.

 

If you've trouble with writing it feel free to pm or email me.

 

Cheers ;)

Or, preferably, help out on the forum, that's what it's for ;)

  • Author

I would like to lock this down, I have another website developed for just me and my girlfriend to track how much money we've got in our piggy banks that would also benefit from this, currently I have a htaccess password applied to that subdirectory, not pretty.

 

I'll add the front end when I get home and we can go from there..

 

Cheers,

Lewis.

I like it, I can't really find anything I don't like about it, apart from the header/title (Lewis Hill's Comic Collection), I don't think it fits in very well with the style of the website, try changing the header font to the same font as you did on the list of links on the left, and I suggest removing the blue link/underline decoration :)

Great job

It's simple and works well. Looks good too, but one question: what are you using for the sorting?

What would be quite cool is if you used isotope.js and then you can get some fancy looking animations.

Just a thought but otherwise, really good, congratulations!

 

oh, one other thing. I realise the edit bar isn't meant to come up for the normal user and I'm sure you'll get it sorted, but, when you hover over the icons they turn black and, when the mouse comes off again, they don't go back to grey. Maybe that's intended but it just looked a little odd to me!

 

Good luck!

  • Author

Thanks for the kind words. The text at the top was meant to be a LOL when I did it, Comic Sans might be the most hated font across the intertubes, so I thought I'd throw it in there as an homage as it fit the theme of the website. I agree it does detract from the overall look though, and something more sleek will work better, so I'll swap that out shortly.

 

I'll look into isotope, currently it's being sorted with the MySQL, I sorted it by series, issue ASC.

 

I did briefly look into jQuery filters, but I probptly broke the whole thing and reset it.

 

The edit bar, this was really my first exposure to jQuery, and I wanted to just have a full opacity image (the buttons are black) but start it off at like 0.5 opacity (making them grey), when hovered over making them 1 (bringing them to black again) and on hover out, back down to 0.5.

 

Apparently the method I'm using doesn't work like that, it doesn't have a toggle.

 

Lewis.

With the reservations expressed above, I like it.

 

Except for the fact that you seem to be missing Knightfall/Knightquest/KnightsEnd. Bad Batman fan! No biscuit!

Edited by Renaissance-Design

  • Author

I might make a wishlist section and dish it out on Christmas and Birthdays.

 

Thanks for the comments.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.