Archiv für die Kategorie ‘HTML / XHTML’


written by www.golem.de

Mit Wallaby hat Adobe eine erste Testversion eines Flash-zu-HTML5-Konverters veröffentlicht. Damit sollen sich komplexe Flash-Animationen in HTML5 umwandeln und auf Geräten mit Webkit-Browsern abspielen lassen.

Adobe will Webdesignern, die sich mit Flash auskennen, den Weg zu HTML5 ebnen. Dazu hat Adobe den Flash-zu-HTML5-Konverter Wallaby veröffentlicht, der Flash-Animationen in HTML5 umwandelt. Adobe geht es im ersten Schritt darum, Flash-Werbebanner in HTML5 umzuwandeln, damit diese auf Geräten ohne Flash-Unterstützung wie Apples iPhone und iPad laufen.

Wallaby erscheint im Rahmen der Adobe Labs und ist noch als experimentell anzusehen. So werden laut Adobe derzeit nur auf Webkit basierende Browser unterstützt, beispielsweise Safari und Chrome. Erstmals gezeigt hatte Adobe-Entwickler Rik Cabanier die Technik zur Umwandlung von Flash in HTML5 im Oktober 2010.

Jetzt den ganzen Artikel auf www.golem.de lesen!

Advertisements

Like i promised, i now want to present you part 2 of Facebook Style Footer Admin Panel written by www.sohtanaka.com  Enjoy 😉

Just like developing a drop-down menu, have a nested sub-panel within
the list item. Look at the image below to get an overview of how this
is layed out.

Collapsible Subpanel Demo

HTML

<li <strong>id="alertpanel"</strong>>
    <a href="#" class="alerts">Alerts</a>
    <div <strong>class="subpanel"</strong>>
        <h3><span> &ndash; </span>Notifications</h3>
        <ul>
            <li class="view"><a href="#">View All</a></li>
            <li>
                <a href="#" class="delete">X</a>
                <p><span style="color: rgb(153, 153, 153);"><!--Content--></span></p>
            </li>
            <li>
                <a href="#" class="delete">X</a>
                <p><span style="color: rgb(153, 153, 153);"><!--Content--></span></p>
            </li>
        </ul>
    </div>
</li>
<li <strong>id="chatpanel"</strong>>
    <a href="#" class="chat">Friends (<strong>18</strong>) </a>
    <div <strong>class="subpanel"</strong>>
        <h3><span> &ndash; </span>Friends Online</h3>
        <ul>
            <li><span>Family Members</span></li>
            <li><a href="#"><img src="chat-thumb.gif" alt="" /> Your Friend</a></li>
            <li><a href="#"><img src="chat-thumb.gif" alt="" /> Your Friend</a></li>
        </ul>
    </div>
</li>

CSS

Since we declared a list item link style already (with the text
replament technique), override the properties so we can use regular
links in the sub-panels.

Read the whole article