Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Goodies’ Category

For years the traditional method of website designing has been that the client has to hire two people tackle this process, brining on a designer and developer.

The designer works on the graphics of the website using Photoshop or another design platform as per the instructions of the client, make the final adjustments and then pass it along to the developer. The developer will write the code for that picture which will turn the picture of the website into a real website. I mean when the code will be uploaded on a webhost the site will go live.
Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • 0 Comments
  • Although Twitter has changed a lot of their customization settings, it is still the same micro networking site we all love. Profiles have always allowed their own custom page background image. But there are also header backgrounds which appear right behind your profile photo & information.

    These images are typically resized at 520 x 260 but can be uploaded using larger dimensions. Below you will find a set of 30 creative header backgrounds you might use on your own profile. They’re all easy to download and setup in your Twitter account settings. Click any of the links below to see a fullsize view of the header image.

    Moscow

    moscow cityscape background twitter design

    Read the rest of this entry »

    As a web designer, I’m always snapping screenshots of inspiring websites I come across, for personal documentation, or for client presentations. It’s a common practice for many designers, and if you’re grabbing more than a few quick screens, it can get rather time consuming. I’m always looking for ways to streamline my workflow, and ShrinkTheWeb has helped me do just that.


    Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • 0 Comments
  • When it comes to drag ‘n’ drop and reordering elements with JavaScript, jQuery UI’s sortable widget is by far the most popular.

    There is also a tutorial at WRD for using it with server-side scripting.

    Sortable is a JavaScript library that performs the same task without any JavaScript framework.

    Sortable

    It uses the native HTML5 drag and drop API, has a small footprint (<2kb gzipped) and works on touch devices too.

    Also, besides single lists, items can be moved between multiple lists too.

    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.

    Modern UI Kit
    Read the rest of this entry »

  • Tags:
  • Filed under: Gallery
  • 0 Comments
  • iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.

    Switchery is a JavaScript library, that doesn’t require any JS  frameworks, that can convert select boxes into such interfaces.

    The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.

    Switchery

  • Tags:
  • Filed under: Forms, Gallery, Goodies, MIT License
  • 0 Comments
  • 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.

    Summernote WYSIWYG Editor

    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).

    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.

    Multi-Level Menu jQuery

    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).

    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.

    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.

    Canvas For iOS

    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.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com