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.

Been working on this...

Featured Replies

Hey,

 

I've been having some fun creating a sliding site for my hobby - B-Boying/Breakdancing.

 

I'm sure that what i have done is not all all SEO friendly or the right technique but i quite like the result... i.e. the horizontal slide effect. it also works pretty well on the iPad.

 

A couple of things need to be done still, such as replacing one of the background images, working a bit more on the responsive side of things and the profile image!! etc, etc...

 

Anyway here it is but still in the early stages : http://www.bboyrival.com/

 

Please let me know what you think and any suggestions would be much appreciated...

 

Thanks,

Very nice site :D Took a while to load, but that's likely my connection.

 

What's the significance of providing your waist measurement? Forgive my ignorance, but I don't dance 'full stop' so curious why you added that. Perhaps the other details too...

 

Overall, good looking site, nice structure on the surface (haven't delved deeper). Must admit, I didn't like the sound effects on hovers. Sounded like when my wife tuts at things I do ;)

  • Author

Lol... thanks 4li4s.

 

Yes... i totally agree! The sounds are really annoying me too! I will be changing them to a deeper, kinda swipe sound that will be more subtle and less annoying! I'm possibly gonna use this site for my future portfolio so i wanted one site to have sounds to show that i can do this if need be. I know alot of people find them annoying but I like sounds if they are done right... reminds me of a playstation game i guess.

 

The profile info is there for video projects. Alot of the time TV/video producers would like to book a specific person/profile. They also need to know costume sizes for some bookings so this just covers all that.

 

I'm thinking of having a profile pic with no background that rotates on hover. Hoping this will bring a 3D dimension to the site. Gonna have a look for a plug in that does this when i have time... if anyone knows of something like this and would like to share... please do!

Edited by danieljoseph

The overall execution isn't too bad, I'm in the same boat as 4li4s though with the time it took to load the site… what kind of loading methods are you using?

 

From a user experience point of view you may want to look into some lazy load techniques that could help to speed the site up and also the site also wants to completely reload if I click on the logo in the top left to return to home. I think the addition of a button to close the video/profile wouldn't go a miss either as it isn't obvious that you've to click the video/profile links to close the pop ups :)

  • Author

Hey

 

Thanks for your feedback. I'm looking to sort the load time out. It is mainly to do with the background images. I'm going to resize them as much as i can without losing too much quality. I was a bit reluctant to do this as i was concerned that they would look terrible on larger screens.

 

Bobby - I would ideally like the Profile Info slide in div to slide back out when the user clicks outside of it. Gonna be working on this to make it more user friendly.

 

Dap - thanks for the link.

 

I've also had a go at 3D animation! Its been fun but needs refining... check out the profile info image if you have a min...

 

Thanks for your time guys.

Edited by danieljoseph

  • Author

Hey Dap

 

Glad to hear the background images look ok on your 27 incher.

 

Thanks for that Kraken link, that will be really useful for this and future projects.

 

Slowly getting the size of the site down... without effecting the quality! :)

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.