background preloader

45 Powerful CSS/JavaScript-Techniques - Smashing Magazine

45 Powerful CSS/JavaScript-Techniques - Smashing Magazine
Advertisement 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. 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

http://coding.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

Related:  agnewa

Blog Cambridge, Mass. – March 4, 2011 – Via Science announced the acquisition of Dataspora, a predictive analytics firm that helps companies solve complex big data problems. The acquisition helps strengthen Via Science’s positioning to support the consumer packaged goods and retail sectors, areas of focus for Dataspora. REFS™ provides the ability to leverage causal mathematics at scale with its supercomputing platform. This allows decision-makers to make better use of data with mathematical models that can diagnose problems or predict future outcomes.

Selectors Original lab by Karl Swedberg Enhanced by Cody Lindley. FYI (ie6 != supported) 50 Brilliant CSS3/JavaScript Coding Techniques Advertisement 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. How the Big Banks stack up on Facebook, Twitter Social media is gaining traction in the financial services industry. Even the big banks are showing an eagerness to explore Web 2.0 technologies. Here, FierceFinance presents the social media activity of some of the major players on Wall Street. Hover over the various data points to see how each bank stacks up. How to start writing your own sweet jQuery scripts Sometimes it can be hard to start writing a Javascript script when you don’t know what to do instantaneously. But luckily there is the Internet right? Just go to Google and type in what you want in a script. Good chance some jQuery or Javascript solution will show in the results, and you are basically done.

Seven JavaScript Things I Wish I Knew Much Earlier In My Career Advertisement I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s recent success; it’s good to be a part of that success story. I’ve written dozens of articles, book chapters and one full book on the matter, and yet I keep finding new things. Why Not Space? 24 views this month; 0 overall Ask a random sampling of people if they think we will have colonized space in 500 years, and I expect it will be a while before you run into someone who says it’s unlikely. Our migration from this planet is a seductive vision of the future that has been given almost tangible reality by our entertainment industry. We are attracted to the narrative that our primitive progenitors crawled out of the ocean, just as we’ll crawl off our home planet (en masse) some day. I’m not going to claim that this vision is false: how could I know that? But I will point out a few of the unappreciated difficulties with this view.

How to Test your JavaScript Code with QUnit QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, I'll introduce what QUnit specifically is, and why you should care about rigorously testing your code. What is QUnit QUnit is a powerful JavaScript unit testing framework that helps you to debug code. It's written by members of the jQuery team, and is the official test suite for jQuery. Ten Oddities And Secrets About JavaScript JavaScript. At once bizarre and yet beautiful, it is surely the programming language that Pablo Picasso would have invented. Null is apparently an object, an empty array is apparently equal to false, and functions are bandied around as though they were tennis balls. This article is aimed at intermediate developers who are curious about more advanced JavaScript.

Pleistocene Park - The Atlantic Nikita Zimov’s nickname for the vehicle seemed odd at first. It didn’t look like a baby mammoth. It looked like a small tank, with armored wheels and a pit bull’s center of gravity. Only after he smashed us into the first tree did the connection become clear. 45 Fresh Useful JavaScript and jQuery Techniques and Tools - Smashing Magazine Advertisement Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. We also cover various jQuery-plugins that will help you extend the functionality of your website and improve user experience with ready components or coding solutions. The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions.

Useful HTML-, CSS- and JavaScript Tools and Libraries Advertisement 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.

10 Easy jQuery Tricks for Designers There are plenty of jQuery tricks and techniques out there, and the vast and powerful jQuery library can meet almost anyone’s JavaScript’ing needs. Since jQuery makes JavaScript accessible to designers who want to add simple interaction and visual techniques into their design without knowing extensive programming knowledge, it’s worth a few moments to explore this excellent library. As any designer knows, adding small bits of extra visual detail and user-friendliness can add professionalism and appeal to any web design. In addition, for designers that sell templates, WordPress themes, and other types of web designs, the use of jQuery in a design can be a great selling point. Let’s take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level. 1.

Related: