background preloader

100 Best JavaScript Resources

JavaScript is an extremely useful scripting language for enhancing user experience and usability. It is becoming more and more popular, as more developers begin to make cool techniques accessible. Here are 100 excellent JavaScript (and a few AJAX) techniques, plugins, and resources based on the major libraries of jQuery, Prototype, Scriptaculous, MooTools, and Dojo. JavaScript Techniques and Tutorials Coda Pop-Up Tutorial Build An Incredible Login Form with jQuery Create a Slick Tabbed Content Area using CSS & jQuery Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculus Create a Simple, Powerful Product Highlighter with MooTools Creating a Dynamic Poll with jQuery and PHP Creating a “Filterable” Portfolio with jQuery Leopard Desktop with jQuery using jqDock Adding to Our Leopard Desktop with jQuery Use the jQuery UI to Control the Size of Your Text Animated Drop Down Menu with jQuery Animated Menus Using jQuery Fancy Box Easiest Tooltip and Image Preview Using jQuery

5 Sources for Free and Legal Images Everyone knows that almost any blog post is better with images. However, getting them can be a difficult matter. With a maze of licensing and fair use issues making it hard to decide what is and is not legal to use, many bloggers don’t wish to use images that they have not taken themselves. But while using your own images is always the best way to go, there are several great sources to help you find and locate images that you can use as part of your blog posts. The best part of all is that these tools are free. Photo Dropper Photo Dropper is hands down one of my favorite WordPress plugins. Photo Dropper is extremely simple to use. From there, you’ll be able to search for keywords related to your post. Photo Dropper may take some fiddling to get relevant images and you might have to tweak the HTML to get it to fit well in your posts. Zemanta The drawback to Zemanta is that it can make modifications to the post beyond what is selected. GumGum This use of ads is what may upset many. PicApp

70 Excellent Logo Design Tutorials and Resources By Jacob Gube An effective logo sets the tone and public perception of your brand, and therefore careful thought and creativity must be put into constructing it. In this article, you’ll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry. Logo Design Tutorials Step-by-step logo Designer/Author Chuck Green shows us the general process he takes when designing a logo. Big Bocca – Illustrative Logo This downloadable tutorial goes through the process of designing an illustrative logo. Piranha’s Revenge – Illustrative Logo Artist Von. Logo Frustration Take a peak into a real-world project to see an actual logo designer in action. Creating the Logo / Identity for “Blackberry Creek Community Church” You’ll see, from start to finish, the creation of a logo for the "Blackberry Creek Community Church". Drawing a Good Logo UX Developer Nathan Smith discusses his method for creating an iconic logo design. LogoPond

Tools To Make Your Web Development More Efficient John K. Taylor Are you a developer who is sick and tired of having to do everything manually? Does sifting through your code to hunt down tiny mistakes make you want to scream? Then perhaps some of these web development tools will come in handy for making your work more efficient. CSS Grid Builder This is a framework that was developed by Yahoo! Clean AJAX This tool has been designed to speed up AJAX development, which is just not possible when done manually. CSS Sprite Generator This tool has been designed to reduce the number of HTTP requests are needed for rendering images in web browsers. Firebug This is an extension created by Mozilla Firefox that gives a developer a wide range of web development tools and features that they otherwise may not have had access to. CSSTidy This tool is an open source application that aims to reduce file size through analyzing text, fixing and optimizing the CSS code. This useful article is shared by John K.

70 Tutorials Using Photoshop To Design A Website This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below. 1) Carbon Fiber Layout you’ll learn how to make this sleek layout with a carbon fiber background that would look great as a landing page for a website. 2) Design Studio Layout In this tutorial you will learn how to make a layout for your design studio website. 3) Create a web 2.0 layout in photoshop In this tutorial, you’ll learn how to create a very fancy “Web 2.0″ website layout in Adobe Photoshop using beginners skills. 4) Watercolored design studio blog layout In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog. 5) Corporate Business Layout 6) How to create a worn paper layout 7) Arhitecture layout

