background preloader


Facebook Twitter

45 Powerful CSS/JavaScript-Techniques - Smashing Magazine. Advertisement CSS and JavaScript are extremely powerful tools for designers and developers.

45 Powerful CSS/JavaScript-Techniques - Smashing Magazine

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. 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. Please notice that this is the first part of our large round-up of fresh CSS/JavaScript-techniques. Interesting CSS Techniques Building the New Visual AnnotationsThese note overlays are composed of two main elements, an overlay with the shine and a border with the transparency.

CSS Navigation Menus Sproing! CSS Lists. Block Quotes and Pull Quotes: Examples and Good Practices. Advertisement Quotes are used to emphasize excerpts of text.

Block Quotes and Pull Quotes: Examples and Good Practices

Since users almost never read but scan we need to provide them with some focus anchors to fix their attention to the most important parts of our articles. Furthermore, quotes are always used for testimonials and sometimes for blog comments. They can be styled using graphics, CSS and a little bit of JavaScript. Sometimes, creative dynamic solutions can be applied as well. This post presents creative examples and best practices for design of pull quotes. You may also want to take a look at the posts Aren’t all these quotes the same? No. Pull quote included into an article. Just like a pull quote blockquote (actually block quotations) are also set off from the main text as a distinct paragraph or block. Finally, “normal” quotes cite the content found in some other sources and are included to support the content rather than dominate over it.

Blockquote vs. Blockquote is a large quotation. <blockquote cite=" <p>A large quotation. The Ultimate Collection Of Useful Photoshop Actions. Advertisement Saving repetitive tasks as Photoshop actions can save you a lot of time, allowing you to automate your work and improve workflow efficiency.

The Ultimate Collection Of Useful Photoshop Actions

A Photoshop action is a recording of a sequence of commands and operations that you can save and access later on. We’ve searched for the best downloadable Photoshop actions that can help you improve your workflow and perform complex techniques with the push of a button. In this collection, you’ll find more than 350 free hand-picked Photoshop actions that you can use to speed up your graphics creation. Note: It’s important to check the license of each action set you download and use. Quick Introduction to Photoshop Actions For those unfamiliar with Photoshop actions, they’re simply pre-recorded tasks that you can save and reuse anytime.

Image Effects and Graphic Creation Actions Cross-processing ATN1 Simulate the Cross-processing2 (Xpro) photography technique using this Photoshop action. 1 action – Download3 1 action – Download6 It's done.