Posts Tagged ‘Tools’

We are pleased to present below all posts tagged with ‘Tools’.

Free DownloadFree Download: Cheat Sheet For Designing Web Forms

Forms, forms, forms, often overlooked when it comes to design. In this post we are glad to release a Form Design Cheat Sheet, created by Joe Leech and released for Smashing Magazine and its readers. This crib sheet contains an Omnigraffle template, Photoshop (PSD) and PDF examples for you to download and use how you wish. Print it out, stick it on your wall, send it to your clients, generally help make everybody’s forms a bit better.

Form Design

The designers of the crib sheet have spent years designing and testing forms for their projects and decided to summarize the most common problems and issue that they've seen quite often in their projects. As usual, the goodie is absolutely free to use in private and commercial projects. The crib sheet is released under a Creative Commons license.

Read more...

Sidenote: LiveReload For Better Workflow

Welcome to the first entry in a new series on Smashing Coding called Sidenotes. Sidenotes are shorter than traditional Smashing Magazine articles and are designed to give you a quick introduction to useful tools and services. Over the next few weeks, we’ll be looking at productivity aids, useful apps, essential plugins and code examples that we think will help you in your daily coding work. If there is a tool, product or service that you think would be great to review, please do get in touch and let us know.

LiveReload

First up is LiveReload, a utility that eliminates the need to refresh the browser when you want to see HTML, CSS and JavaScript changes.

Read more...

Review Of Cross-Browser Testing Tools

At some point in the future, the way that all major browsers render Web code will likely be standardized, which will make testing across multiple browsers no longer necessary as long as the website is coded according to Web standards. But because that day is still a way off (if it will really come at all), testing your design the advanced browsers as well as legacy browsers is a necessary part of any project.

Screenshot

The old-school way to test code was to load your website on as many computers as you could find, using as many different combinations of browsers and operating systems as possible. That was fine if you had access to a bunch of different computers (and had some time to kill). But there are much more efficient ways to test across browsers, using either free or commercial Web services and software. In this article we review some of the most useful ones.

Read more...

Photoshop Layer Styles in CSS3

I just ran across this awesome project by Felix Niklas and it blew my mind. it's an HTML5 app for creating CSS3 in an intuitive way. The interface is very similar to Photoshop and functions just like it as well. I wrote a little preview/breakdown/review of it.

Read more...

Useful Resources, Tools and Services for Web Designers

Productivity is a crucial asset of professional Web designers and developers. We regularly look for new resources, tools and services to make the search of these ever-growing techniques easier. Once we have a reasonable number of useful resources, we prepare them in a handy overview for your convenience. In this post we present some of the useful resources and tools for designers and Web developers.

DesignersMX: Which Tunes Keep Designers Rolling?

Please don’t hesitate to comment to this post and let us know how exactly you use these tools in your workflow. Please do avoid link dropping and share your insights and your experience instead. A big thank you to all designers and developers out there for releasing and producing useful, valuable resources for all of us to use. We sincerely appreciate it.

Read more...

Useful HTML-, CSS- and JavaScript Tools and Libraries

Front-end development is a tricky beast. It's not difficult to learn, but it's quite difficult to master. There are just too many things that need to be considered; too many tweaks that might be necessary here and there; too many details to make everything just right. Luckily, developers and designers out there keep releasing useful tools and resources for all of us to learn, improve our skills and just get better at what we do.

Flexible Font Sizes with jQuery

Here at Smashing Magazine, we're continuously searching for time-saving, useful HTML-, CSS- and JavaScript-resources for our readers, to make the search of these ever-growing tools easier. We hope that these tools will help you improve your skills as well as your professional workflow. A sincere thanks to all designers and developers who are featured in this round-up. We respect and appreciate your contributions to the design community.

Read more...

Useful Photoshop Tools and Techniques For Your Workflow

Productivity is a crucial asset of professional designers. Photoshop is an extremely powerful application for photo processing and image manipulation, and we can make it even more powerful by using handy tools, actions, plugins and templates to save time for solving mundane regular tasks. The better our professional tool set is, the more time we can spend to focus on the actual design process rather than the tool we are using to implement it on screen.

Useful Photoshop Tools and Techniques For Your Workflow

Here at Smashing Magazine, we're continuously searching for recent time-saving, useful Photoshop resources for our readers, to make the search of these ever-growing techniques easier. We hope that these techniques will help you improve your design skills as well as your professional workflow when using Adobe Photoshop. A sincere thanks to all designers and developers whose articles are featured in this roundup. We respect and appreciate your contributions to the design community.

Read more...

↑ Back to top