Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Resources’.

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

50 Brilliant CSS3/JavaScript Coding Techniques

CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers. That's a reasonable solution — after all it doesn't make sense to avoid learning CSS3 (that will be heavily used in the future) only because these features are not supported yet. The point of this article is to give you a glimpse of what will be possible soon and what you will be using soon and provide you with an opportunity to learn about new CSS3 techniques and features.

CSS3

In this post we present 50 useful and powerful CSS3/jQuery-techniques that can strongly improve user experience, improve designer's workflow and replace dirty old workarounds that we used in Internet Explorer 6 & Co. Please notice that most techniques presented below are experimental, and many of them are not pure CSS3-techniques as they use jQuery or other JavaScript-library.

Read more...

45 Powerful CSS/JavaScript-Techniques

CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it's difficult to come up with the one excellent idea that would solve a problem that you are facing right now. Good news: almost every day designers and developers come up with fresh and clever CSS tricks and techniques and share them with other developers online. We regularly collect all these tricks, filter them, sort them, revise them and prepare them for Smashing Magazine readers.

 Building the New Visual Annotations

In this post we present 45 useful CSS/JavaScript-techniques that may help you find clever solutions to some of your problems or just get inspired by what is possible with CSS. We cover interesting CSS-techniques, navigation menus, CSS typography, CSS lists and CSS buttons. The focus of this post lies on CSS; please notice that some of the techniques use JavaScript or PHP for enhanced functionality.

Please notice that this is the first part of our large round-up of fresh CSS/JavaScript-techniques. Other techniques (CSS tables, CSS layouts, CSS for Mobile and CSS forms) will be featured in an upcoming article. So don't forget to subscribe to our RSS-feed and follow us on Twitter for similar articles and a stream of useful resources. Please also let us know what we should change or improve in our future posts!

Read more...

50 Useful New jQuery Techniques and Tutorials

The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly 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.

Automatic Infinite Carousel

To help you improve your skills, in this article we present 50 useful new jQuery techniques and tutorials that have been created recently and that could make the development of your next website an easier and more interesting experience than the last.

Read more...

MooTools Tutorials and Resources Round-Up

MooTools is a JavaScript framework that focus on being flexible, modular and compact. While still not on par in number of resources with other JavaScript frameworks such as jQuery, the MooTools community has generated a large number of articles, tutorials and third party plugins that can be considered and mature and sophisticated enough for most needs.

Official Documentation

One of the core principles of MooTools is to provide a better application programming interface for JavaScript developers, making the language better by extending its native elements and providing more concise object oriented utilities.

As a consequence of that, some people may be inclined to think that MooTools treats browser scripting as a less important feature. Indeed, MooTools is not a DOM scripting toolkit, but the whole purpose of making JavaScript better is that developers have a more solid base over which to create readable, robust, reusable browser scripting libraries.

Read more...

50 New CSS Techniques For Your Next Web Design

CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.

One of the best parts of CSS is that it's so simple once you know the basics. Where tables used to make incredibly complex and sometimes impossible-to-decipher code, CSS keeps things clean and simple. Add a few comments to keep everything organized and it becomes an absolute dream to work with.

 Super Awesome Buttons with CSS3 and RGBA

Below are 50 fresh CSS tricks, techniques and tutorials that will help you to improve the quality of your next web design. Be sure to check out our previous article: 53 CSS-Techniques You Couldn't Live Without.

Read more...

35 CSS-Lifesavers For Efficient Web Design

CSS-design is not easy. We need to find workaround across browser inconsistencies, not that easy CSS-concepts and quite counterintuitive CSS-solutions. However, there are effective and useful CSS-tools and Smashing Magazine reviewed many of them in our previous posts. Now it's time to present you with some fresh (or not mentioned earlier) tools that can assist designers in their work.

Less CSS Tool

Today, we will look at 35 new and useful CSS tools, generators and resources that can significantly improve your workflow and reduce your time efforts for CSS-coding. Whether you're writing, compiling, refining or experimenting with CSS code – or all of the above – these tools can help you get the job done faster and better than ever before.

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

Read more...

Essential Guide To Regular Expressions: Tools and Tutorials

Regular expressions are an essential part of any programmer’s toolkit. They can be very handy when you need to identify, replace or modify text, words, patterns or characters. In a nutshell: regular expressions (regex) are like a Swiss army knife for modifying strings of just about anything. Need to make your site URLs look pretty? Use regex. Need to remove all punctuation from a sentence? Definitely use regex. The uses for regular expressions are almost limitless.

Screenshot

Regular expressions are something that you’ll come across at least once in your development cycle, whether you’re just trying to modify an .htaccess file to make clean URLs, or something much more advanced like filtering RSS feeds or other data. Here are some resources to get you well on your way to mastering regex.

Read more...

25+ Magento Templates For Your E-Commerce Business

Magento is a popular open source e-commerce software platform that has a modular architecture and is extremely flexible. It comes with a number of online shop maintenance capabilities. It is also simple to configure and easy to customize. And despite the fact that it was launched just last year, it has been gaining more and more popularity among Web designers and e-business owners.

Magento has a ton of credentials in its pocket from some very big e-solution players. Magento Enterprise Edition, a commercial version aimed at larger companies, was launched just a month ago. The CMS includes such advanced features as marketing, promotional and SEO tools; analytics and reporting; mobile commerce; catalog-management tools. And Magento users have the freedom to customize their store with new themes, templates and plug-ins.

Below you'll find a showcase of excellent Magento templates and resources for your e-commerce business. Hopefully, these templates and resources will serve you either as an inspiration for your themes, or as the foundation for your customized themes.

Read more...

35 Beautiful Commercial And Free Joomla Templates

Joomla is one of the most powerful, robust and feature-rich content management systems out there. Besides being open-source, Joomla is capable of some really stunning designs through the use of modules and built-in display customizations. Below, we present a list of 20 35 of the coolest, slickest, most eye-catching Joomla template designs.

Mynxx by RocketTheme

Mynxx (presented above) incorporates the popular Joomla ecommerce / shopping component, Virtuemart. This integration is applied in a variety of platforms, such as modules, a custom virtuemart theme and template coding. The custom Virtuemart theme allows us to override the core output, which results in a more seamless integrated with the Virtuemart shopping component.

Also consider our previous article:

Read more...

↑ Back to top