We have partially implemented UIkit so you can benefit of some very nice features. We have actually implemented only the UIkit JS and the UIkit Animation. Here are the reasons why we’ve done so: Bootstrap is already fully integrated in DestinyFX. As you know Bootstrap and UIkit are quite similar so there is no need […]
New Icons in 3.2 icon-compass icon-collapse icon-collapse-top icon-expand icon-eur icon-euro (alias) icon-gbp icon-usd icon-dollar (alias) icon-inr icon-rupee (alias) icon-jpy icon-yen (alias) icon-cny icon-renminbi (alias) icon-krw icon-won (alias) icon-btc icon-bitcoin (alias) icon-file icon-file-text icon-sort-by-alphabet icon-sort-by-alphabet-alt icon-sort-by-attributes icon-sort-by-attributes-alt icon-sort-by-order icon-sort-by-order-alt icon-thumbs-up icon-thumbs-down icon-youtube-sign icon-youtube icon-xing icon-xing-sign icon-youtube-play icon-dropbox icon-stackexchange icon-instagram icon-flickr icon-adn icon-bitbucket icon-bitbucket-sign icon-tumblr icon-tumblr-sign icon-long-arrow-down
The Widgetkit Media Player is a HTML5 audio and video player completely built HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers. Examples This is a MP3 Audio Sample: Features Native playback for modern HTML5 browsers
The Widgetkit Spotlight allows you to add an overlay to your images which fades or moves in on mouse hover. The overlay can be an image or HTML content. The default magnifier spotlight is a perfect match to be used with a lightbox. Examples If no custom overlay is set the default spotlight fades in
The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page. Examples Different animations – fade, elastic and none Different title positions – float, inside and over Various examples in one gallery (try also using the keyboard and mouse scroll wheel) YouTube
JavaScript in Bootstrap Individual or compiled Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file. Data attributes You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap’s first
Dropdown menus Example Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin. Action Another action Something else here Separated link <ul class=”dropdown-menu” role=”menu” aria-labelledby=”dropdownMenu”> <li><a tabindex=”-1″ href=”#”>Action</a></li> <li><a tabindex=”-1″ href=”#”>Another action</a></li> <li><a tabindex=”-1″ href=”#”>Something else here</a></li> <li class=”divider”></li> <li><a tabindex=”-1″ href=”#”>Separated link</a></li> </ul> Markup Looking at just the dropdown
Typography Headings All HTML headings, <h1> through <h6> are available. h1. Heading 1 h2. Heading 2 h3. Heading 3 h4. Heading 4 h5. Heading 5 h6. Heading 6 Body copy Bootstrap’s global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive
