UI kits are very useful for starting and completing a web design project quickly.
PixelKit, a premium UI kit brand, is sharing a lightweight version of their Modern Touch UI kit exclusively with WRD.
It is available in PSD and there are items for navigation, slider, accordion, form controls, social links and more.
Read the rest of this entry »
iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.
The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.
Summernote is a simple, clean and flexible WYSIWYG Editor that is built on top of jQuery and Bootstrap.
It supports Bootstrap’s both active versions (2 and 3) and has keyboard shortcuts for all major tasks.
There is a powerful API which provides lots of customization options in means of design (width, height, active items..) and functionality.
The project also has integration samples for major scripting languages or frameworks (PHP, Ruby, Django, Nodejs).
The loading indicators that are mostly used in Ajaxed interfaces are shifting from images to HTML-elements for max. flexibility.
SpinKit is a free pack of these loaders that are built with HTML and CSS.
There are currently 8 of them, all are good-looking and, although their CSS styles are presented in a link, the HTML structure can be found in the source.
Marvel is a free, web-based tool for creating prototypes for any device: desktop, tablet, mobile and more.
The app works by synchronizing with your Dropbox account which simplifies updates (as local file updates are instantly reflected to the Marvel-powered prototypes).
It accepts both images + PSDs and prototypes can be shared with unique URLs, SMS or QR codes.
It is usually not easy to present “menus that are few levels deep” in a user-friendly way. And, that’s specially hard for cross-platform layouts.
Multi-Level Push Menu is a jQuery plugin that provides a very good solution to such menus.
It has support for unlimited levels, works cross browser/platform and makes things much easier for touch devices with swipe gestures.
The menu can be set to next from left-to-right or right-to-left and all works with a simple markup (unordered lists).
Buffer is one of the most popular apps for managing multiple social media profiles, scheduling posts and more.
Circular is an open source alternative for Buffer that is built as a Backbone.js app with a REST API written in PHP that stores data in MongoDB.
It only works with Twitter where you can add a list of tweets and they will be sent on the date-time defined.
Multiple accounts are supported and a bookmarklet helps using it easier.
P.S. The app can also be used and tried with the hosted version.
Smartimage, a cloud-based brand image management application (that was featured before at WRD), now has new features offering a more powerful, visual experience.
The application helps companies to manage + share images and other visual content that workgroups and small businesses use everyday for events, promotions and brand communications.
Besides all the core features like auto-conversion to popular formats and sizes, sharing/embedding and public/private galleries, there are now features like:
- Custom image gallery options – Users can now choose which display and action features to enable for each collection including on/off switches for downloading and sharing files.
- Embeddable image gallery carousel – Images can be displayed in a stunning super-sized carousel or elegant thumbnail gallery.
- Robust digital imaging – Dynamic resizing allows Smartimage to host your images and easily display them on other web pages while maintaining their quality.
- Updated user interface (UI) – A cleaner interface puts the focus on the user’s brand and high-quality images.
- Faster speeds globally – Everywhere in the world, Amazon’s CloudFront Content Delivery Network (CDN) provides faster upload and download speeds.
Smartimage now offers more control and attractive, dynamic ways of presenting and sharing high quality content, while emphasizing simplicity.
An API is also in the roadmap of Smartimage which will allow integrating it further. P.S. The app offers a full set of features for getting the most out of these assets and you can find the complete list here.
Due to how the text rasterizer works, fonts look heavier on OS X and iOS, compared to to other operating systems.
And, trying to close this gap with per-browser CSS styles is a common pattern.
Also, Type Rendering Mix can be used to disable web fonts when no antialiasing is applied.
It works by auto-adding some styles to theelement that represent the rasterizer and anti-aliasing support on the browsers and leaves the rest to us (creating the styles).
When developing with Xcode and Objective-C, it is usually hard and time-consuming to create animations.
Canvas is a project that makes adding good-looking animations easy for iOS apps.
With almost no coding, effects like fade, zoom in/out, slide, bounce, pop, shake and more are available for use.
The project is not only about animations but currently comes with a “custom font” component and plans to add ones like parallax, sticky headers and various others.