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.

Ideas/thoughts on my new twitter app

Featured Replies

Just finished my new webapp/bookmarklet and would like to know your opinions.

 

What do you think is wrong with it? How can it be improved? Am I doing anything badly. I know frames are horrible but there is no way around it.

 

My password algorithm is strong enough to hide the user/pass from the average user but does it matter that much anyway? Somebody would need to first have access to the bookmarklet and then work out the algorithm?

 

http://tweetpkr.com/

 

I know it doesn't work on IE yet, I'm working on it... I'm sure a lot of the css/xhtml may be a bit wonky.

 

Inspired by http://www.twitlet.com/

 

Thanks!

Nice simple, it's nothing more than it needs to be, nothing less. I like that. Shame i don't tweet or twitter or w.e

 

Maybe soon :pp

 

Markup seems ok, should add in a few meta tags just because you can ;)

 

One thing i never understand, and i see loads of people do this, is why do they use <p> tags as opposed to <label> tags for form elements?

 

If you use label tags, then when you click the text it focus's the form field, i like that. I think label tags make more sense? maybe that's just me though :'/

 

Nice site though, i'm loving the simplicity.

  • Author

Thanks, I've changed the paragraph tags to labels. It's a bit annoying that the only thing that doesn't validate on the html side is the vimeo embed code.

That can be sorted i think,

 

Your meta tags need to be self closing />

 

Try this for your flash, known as the satay method i think (works in IE5+), it should work

 

<object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=3516979&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" width="450" height="300">
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3516979&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<img src="noflash.png" width="450" height="300" alt="Flash is required to view this video" />
</object>

 

Change the noflash.png for a graphic encase the user doesn't have flash, that should validate i think

 

Edit: i wanted to check so i ran this through the validator

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 

<head> 

<title>tweetpkr - Take a peek at your friends twitter updates from anywhere</title> 
</head>
<body>

<div>
<object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=3516979&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" width="450" height="300">
<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3516979&server=vimeo.com&show_title=1&show_byline=1&show_portrait=0&color=&fullscreen=1" />
<img src="noflash.png" width="450" height="300" alt="Flash is required to view this video" />
</object>
</div>

</body>
</html>

 

It's valid xhtml 1.0 passes 1.1 too ;) i assume it works in the browser

Np, there's a work around for EVERYTHING.... EVERYTHING i say *evil laugh*

Hi

 

It looks like your on your way.

 

The feedback link wants to face your visitors.

 

Good luck.

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.