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

Archive for the ‘Software & Tools’ Category

It is always important to keep your website fast so that your users are happy and don’t give up on checking your page because loading time is crazy. And a good way to load your site faster and consume less bandwidth is to always optimize your website’s images, reducing their file size as much as possible without compromising quality. This way you can still display beautiful images without penalizing your users. Read the rest of this entry »

  • Tags:
  • Filed under: Software & Tools
  • 0 Comments
  • While developers may love diving under the hood, those are usually marketing people who end up using content management systems and paying money for web design agencies. And so great content management systems must be built with the actual content managers in mind first. One of such systems is ImpressPages.

    Read the rest of this entry »

    Writing clean CSS is a laborious task when you get into newer CSS3 properties and their respective browser prefixes. Thankfully some crafty developers have built online web applications to save us all that tiny bit of frustration.

    Take a glance over these links and see if you can find any gems. Those who understand Sass/Compass will find some cool webapps in the list. Plus a number of code generators and other helpful CSS tools for any frontend developer.

    CSS Comb

    webapp tool css comb logo

    Read the rest of this entry »

    HackingUI, a website focused on interaction and front-end design, is sharing a handy script for SVG fans.

    It is a Photoshop script that automates the exporting of Photoshop layers to SVG.

    Photoshop to SVG

    The script is smart enough to detect only the right layers and searches for the layer names that end with ,svg.

    Simply, no more going through each layer one-by-one for the conversion and all work is done in a single click.

    Screenshots are a part of web design process and we use them for many reasons; sharing with colleagues/customers, comparing versions, etc.

    And, there are various browser extensions that simplify taking screenshots. qSnap is another good one which has support for all major browsers.

    Browser Screenshot Extension - qSnap

    You can choose to select to capture the visible part or the full screen. Once captured, a built-in editor can be used to edit it (crop, resize..).

    Also, with a free membership, qSnap simplifies sharing the screenshot(s) with others.

    Mapita is a free Photoshop action for converting a flat map into a good-looking three dimensional and isometric one.

    There are actions to create the map with a style of sand, snow or grass.

    Also, many elements exist to beautify it: buildings, trees, clouds, lakes and more.

    Such isometric maps are usually found in games but they can be created for real-world usage to share a location a stylish and fun map.

    3D Isometric Map Photoshop Action

    Indigo Studio is a free tool for quickly creating prototypes of web, mobile or desktop apps.

    The application works on both Windows + Mac OS X and not only capable of generating static outputs but also supports interactions (links, animations, etc.).

    Usually, prototypes can look plain and customers can have difficulty in imagining how things would look in real life. Indigo Studio solves this by providing lots of storyboard scenes with people, places and various devices to create a more realistic look.

    Indigo Studio

    It is also possible to import hand-drawn sketches into the application and adding interactivity to them.

    Indigo Studio is a pro quality yet free application and only requires a free membership to the site.

    There are thousands of design freebies and each of us are probably using them regularly.

    When it comes to finding such freebies, Freepik, a search engine that indexes only vectors, PSDs and photos can be very useful.

    The search engine crawls many design-related websites, ranks the found resources with their relevance and presents to the user.

    Freepik

    It is possible to narrow the search with the file type (vector, photo, PSD) and categories offered (nature, buttons, icons, background, etc.).

    Also, the website offer various premium design materials like stock videos, images and design deals.

    When creating wireframes offline, papers with grids help a lot to create outputs that look better.

    Dotted Paper is just a free PDF file which makes wireframing/designing easier with the horizontal and vertical grid it has.

    Although that is a simple resource and can be created with not much effort, it is very handy as it is ready to download : ).

    Dotted Paper

    Radi is a complete visual design application targeting web with 100% standard and human-readable HTML + JavaScript code.

    It has built-in tools for creating/editing graphics (they can be imported too) and generating animations with <canvas> output that work in all modern browsers including mobile.

    There are ready-to-use filters + effects and you can always add your own code to create more customized stuff.

    Radi

    The application is also pretty powerful in rendering video. It can even -very quickly- convert a web animation into a HTML5 video.

    Radi has a very short learning curve as it is like a mixture of well-known image editing and animation tools but with the friendliness of web technologies.

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com