23 of The Hottest Gadgets and Technologies from 2008 » The Hotte 23 of The Hottest Gadgets and Technologies from 2008 The 20th century has been all about one thing: innovation. Every year we have new technologies and new advancements that further progress our society. 2008 was no different and offered its own assortment of technological innovations and hot gadgets. Below is a listing of some of the most beneficial, and some of the most popular gadgets and gear to come out of 2008. Slingbox SOLO The Slingbox SOLO is a media unit that allows you to watch your TV from anywhere, either on your laptop or on your cell phone. The Toyota Prius has been the leader in the hybrid vehicle market thus far, but in 2008 Honda introduced their plans for the second generation of the Honda Insight.

SQL date performance problems Most obfuscations involve DATE types. The Oracle database is particularly vulnerable in this respect because it has only one DATE type that always includes a time component as well. It has become common practice to use the TRUNC function to remove the time component. SELECT ... It is a perfectly valid and correct statement but it cannot properly make use of an index on SALE_DATE. “This book is definitively worth having in the company library.” — Joe Celko There is a rather simple solution for this problem: a function-based index. CREATE INDEX index_name ON table_name (TRUNC(sale_date)) But then you must always use TRUNC(date_column) in the where clause. The problem also occurs with databases that have a pure date type if you search for a longer period as shown in the following MySQL query: SELECT ... The query uses a date format that only contains year and month: again, this is an absolutely correct query that has the same problem as before. SELECT ... MySQL Oracle PostgreSQL SQL Server Tip

Easily Password Protect a Website or Subdirectory Working on a website that you need others to see, but not the whole world? Password protecting a website (or a sub directory within a website) is actually a pretty easy thing to do. .htaccess file AuthType Basic AuthName "restricted area" AuthUserFile /path/to/the/directory/you/are/protecting/.htpasswd require valid-user The exact path to the file is extremely important here. /home/21410/domains/css-tricks.com/html/examples/PasswordProtected/.htpasswd You should be able to to echo out a phpinfo(); on a page in that directory to scope this directory out. .htpasswd file css-tricks:csmBH6tTLNZBE That is what the contents of the .htpasswd file should look like. In fact, I obviously first learned this from David as pretty much this exact same tip is on his site. See it in action

PS Brushes.net - Photoshop Brushes, Your Number one source for P Author Brushes Website Name Brush ID Download JaapvdV 8 Site 01 Fractal Brushes 000072 Author Brushes Website Name Brush ID Download JaapvdV 12 Site 01 Fractal Brushes 000073 Author Brushes Website Name Brush ID Download Sadistic Clown 13 Site 01 Fractals 000197 Author Brushes Website Name Brush ID Download Sadistic Clown 7 Site 01 Fractals 000198 Author Brushes Website Name Brush ID Download Sadistic Clown 25 Site 01 Fractals 000199 Author Brushes Website Name Brush ID Download Author Brushes Website Name Brush ID Download Bi-Extacy 8 Site 01 Arrogance 000202 Author Brushes Website Name Brush ID Download Bi-Extacy 8 Site 01 Arrogance 000203 Author Brushes Website Name Brush ID Download Bi-Extacy 10 Site 01 Dynasty 000204 Author Brushes Website Name Brush ID Download Bi-Extacy 11 Site 01 Elemental 000205 Author Brushes Website Name Brush ID Download Bi-Extacy 12 Site 01 Phantasm 000206 Author Brushes Website Name Brush ID Download Bi-Extacy 12 Site 01 Phantasm 000207 Bi-Extacy 12 Site 01 Phantasm 000208

The End of Pagination What do you do when you have a lot of things to display to the user, far more than can possibly fit on the screen? Paginate, naturally. There are plenty of other real world examples in this 2007 article, but I wouldn't bother. I can understand paginating when you have 10, 50, 100, maybe even a few hundred items. Once you have thousands of items, you don't have a pagination problem. But perhaps you don't know exactly what you're looking for: maybe you want a variety of viewpoints and resources, or to compare a number of similar items. Once we've chosen a suitable order and a subset of relevant items … do we really need pagination at all? It isn't just oddball disemvowelled companies, either. Pagination is also friction. I'm not necessarily proposing that all traditional pagination be replaced with endless pagination. Once you've done that, there's a balance to be struck, as Google's research tells us: The scroll bar, the user's moral compass of "how much more is there?"

Related: