Category: Css

This will end my Year with the links for the day or Week. I will start the new year with a completely new format for these type of links. I would appreciate any critique or comments on how you would like to have these links formatted for your convenience.

CSS

• The 1KB CSS Grid
• 15+ techniques and tools for cross browser CSS coding
• Better CSS Font Stacks
• Override Inline Styles with CSS
• 35 CSS-based Layouts that Look Awesome
• 5 Advanced CSS Techniques To Increase Your Skill Set
• 15 Extremely Useful CSS Grid Layout Generator For Web Designers

Start a web application from scratch

• Part 1 – Planning the App: Basic Idea and Design
• Part 2 – Planning the App: Database Architecture and Development Approach
• Part 3 – Designing the App: Workflow Map and Photoshop Design
• Part 4 – Designing the App: HTML and CSS
• Part 5 – Developing the App: User Interaction
• Part 6 – Developing the App: Adding AJAX Interactivity
• Part 7 – Developing the App: List Interaction
• Part 8 – Security & The Future
• Part 9 – Bugs, Security, and Other Tweaks
• And finally…. the application! Colored Lists

Worpress

• 10 Things You Need to Know About WordPress 2.9
• 10 Easy ways to fix common WordPress headaches
• 20+ Tutorials and Resources for Working with Custom Fields in WordPress
• 45+ Essential WordPress Plugins for Pro Blogging
• 25 Unique uses of WordPress as CMS
• 13 Simply Useful WordPress Plugins That Can Make Lives Easier
• WordPress Theme Frameworks – A Comprehensive Overview
• 20+ Brand New and Incredibly Useful WordPress Plugins
• Stupid WordPress Tricks
• 12 Essential Security Tips and Hacks for WordPress
• 16 WordPress Sites to Help You Build a Better Blog
• 10 Must Have Hacks For WordPress Development

Php

• Getting Clean With PHP
• phpanywhere.net
• PHP: Display Adobe PSD files on a web page
• 43 Must Read PHP Articles and Resources
• 16 PHP Frameworks To Consider For Your Next Project

User Experience/User Interface

• 5 Damn Easy Ways To Improve User Experience | Spyre Studios
• UX pattern Explorer
• Factors That Affect Usability
• 10 Signs of a User-Focused Design
• UX Booth
• Inline Validation in Web Forms
• 10 UI Design Patterns You Should Be Paying Attention To
• Forgiveness in UI design
• Usability tips for visualizing Ajax requests
• 40+ Helpful Resources On User Interface Design Patterns
• Create and collaborate interactive UI mockups for your software and websites.

Web Design and development

• Beautiful Hand Drawn Websites
• 50 Inspiring Examples of Minimalism in Web Design
• What makes a website successful? It might not be what you expect!
• 60 Trendy Web Design Interfaces Created In October
• 75+ Truly Remarkable Typography Resources
• Quick reference search in HTML, CSS, JS, Ajax and other developer documentation
• Firediff is a Firebug extension that tracks changes to a pages DOM and CSS.
• The Evolution of a Website Design
• 50 Helpful iPhone Apps for Web Designers and Developers
• Creating a Usable Contact Form
• Speed Up Your Website with Better Image Optimization in Photoshop
• 22 Awesome Adobe AIR Applications for Designers
• 50 Creative and Inspiring 404 Pages
• 50 Brilliant Design Articles of 2008
• 10 short ‘n’ sweet tips on how to design for web
• [PDF] 25-point Website Usability Checklist
• 40+ Beautiful Patterns and Textures
• If Content is Really King, Then What is Design?
• The Benefits of Experimentation
• 25 Must-Read Blogs for Freelance Designers
• Pagination is dead
• Use Sprites to Create an Awesomeness-Filled Navigation Menu
• Create a Twitter-Like “Load More” Widget
• Color: The Next Limited Resource?
• 40 Beautifully-Designed Navigation Menus:
• Usability testing userfly.com
• 35+ Horizontal Websites for Your Design Inspiration
• CometChat is the first integrated inline chat script which works straight from your website
• More Stencil Fun For Designers
• 25 Awesome Facebook Apps for Designers
• Minimalist Web Design: When Less is More
• Solutions to 5 Common Ajax Problems
• http://zentextures.com/
• How important are web standards?
• ColdFusion Coming Back???
• On Web Typography
• 10 Tips for a Fast Website | Layers Magazine
• Designers Predict Design Trends for 2010 – Part I
• Logo inspiration gallery
• 13 Must-Have Add-ons To Strengthen Firebug
• The Unusable and Superficial World of Beer and Alcohol Websites
• Web Application Interface Design Guide

Tutorials/Tips/Opinions

• Integrating Prototyping Into Your Design Process
• Everything You Ever Want to Know About Creating Seamless Patterns in Illustrator
• 5 Articles To Understanding Your Websites Bounce Rate
• Adaptable view – how do they do it?
• 7 Tips To Make Your Web Site Mobile-friendly
• Fireworks vs Photoshop Compression
• The Future Of The Web: Where Will We Be In Five Years?
• 15 Helpful Blogs No Freelancer Should Forget
• Ultimate Guide To Grid-Based Web Design: Techniques and Tools
• ColoRotate: browse and create your color palette in 3D
• How to manage a small web project: a simple approach
• Search Engine Optimization 101
• Real-Life Twitter Business Success Stories
• Benefits of Increasing Communication in the Development Process
• http://www.prettyloaded.com/
• Love what you do and they will listen – my Pecha Kucha talk for Webdirections East in Tokyo
• Web Design is Dead! Introducing a much improved web design process.

Tools

• 25 Free Must Download Design Programs
• Website Analytics Toolbox
• Here’s an nteresting drawing application called LiveBrush (free download):
• 20 Tools to Make the Life of a Web Developer Easier
• Don’t Be Stupid – Typographic Poster for Download
• Typekit looks sharp! Some really cool fonts as well
• ui-patterns.com – design patterns
• ConceptShare is a simple, cost-effective tool for gathering feedback from team members and clients.
• open source data visualization
• 35 Absolutely Useful Firefox Plugins For Web Designers And Developers
• Adobe Browserlab An easier, faster solution for cross-browser
• Site-Specific Browsers: Turn Websites Into Desktop Applications
• An open source web application meant to help manage & create invoices in a simple, straightforward way.
• 10 Amazing Tools for Sharing Visual Inspiration through Screenshots
• Tracker is an story-based project planning tool that allows teams to collaborate in real-time.Links for today
• Eight Robust Tools To Simplify Developer’s Worklife
• Pencil an animation/drawing software

Wireframing/ Prototyping

• Mockingbird Wireframes on the fly.
• The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes
• The Guided Wireframe Narrative for Rich Internet Applications
• 20 Steps to Better Wireframing
• 21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development
• Online wireframing tool with a core strength in content formatting and page structure.
• A Collection of Useful Web Design Wireframing Resources
• 35 Excellent Wireframing Resources
• Practical Prototyping Tips

Flash

• Away 3d Realtime 3d Engine for flash
• GeneralRelativity Flash Animation Library
• Why Flash Might Not Be Good For Your Website
• Client-Side File Generator with Javascript & Flash 10+
• AS3 tween Engine
• Swiz is a framework for Adobe Flex that aims to bring complete simplicity to RIA development.

Javascript

• Ajax Push Engine – Real time data streaming
• Learning Advanced JavaScript
• Tiny JS is an online directory of small but powerful plugins for popular JavaScript/Ajax libraries
• 7 Powerful image carousels for web designers
• Produce Interactive Charts of Time Series with dygraphs

Productivity

• 10 Ways for Designers to Boost Productivity
• 27 Must-Have Starter Kits For Web Designers
• How to Effectively Organize your Photoshop Layers
• Reinventing the Color Picker

Iphone

• iUI: iPhone User Interface Framework
• 43 iPhone Development Resources
• UI Stencil Kit for iPhone App Designers
• iPhone App Site Design Trends