webOS Nation Forums >  webOS Discussion >  webOS Discussion Lounge > Touchpad Browser and CSS3 shadows
Touchpad Browser and CSS3 shadows
  Reply
Like Tree1Likes
  • 1 Post By deCorvett

 
Thread Tools Display Modes
Old 01/28/2013, 04:30 AM   #1 (permalink)
pivotCE Developer
 
pattyland's Avatar
 
Posts: 191
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
__________________
pattyland is offline   Reply With Quote
Old 01/28/2013, 04:42 AM   #2 (permalink)
Member
 
geekpeter's Avatar
 
Posts: 3,678
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 <<
geekpeter is offline   Reply With Quote
Thanked By: pattyland
Old 01/28/2013, 07:17 AM   #3 (permalink)
Member
 
GMMan's Avatar
 
Posts: 2,136
Watcha using a browser for? Each page can be made with Enyo or an image.
__________________
Contact: @GMMan_BZFlag (me on Twitter)
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
GMMan is offline   Reply With Quote
Old 01/28/2013, 09:14 AM   #4 (permalink)
pivotCE Developer
 
pattyland's Avatar
 
Posts: 191
@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 :/
__________________
pattyland is offline   Reply With Quote
Old 01/28/2013, 10:36 AM   #5 (permalink)
Member
 
GMMan's Avatar
 
Posts: 2,136
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 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
GMMan is offline   Reply With Quote
Thanked By: pattyland
Old 01/28/2013, 12:59 PM   #6 (permalink)
pivotCE Developer
 
pattyland's Avatar
 
Posts: 191
Quote:
Originally Posted by GMMan View Post
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
__________________
pattyland is offline   Reply With Quote
Old 01/28/2013, 01:02 PM   #7 (permalink)
Member
 
deCorvett's Avatar
 
Posts: 1,842
It's... let's call it... subpar...

It doesn't support several fancy things
__________________
Newness Developments apps:
deCorvett is offline   Reply With Quote
Liked by pattyland likes this.
Old 01/29/2013, 04:31 PM   #8 (permalink)
Member
 
Posts: 1
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.
inurear is offline   Reply With Quote
Old 01/30/2013, 01:48 AM   #9 (permalink)
pivotCE Developer
 
pattyland's Avatar
 
Posts: 191
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
__________________
pattyland is offline   Reply With Quote
Reply

 

Thread Tools
Display Modes



 


Content Relevant URLs by vBSEO 3.6.0