OSX Style dock in Ajax - css

I am building a new site for a client and they want and OSX style dock at the foot of the page.
Any ideas or examples of how to get started with this.
I guess Ajax would be the best option.
Freja.

This seems to be what you are looking for:
http://www.addthis.com/gallery/share-dock
There is a a clear html code example and the accompanying CSS / JS.

Related

Altering the browser's interaction with css and the dom

I am interested in creating a custom browser with a hacked render engine that reinterprets or automatically assigns certain css vaules no matter what the web site.
A simple example would be...
no matter what website you visit the anything with the img tag is rotated 90 degrees.
I am struggling to find any sort of starting point for this small project...any ideas or suggestions on the css/dom issue?
I plan to build out the GUI in visual basic if that makes any difference.
Since you're using Visual Basic, why not use the WebBrowser control and modify the DOM elements within that control? You can manipulate elements from within your code behind.
Sounds like you want to develop a browser plugin / extension.
Chrome extensions are a good place to start.
If you'd like to actually like to monkey with the render engine behind a browser, check out WebKit (what Safari uses) or Gecko (what Firefox uses).

Making the gwt toolbar nicer

I am working on a project that already has begun being developed. ON some page, there is some textarea and a text-editor using gwt, from which I know nothing. The fact is that the style of the toolbar is very austere. Does anybody knows some way to make this toolbatr nicer, is there any doc somewhere ?
Best,
Newben
Here's a comprehensive guide on styling GWT.

How to make emberjs app with a mobile look (like the one in jquery mobile)?

I have a simple project of a web application for mobile using Emberjs. For the look and feel, I want something equivalent to JQuery Mobile. Is there a way to mix Emberjs and jquery mobile? If so, how?
I have looked at the Travis-ci mobile app and they seem to have only defined a specific css for the mobile version. What is strange is that they also have this file : file that seems to be an attempt to integrate with JQMobile but they don't use it anywhere in the code.
I also have found this article Using Ember.js with jQuery UI but it's about JQuery UI. Can I use the same technique for JQuery Mobile?
Please share your own experience about having a mobile look and feel with Emberjs.
If you know any open source project on GitHub or wherever that uses Emberjs for mobile I will be thankful if you let me know the address.
What Technique do you recommend?
Note: I have make a first attempt to use the 'data-' html5 attributes of jquery mobile within a list generated by a controller but the elements of the view don't have change to a jquery mobile look and feel and I not sure why.
Sorry for my English, it is not my mother tongue.
As stated in the Ember.js wiki there are two projects concerning mobile:
ember-titanium - Titanium Mobile wrapped in Ember (formerly SproutCore-Titanium)
ember-mk - Mobile Kit for ember.js
Maybe they are useful for you.
#luissala created a proof of concept project using Ember with jQuery Mobile. It might get you on the right track:
https://github.com/LuisSala/emberjs-jqm
Have a look at Twitter Bootstrap: http://twitter.github.com/bootstrap/
https://github.com/fohr/blossom
Is in a very premature state, but it seems pretty promising.
It's from the guys who started Sproutcore (I think!), so the syntax is very relevant to EmberJS

How to edit the Ajax HTML Editor, that I only need a few buttons of it?

I use the HTML Editor from ASP.NET Ajax AjaxControlToolkit http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/HTMLEditor/HTMLEditor.aspx.
Its like: http://s3.imgimg.de/uploads/2889172fdJPG.jpg
But I want to have it like: http://s3.imgimg.de/uploads/3eda09893JPG.jpg
So the default buttons are much overpowered for my users.
Is there a way to reduce the ajax HTMLEditor to this few buttons?
Or is there another controle you can help me with?
You haven't said which one you're using. I would recommend using TinyMCE: http://tinymce.moxiecode.com/
It will be easy to achieve what you want with it.
The best way to achieve this is to take advice from Ed Pitt, I did it this way and I was able to create different versions with different tools. The basic premise is to copy the HTMLEditor.Samples.cs file from the AJAX Control Toolkit source into your app and modify it to only print out the toolbars you want:
http://dot-net-web-developer-bristol.blogspot.com/2009/11/using-ajax-htmleditor-top-toolbar.html
Hope this is what you are looking for

Collapse/Expand Images

Ok so this is super basic. I just got done implementing the collapsible panel using the MS AJAX Toolkit and was wondering if anyone knew where to get the collapse and expand images that they use in their demo?
One would think these images would be distributed with the toolkit...if so - where are they found? Any recommendations for collapse/expand images in open-source-creative-commons domain?
you can set them using the properties
ExpandedImage="~/images/collapse.jpg"
CollapsedImage="~/images/expand.jpg"
the images can be found inside the toolkit
if you want to add your custom image you can get them from http://www.iconfinder.net
you can find them if you view the source code on the sample page... no they're not included, though. this is so you can provide your own images.
on a side note, have you tried implementing this functionality using jquery? :)

Resources