Touchpad Browser and CSS3 shadows

pattyland · 01/28/2013, 04:30 AM

Hi there,

I'm working at a replacement for the HP Pivot for the Touchpad at the moment, and the webOS browser is

There are many features that don't work, but there is one thing that is driving me crazy: Shadows. They even look better in IE6 (It simply ignores them) than in the bundled Browser, which simply spreads them all over the place. For an example take a look at my homepage...

Any tipps for my CSS or a patch?

Greets pattyland

geekpeter · 01/28/2013, 04:42 AM

not skilled enough for any tips but ill throw in a thumbs up for anything you rattle off to make a working useable pivot.

GMMan · 01/28/2013, 07:17 AM

Watcha using a browser for? Each page can be made with Enyo or an image.

pattyland · 01/28/2013, 09:14 AM

@GMMan: This is more a general question; There are many sites where the shadows are 100px away from their content.... I hoped there is a patch for that :/

GMMan · 01/28/2013, 10:36 AM

It's probably a bug in the current WebKit implementation. Aside from that, there's also images as fonts not rendering (missing web font support).

pattyland · 01/28/2013, 12:59 PM

Quote:

Originally Posted by GMMan

It's probably a bug in the current WebKit implementation. Aside from that, there's also images as fonts not rendering (missing web font support).

Lol... I just started The Acid3 Test on my Touchpad and it's horrible^^ There are svg's that starts downloading

deCorvett · 01/28/2013, 01:02 PM

It's... let's call it... subpar...

It doesn't support several fancy things

inurear · 01/29/2013, 04:31 PM

It's good practice to separate CSS 2 and your CSS3 definitions.

CSS3 styles (background gradients, shadows, outlines, curved borders) were only introduced partially in 2012 by a very select set of major browsers.

It is better to design your stuff with CSS 2, where browsers have been using it since 1998 (If you want to maintain universal compatibility) However, in order to get CSS2 to show shadows, you will need to use a classical (hacky) method:

Stu Nicholls | CSSplay | A drop shadow

or ... images... Images always work.

pattyland · 01/30/2013, 01:48 AM

You call that practice, I call it torture

The browser on the touchpad understands much CSS3, even transitions and animations like on my homepage, but then it fails with the shadow's... This is weird!

The shadow in your example looks like it comes from Doom 1

01/28/2013, 04:30 AM	#1 (permalink)
pattyland Homebrew Developer Posts: 92	Touchpad Browser and CSS3 shadows Hi there, I'm working at a replacement for the HP Pivot for the Touchpad at the moment, and the webOS browser is There are many features that don't work, but there is one thing that is driving me crazy: Shadows. They even look better in IE6 (It simply ignores them) than in the bundled Browser, which simply spreads them all over the place. For an example take a look at my homepage... Any tipps for my CSS or a patch? Greets pattyland __________________ Devices: Touchpad 32GB - Pre (CM10) Projects: CAKE 9GAG Viewer - Replace the HP Pivot - Make Spotify Touchpad compatible - Web search for HP App Catalog
	Liked by

01/28/2013, 04:42 AM	#2 (permalink)
geekpeter Member Posts: 3,017 Global Posts: 3,029	not skilled enough for any tips but ill throw in a thumbs up for anything you rattle off to make a working useable pivot. __________________ Touchpad Keyboard Themes - >> Click Me <<
	Liked by Thanked By: pattyland

01/28/2013, 07:17 AM	#3 (permalink)
GMMan Member Posts: 2,090	Watcha using a browser for? Each page can be made with Enyo or an image. __________________ Contact: @GMMan_BZFlag (me on Twitter) \| webOS onTap \| @webOSonTap webOS Releases: Change your App Catalog country: TouchPad/PC \| TouchPad/webOS Resources \| Search suggestion patch for browser \| Cycling Email Notifications \| Don't Doctor! Make a good support request. \| How to post logs \| webOS Charge Monitor I will be busy, so I may not be able to provide private support.
	Liked by

01/28/2013, 09:14 AM	#4 (permalink)
pattyland Homebrew Developer Posts: 92	@GMMan: This is more a general question; There are many sites where the shadows are 100px away from their content.... I hoped there is a patch for that :/ __________________ Devices: Touchpad 32GB - Pre (CM10) Projects: CAKE 9GAG Viewer - Replace the HP Pivot - Make Spotify Touchpad compatible - Web search for HP App Catalog
	Liked by

01/28/2013, 10:36 AM	#5 (permalink)
GMMan Member Posts: 2,090	It's probably a bug in the current WebKit implementation. Aside from that, there's also images as fonts not rendering (missing web font support). __________________ Contact: @GMMan_BZFlag (me on Twitter) \| webOS onTap \| @webOSonTap webOS Releases: Change your App Catalog country: TouchPad/PC \| TouchPad/webOS Resources \| Search suggestion patch for browser \| Cycling Email Notifications \| Don't Doctor! Make a good support request. \| How to post logs \| webOS Charge Monitor I will be busy, so I may not be able to provide private support.
	Liked by Thanked By: pattyland

Trending Now

Trending Now

Top 10 Forums

Member Shoutouts

01/28/2013, 01:02 PM	#7 (permalink)
deCorvett Member Posts: 1,835	It's... let's call it... subpar... It doesn't support several fancy things __________________ Newness Developments apps: Forums Communicate Mail Lists
	Liked by pattyland likes this.

01/29/2013, 04:31 PM	#8 (permalink)
inurear Member Posts: 1 Global Posts: 3	ye It's good practice to separate CSS 2 and your CSS3 definitions. CSS3 styles (background gradients, shadows, outlines, curved borders) were only introduced partially in 2012 by a very select set of major browsers. It is better to design your stuff with CSS 2, where browsers have been using it since 1998 (If you want to maintain universal compatibility) However, in order to get CSS2 to show shadows, you will need to use a classical (hacky) method: Stu Nicholls \| CSSplay \| A drop shadow or ... images... Images always work.
	Liked by

01/30/2013, 01:48 AM	#9 (permalink)
pattyland Homebrew Developer Posts: 92	You call that practice, I call it torture The browser on the touchpad understands much CSS3, even transitions and animations like on my homepage, but then it fails with the shadow's... This is weird! The shadow in your example looks like it comes from Doom 1 __________________ Devices: Touchpad 32GB - Pre (CM10) Projects: CAKE 9GAG Viewer - Replace the HP Pivot - Make Spotify Touchpad compatible - Web search for HP App Catalog
	Liked by

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode