http://www.designer-daily.com/18-jquery-scripts-and-tutorials-to-improve-your-portfolio-2162
The Highly Extensible CSS Interface ~ The Series ~ Authentic Bor It’s been nearly three years since publishing a series of articles on this site. I’ve got an irresistible yearning to publish anew. Introducing “The Highly Extensible CSS Interface,” a four-part series of how-to’s and savvy conversation to be published in the coming weeks, with the first article debuting this week. The phrase “highly extensible” is in reference to designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates, while still retaining the overall aesthetic integrity of the layout. I hope you come to discover extensibility as being broader than just “bulletproofing,” though bulletproofing is certainly a significant part of it. Here’s what to expect:
82 Clever and Creative Fred & Friends Products I'm sure you've come across Fred & Friend products before at your local indie store and might not have even known it. Last weekend I was cruising around town and stopped at an indie store only to find one whole corner of the place dedicated to Fred & Friend products. It was heavenly.
10 Creative & Rich UI & How to Create Them Mar 29 2009 Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. Achieving a Vintage Look Through Color Tones in Photoshop CS by Guest Contributor Anna Gay Photographers are often striving for a “vintage” look in their photos, and even though there are endless ways of achieving a vintage look, there are a couple of characteristics to keep in mind. First of all, the color tones in a vintage photo often lean towards either a blue or a red hue, or a cross-processed look. Vintage photos also have an element of noise or grain that can be achieved through textures, and also a certain amount of vignetting around the edges of the photo. In this tutorial, we will look at adjusting color tones and adding vignettes. This photo is the result of adjusting the color curves, adding two vignettes, and a color fill, which we will walk through step-by-step.
Ten Web Development Tips I Wish I’d Known Two Years Ago A couple of years ago I started doing more and more web development and web design, and less and less desktop development. Here's a few things I wish I'd known then: 1. Use a Reset StylesheetDifferent browsers are free to set default styles for font sizes, margins, and so forth. The Shapes of CSS Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. Add border-radius and you can round that shape, and enough of it you can turn those rectangles into circles and ovals.
Dreamweaver Tutorial: How to Create a Website with Dreamweaver C Tutorial on How to Design Your Website Using Adobe Dreamweaver CS3 by Christopher Heng, thesitewizard.com Adobe Dreamweaver Creative Suite 3 (CS3), formerly known as Macromedia Dreamweaver, is a fully-featured commercial web editor that allows you to create, build and manage complex websites. The editor is a What-You-See-Is-What-You-Get (WYSIWYG) web editor, which means that you can design your web page visually and whatever you see on the screen is what your visitors will see when they visit your website. Dreamweaver generates standards-compliant code for your website which means your website will not become "broken" every time a new version of a web browser is released. For the technically inclined, the HTML and CSS code that it creates for your website will validate correctly.
YSlow: Yahoo's Problems Are Not Your Problem I first saw Yahoo's 13 Simple Rules for Speeding Up Your Web Site referenced in a post on Rich Skrenta's blog in May. It looks like there were originally 14 rules; one must have fallen off the list somewhere along the way. It's solid advice culled from the excellent Yahoo User Interface blog, which will soon be packaged into a similarly excellent book. It's also available as a powerpoint presentation delivered at the Web 2.0 conference. I've also covered similar ground in my post, Reducing Your Website's Bandwidth Usage. But before you run off and implement all of Yahoo's solid advice, consider the audience. Labs - GreyBox A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS
pound The Pound program is a reverse proxy, load balancer and HTTPS front-end for Web server(s). Pound was developed to enable distributing the load among several Web-servers and to allow for a convenient SSL wrapper for those Web servers that do not offer it natively. Pound is distributed under the GPL - no warranty, it's free to use, copy and give away. Web Pages That Suck presents the biggest web design mistakes in I've gathered what I think are the biggest web design mistakes committed during the period 1995 to 2015. Yes, it is a little facetious to say these mistakes will be made in the year 2015, but it's human nature to repeat your mistakes over and over. But it's human nature to repeat your mistakes over and over <grin>. I've added more material to the article—especially the sections on Contrast, Graphics, Flash, JavaScript and Text. I've added more videos and screenshots, including those of sites that have changed. I have proof of how bad they used to be.
Current style in web design In this article I try to sum up the current state-of-the-art in graphic design for web pages (late 2006, but still highly relevant today), and identify the distinctive features that make a modern web page look fresh, appealing and easy to use. The key feature of modern web design is simplicity. To learn how to apply simple web design to your own sites, you need to read “Save the Pixel – The Art of Simple Web Design”, which takes you through a full set of simple design tools, illustrated with 22 before & after redesigns. I’m glad to say that web design is better today than ever – and it’s continuing to improve. That’s not just because there are more web sites out there, so more good stuff to look at. There’s still an awful lot of crud too.
Designing a WordPress Theme From Scratch A lot of people are martyrs and want to get their hands in the dirt and design their own WordPress Theme from scratch. That’s okay. I did that, and then got smarter. Let’s start with the smarter choice. First, find a WordPress Theme architecture that you like, be it one or two sidebars, or no header, or whatever you want. Forget about the colors, graphics, and fonts. XP style tab pane Demo | Demo with two tab sets Download files You can download all the files needed for this script from this Zip file. Files in package tab-view.html = Main html file tab-view-demo2.html = Main html file(with two tab sets) js/ajax.js = Ajax (Library from js/tab-view.js = Main js file for this script css/tab-view.css = Cascading style sheet for the script externalfile.html = Sample file loaded by Ajax as content of dynamic created tab images/* = Images used in the script Configuration