web
Get flash to fully experience Pearltrees
Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn't work any more. Web design needs to be adaptive.
Adaptive & Mobile Design with CSS3 Media Queries
Enhance your web forms with new HTML5 features
Please note that HTML5 is an emerging technique. These examples are not intended for use on a production site. Results may vary according to browser implementation.
Aug 19 2010 Given our fields of interest and chosen professions, most of us have at least once in our lives had to brainstorm for one reason or another. But for those of us who apply this mental tool in our creative pursuits much more regularly, learning to do so effectively is crucial. Brainstorming could prove an invaluable addition to your creative arsenal, but only if you take the time and put forth enough effort to follow through on the process. This is an unfortunate truth for many, who believe that this “storm” is short-lived. But there is more to it than that.
The Perfect Brainstorm: A How To - Noupe Design Blog
flash
Who Needs University? The Best Nettuts+ Screencast Training Courses | Nettuts+
Just as with the “jQuery for Absolute Beginners” series, you’ll start from scratch and slowly work your way up to some more advanced PHP topics; this is another incredible series that first aired on the ThemeForest Blog. Magento is a stunningly powerful e-commerce platform. In celebration of ThemeForest’s new Magento category , this mini-series will you teach how to get started with the platform: you’ll get to know the terminologies and learn how to set up a store and all related aspects of it; finally you’ll learn how to customize it to make it your very own. 3. JavaScript from Null Thanks to the wide adoption of libraries like jQuery and Mootools, JavaScript’s popularity has skyrocketed in the last few years.
10 CSS Snippets to Save Precious Time | Blog Oh Blog
Today, I have compiled a set of 10 CSS snippets that can save you a lot of time and effort. These codes are needed frequently when developing CSS-based websites or themes. Just bookmark these codes (Ctrl + D) so that you don’t have to look for them on the Internet every time. HTML tags on different browsers have their own formatting and styling.
Web Development & Design Tutorials - Nettuts+
The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together, we came up with a bar chart that responds interactively to user input without, heaven forbid, reloading any pages. We’re very pleased to be able to share that with the coding community. There are some CSS tricks involved, a dose of jQuery, and some graphic magic, but when we’re done with this tutorial, we’ll have a beautifully interactive chart that you can customize to your heart’s content.
This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room; that is, how we can rely on media queries and breakpoints without any concern for devices. 2 Let’s start our journey by looking at the online tools such as Responsive Design Testing , Responsive.is , Responsinator and BriCSS . These pages let people check websites through a set of pre-built views based on various device sizes or orientations. Bricss even goes one step further and allows you to "customize" viewports by setting any dimensions you want.
Smashing Magazine
120 Tips, Tricks, and Tuts from 2009 Worth your Time | Nettuts+
Now that we’re down to the end of 2009, what were some of the best web development and design tutorials and articles from the year? We’ll take a look at 120 of them! In today’s video tutorial, we’ll be building a login system with PHP and MYSQL. Many, many features will be covered; including MySqli, Prepared Statements, jQuery, Classes, Sessions, Cookies, etc. I bit off more than I could chew for today’s screencast. So, I’ll be creating a Part 2 in the next couple of weeks in order to improve our system even further.
» 30 More Essential PDF Documents Every Designer Should Download
It has taken me almost an entire year to compile, but I have finally created a followup entry to the original “ 30 Essential PDF Documents Every Designer Should Download ” Article. The original was the most popular article I have ever posted on this blog receiving well over 500,000 unique views – fueled by twitter referrals and stumble upon. I believe that this collection is even better than the first so please enjoy these links from some of the web’s most well respected authors. Thanks for sharing! Each of the featured resources should have an associated PDF version.
jquery
php
Safari 4+, Chrome 1+, Firefox 3.6+, and Opera 11.10+ are all now supporting CSS3 gradients. This wide browser support makes using them for progressive enhancement all the more appealing. More good news, CSS3 gradients fall into the camp where you can specify fallbacks (i.e. images) so that browsers that don't support them just use the image instead.
Speed Up with CSS3 Gradients | CSS-Tricks
10 sql tips to speed up your database
For example, I have seen people storing information such as client info and payment info in the same database column. For both the database system and developers who will have to work on it, this is not a good thing. If you want to optimize a specific query, it is extremely useful to be able to get an in-depth look at the result of a query. Using the EXPLAIN statement, you will get lots of useful info on the result produced by a specific query, as shown in the example below: Each time you’re sending a query to the database, you’re using a bit of your server resources. This is why, on high traffic sites, the best thing you can do in order to speed up your database is to cache queries.While they may not be used as often as they once were in the heyday of table based web design, image maps can still be quite useful in situations that call for it. Unfortunately, for beginners, achieving this with CSS alone, can be a difficult concept to grasp. In this tutorial, we're not only going to get you up to speed on how to create a CSS image map, but, we're also going to take it a couple steps further and add hover states to our image map using a CSS background image sprite , as well as a "tooltip" like popup. Introduction In the days of table based web design, using image maps in your web layouts were quite common.