Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Resources’.

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

45+ New jQuery Techniques For Good User Experience

JavaScipt libraries have made huge leaps and bounds in helping developers write code and develop products more quickly. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax.


To help you take it up a notch, we share below some methods that can help you give visitors to your website an amazing user experience. Here are over 45 impressive jQuery plug-ins and techniques that have been recently created and that could make the development of your next website an easier and more interesting experience than the last.

You may want to take a look at the following related posts:


Joomla Developer’s Toolbox

Joomla is a popular free and open-source content management system (CMS) that can be used to power all kinds of websites. After we published developer's toolboxes for a variety of other CMS', many readers requested a collection of resources for Joomla users and developers, so here it is. Joomla grew out of the Mambo CMS and has since built a large and loyal group of users, much like the other popular open-source options. What this means for users and developers is that there is a wealth of information and resources available, and in this post we'll take a look at many of the best.


Other developer's toolboxes from Smashing Magazine:


50 Extremely Useful And Powerful CSS Tools

We love useful stuff. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. Last year we prepared and published some of them in a series of smashing posts about CSS. Now again is the time to give these tools the attention they deserve. Big thanks to all designers and developers who contributed to the design community over the last months and years. We — our community and the design community — truly appreciate your efforts.


Below, we present 50 extremely useful CSS tools, generators, templates and resources. We did not include “traditional” CSS tools, such as Firebug or the Web Developer extension, but tried to focus on rather unknown tools that are definitely worth a look. Some tools are new and some are old, but hopefully everybody will find a couple of new useful or at least inspiring tools.

We strongly encourage you to develop these tools further, build on the ideas presented here, release new tools for the public and let us know about them. We would love to feature your handy tool in our next review.

Please take a look at the following related posts:


Movable Type Developer’s Toolbox

Because we have published several other comprehensive resources for developers of other content management systems (CMSs), we didn’t want to forget Movable Type. Like the other CMSs we have featured, Movable Type is a popular choice for bloggers, website owners and those developing websites. Over the years, Movable Type has made many advancements and had many changes in its system. The current version is even capable of creating social networking websites with many users.


The most recent version, 4.21, is available open source for developers. Individual bloggers (those who are not incorporated) can download Movable Type for free, while there are a few different licensing options for businesses.

This post provides you with a large collection of resources for working with Movable Type, whether you’re just getting started or have plenty of experience. We’ll feature some official resources, such as documentation, as well as plenty of tutorials, sources of inspiration, the best places to find plug-ins, resources for working with templates and styles and more.

For similar resources related to other CMSs, please see:


Textpattern Developer’s Toolbox

Textpattern is a PHP-based open-source content management system that is popular with both bloggers and website owners. The system is flexible and can be used for a very wide variety of purposes. Like other open-source CMS options, such as WordPress and Drupal, Textpattern has a strong online community with plenty of resources available. Here you’ll find the most comprehensive collection of resources, tutorials, plug-ins and more for Textpattern.

You may also be interested in these related posts:


ExpressionEngine Developer’s Toolbox

While open-source CMS options like WordPress get a lot of attention from bloggers and designers, ExpressionEngine is a powerful, robust choice that many designers and clients would find more suitable to their needs. And as with the other CMS options, there are plenty of online resources for designers and developers who are working with ExpressionEngine. In this article you’ll find a helpful collection of resources to aid you in your work with EE.

EE blogs

For more CMS Toolboxes, see:


75 (Really) Useful JavaScript Techniques

Developers and designers are using more and more JavaScript in modern designs. Sometimes this can be a hindrance to the user and take away from the simplicity of the design, and other times it can add greatly to the user’s experience. The key is a) adding the right amount of JavaScript, and b) using the right JavaScript techniques. We have already collected various JavaScript techniques in the past – now it’s time for a new portion of JavaScript.

TextboxList's Autocompletion

Thanks to the Web’s widespread adoption of JavaScript, JavaScript libraries have sprung up to help make design and development easier. Here are a few of the major JavaScript libraries that developers use: jQuery, Prototype, Scriptaculous, mootools, Dojo. These frameworks have thriving communities whose members have developed countless plug-ins that can greatly add to the JavaScript framework.

However, sometimes we need JavaScript solutions that are a little more involved or specific. Here are 75 more handy JavaScript techniques that have made websites much sleeker and more interesting.


Time-Savers: Code Beautifier And Formatter

Well-documented and readable source code is essential for every collaborative project. Logically structured, well organized and nicely formatted, the code can speed up the bug hunting and help to keep the code clean, minimal and still functional. These facts are particularly important if the code is being developed by a group of developers: in this context a common scheme for source code presentation is necessary. You don't have to do everything by hand; in fact, there are many tools which can save a lot of time - for you and your co-workers. [Content Care Oct/10/2016] The tools and services we've collected below aren't validators. They format and beautify the code; some of them can remove redundant elements. Using them, you have to make sure you have a backup, so your data can always be restored. Screenshot Screenshot Let's take a look at code beautifier and formatter which can save you a lot of time and help to maintain a clean and readable source code. Read more...

30 Scripts For Galleries, Slideshows and Lightboxes

Family photos, vacation snapshots or creative artistic works: whatever images you have to present, you can present them in a variety of ways. On a big screen, in slide shows or in a thumbnails gallery. However, to convey the message of presented data effectively, it's important to offer it in an attractive and intuitive way. Furthermore, the presentation itself can make images more valuable and simplify the browsing through hundreds of slides. [Content Care Oct/14/2016]
There are literally hundreds of solutions for web-based galleries out there. We've selected 30 scripts of impressive slideshows, lightboxes and galleries you can use for effective presentations of your images. Most of them don't have any technical requirements, so you can use them right away. Let's take a look. Read more...

↑ Back to top