GoodUI – Useful Tips For a Good User Interface
GoodUI is a website that regularly shares handy tips for creating “converting and easy-to-use” user interfaces . The tips are described in detail, visualized nicely and usually easy to apply. Some of...
View ArticleUnicode-Table: A Website For Anything About Unicode Characters
Unicode characters, the encoded strings to represent almost any character in any language, have an important place in web design and development. Unicode-Table is a website providing a great unicode...
View ArticleScreensiz.es – A Place To Find Screen Size Information For Many Popular Devices
When developing mobile (web) apps or responsive layouts, knowing the major screen-sizes and resolutions help a lot on deciding the dimensions for the layout. Screensiz.es is a website that lists the...
View ArticleDummy Text From Hollywood – Picksum Ipsum
While many designers use lorem ipsum as the filler text for their projects, many others choose alternatives (check a previous WRD post for lorem ipsum alternatives ). Picksum Ipsum is another dummy...
View ArticleWeb-Based Tool For Removing Backgrounds From Images – Clipping Magic
We sometimes need to pick an element from an image by clipping it and this usually takes some time. Clipping Magic is a free and web-based too l that simplifies this very much. It is built by the...
View ArticleThe Secrets Of “Browser Developer Tools”
When working on any web projects, developer tools of the browser used is usually the most helpful tool for debugging. “ Secrets of the Browser Developer Tools ” is a website that provides detailed...
View ArticleCSS Animations With Impressive Effects – Magic
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more.. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”)....
View ArticleCSS Animations With Impressive Effects – Magic
We see lots of impressive CSS3 demos regularly: flipping, rotating or sliding items and more.. Magic is a stylesheet that includes many of these CSS effects (also mentioned that “more will be added”)....
View ArticleButtons – A CSS Library For Creating Buttons
Buttons is a CSS library for creating highly customizable, flexible and modern web buttons . It is built with Sass + Compass and has support for square, rounded or circular buttons that can be flat or...
View ArticleTactile Design Kit – Printable Papers To Simplify Design Conversations
When discussing about a design with a customer or within the design/development team, everyone has their own approach to ease the process. Megan Erin Miller, an experience designer, mentions that she...
View ArticleCustom Checkboxes Without JavaScript – CSS Checkbox
CSS Checkbox is a website which provides styles for customizing checkboxes (without any JavaScript). There are styles which only have different colors compared to standard checkboxes and more...
View ArticleSearch Engine For Animated GIFs – Giphy
Once, animated GIFs were the most standard way to display animation on web. Now, they are only used for few things (like loaders or very short animations) and mostly for fun. But, this or that way,...
View ArticleInstant Screenshot-Device Mockups: MockUPhone
Presenting website/app-related screenshots with device mockups help users to picture the real product easier. MockUPhone , a free to use web app, simplifies creating such mockups a lot. It asks you to...
View ArticleResponsive Web CSS – Web-Based Responsive Layout Creator
If you are already using a CSS or front-end framework, creating responsive layouts shouldn’t be hard. However, if you are new to such layouts, Responsive Web CSS can help you get started quickly. It...
View ArticleCreate Cross-Client HTML E-mails – Premailer
HTML e-mails need some special attention when coding them. We should be using inline CSS and absolute paths , many modern elements are not supported (table-usage is preferred), etc. Premailer is a...
View Article12 “Mobile App Design” Galleries For Inspiration
Once, CSS galleries were so much popular and any web designer hunting for inspiration were visiting them regularly. They are still handy to find exciting stuff quickly (Dribbble and Behance help a lot...
View Article.PSD Fonts – Find Fonts Used In PSD Files
Not every PSD file is created equal : ). Sometimes they are very badly layered/grouped and it is hard to work with them. In case you are trying to find out the fonts used in such a PSD file, .PSD...
View ArticlenthMaster – Master The “:nth-child” CSS Selector Quickly
:nth-child , the powerful CSS selector for? selecting elements with a formula, has a great use when styling layouts. If you are not experienced with the usage of this selector, nthMaster , a website...
View ArticleA Complete CSS3 Generator – Create CSS3
Previously, few web-based CSS3 generators were shared at WRD which helped getting started with the new features of CSS3. Create CSS3 is another one but more complete compared to others as it has...
View ArticleResponsive Wireframes – Create Them Easily & For Free
Responsive Wireframes is a free and web-based tool for quickly creating wirefames for any project. It enables us to insert elements, style them (color, opacity), add text and also resize if wanted....
View Article