Discussion Forums  >  WebViews and HTML for Mobile

Replies: 22    Views: 408

mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
01/22/14 10:02 AM (10 years ago)

BT30 - Day 18 - beautiful header slider (HTML)

BT30 is my personal project to contribute to buzztouch: https://www.buzztouch.com/forum/thread.php?fid=2348BA49BA5737C92E3D9B5&tid=2348BA49BA5737C92E3D9B5 Day 18 - beautiful header slider (HTML) ------------- DESCRIPTION ------------- This is a very pretty HTML based slider that looks iOS like. See demo below, but looks great in mobile. Add your own images and add a nice header slide for your html pages in your app (if you have any)! A great addition to any app, and native-like sliding is a plus. This was given to me by Black White, (or now Thanh hoai). Thank you! ------------- DEMO HERE ------------- Demo here: https://buzztouchmods.com/downloads/SliderHTML/ ------------- DOWNLOAD ------------- Download here: https://buzztouchmods.com/downloads/SliderHTML.zip Hope this helps someone. Cheers, David.
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
01/22/14 10:18 AM (10 years ago)
Good stuff! Thanks, David!
 
chris1
Code is Art
Profile
Posts: 3862
Reg: Aug 10, 2012
Austin, TX
50,120
like
01/22/14 10:38 AM (10 years ago)
Very slick - would work well with my HTML Pro plugin I'd imagine!
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 10:40 AM (10 years ago)
Thanks guys. Yup @chris, would work beautifully with the HTML Pro plugin! David
 
NCbuzz
Code is Art
Profile
Posts: 575
Reg: Sep 11, 2013
Lillington, NC
11,100
like
01/22/14 12:18 PM (10 years ago)
Awesome. Thanks David! Going back to the drawing board, because I definitely want to incorporate this along with HTML pluhin into my current BT app in development. Checked out the demo on iPad1 iOS5 and iPhone5c iOS7. Works great in portrait, and the only small change needed for landscape on both devices is to centerr the top header image horizontally on the screen. (Currently left justified)
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 12:24 PM (10 years ago)
Yup noticed that, center tags will fix that. No problem mate! Enjoy, and best of luck on your app project. David
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/22/14 02:48 PM (10 years ago)
Slick! Cheers! -- Smug
 
ictguy
Aspiring developer
Profile
Posts: 564
Reg: Jun 17, 2011
Mildura, Austra...
15,840
like
01/22/14 03:11 PM (10 years ago)
Great stuff - thanks for the share. I'd think with a little extra CSS you'd get those slider images to resize across different viewports if you start with larger images. The "max-width" property should do the trick. http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design/comment-page-1 Cheers Darrel
 
Mr stuck
Android Fan
Profile
Posts: 974
Reg: Apr 09, 2012
Fife, Scotland
15,740
like
01/22/14 03:25 PM (10 years ago)
Awesome, thanks
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 03:51 PM (10 years ago)
@icct you're absolutely right! I'm glad everyone is liking this contribution. David
 
MacApple
Apple Fan
Profile
Posts: 4674
Reg: Oct 25, 2010
USA
61,140
like
01/22/14 04:26 PM (10 years ago)
Good man. Maybe extend this over February, March ....... A lot of folk have benefited already, looking forward to day 31 fireworks! Best till last? Of course you have. Good man.
 
Arubaman
Aspiring developer
Profile
Posts: 636
Reg: Oct 20, 2011
Akron
16,910
like
01/22/14 05:16 PM (10 years ago)
Good stuff, thanks again.
 
BlackWhite
Apple Fan
Profile
Posts: 4
Reg: Mar 23, 2012
location unknow...
40
like
01/22/14 05:33 PM (10 years ago)
Why you don't p/s this is html of my self ? i just send you html file to fix crash bug and don't help me nothing. and now you share like is your own
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 05:35 PM (10 years ago)
Hi Black White, Sorry I did not mention you in credits, I have added this to my initial post. Cheers. David.
 
BlackWhite
Apple Fan
Profile
Posts: 4
Reg: Mar 23, 2012
location unknow...
40
like
01/22/14 05:41 PM (10 years ago)
This is html use in my app Ha Long bay, if you want share to people you need contact to me you want share it before you public. Hope you don't do it another But I'm happy BT'er download and like it :)
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 05:46 PM (10 years ago)
Yes sorry Black White, that was completely my fault, it was some time ago and I had forgotten where it came from until I saw your name. It's of course NOT OK to take someone else's work and distribute it. ;) Thanks for the contribution Black White, very much appreciated, and many people will benefit from it. Cheers, David
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
01/22/14 06:39 PM (10 years ago)
Irony is karma's sense of humor. Cheers! -- Smug
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/22/14 09:38 PM (10 years ago)
@MacApple, it's BT30 not BT31! haha :-) I forgot to respond to you. For the best for last, unfortunately, it's just a normal one, I plan on giving up my best secret at BuzzDay San Diego - maybe I will post about it after the event? and for extending it.. there are only so many tricks I know! I have these prepared beforehand as I do not have much time to help contribute to buzztouch these days, at least not as much as I like, this is my way of giving back without spending too much time giving support on forums. David
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
01/23/14 07:56 AM (10 years ago)
LOL at the irony.... That slider is just this jQuery script below with some html added to the bottom. The source for it is here: https://iosscripts.com/iosslider/ There's a bunch of options you can utilize with the slider to change the look and the functionality if you check the documentation out. Thanks MrDavid!
 
MacApple
Apple Fan
Profile
Posts: 4674
Reg: Oct 25, 2010
USA
61,140
like
01/23/14 08:02 AM (10 years ago)
Laughing at last comment. Good man @ATRAIN53 - use a slider in my last app update that is pulled from the link you posted. Been biting my tongue. Still think it is cool of @MrDavid to put these type of things out there though. Helps people that maybe hadn't thought of it before or stumbled across these types of sliders. Credit. Teehee. @MrDavid - $50 and a t-shirt if you make it BT 365.
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/23/14 11:30 AM (10 years ago)
@keith 365 for $50!! that's like 14 cents per secret/thread! :p But point taken... I will try to see what more I can scrounge up for another BT30 next month, lol! @atrain, thanks for sharing that link, that documentation will go a long way to understanding its use, funny........... I'm loving this irony, although it was unintended on my end, lol! David
 
MacApple
Apple Fan
Profile
Posts: 4674
Reg: Oct 25, 2010
USA
61,140
like
01/23/14 11:35 AM (10 years ago)
14 cents a day!!! I can't afford that now that I think. Offer withdrawn. Happy Friday eve buddy. Is irony just like bronzy and steely?
 
mrDavid
BTMods.com
Profile
Posts: 3936
Reg: May 21, 2011
San Diego, CA
51,910
like
01/23/14 11:40 AM (10 years ago)
Damn! Should have taken the offer...! I think if there were levels of irony this thread would take steely by far, lol! Cheers friend. David
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.