All geek questions in one place

How to create an element with a raised tab, like the one found on Instagram or Dailybooth using css / html

I am working on a webapp project with HTML5 / CSS. I would like to enable iOS style tab bar. There are several plugins such as iTabBar / BarTender / ... but I would like to enable a custom center button like Instagram or Dailybooth .

Are you using an existing solution? or ideas for achieving it?

in advance, thanks for your reply.

John

+4
source share
2 answers

I really did not find a ready-to-use solution, but I can recommend either using sencha or jquery mobile and checking out existing applications!

jQuery mobile example

and here are the apps for connecting sencha

These two structures require a completely different level of experience, and it will take some time to take the sencha approach (easier if you are familiar with ExtJS), but it provides a really solid platform that also provides a compiler tool to prepare for the market app for ios and android

also, if all you really need is just this toolbar, just think if it’s easy to do, just check how the built-in toolbar is implemented in any of these two frameworks, as this is a bit of a headache on the iphone.

0
source

Here you can find a very useful solution!

I hope you will like it

+2
source

Source: https://habr.com/ru/post/1412256/

More articles:


All Articles