Typography (FREE STUFF!)
http://ilovetypography.com/ (My Favorite!)
http://www.bluevertigo.com.ar/bluevertigo.htm
http://cameronmoll.bigcartel.com/product/letterpress-poster-16×24 (NICE POSTER)
CSS Frameworks: Design From Scratch
You don’t have to write the same CSS-code or (X)HTML-Markup over and over again. Whatever project you’re starting to work with, at some point you have to define classes and IDs you’ve already defined in your previous web-projects. To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” scratch. The latter might contain some basic definitions you’d write in your code anyway. However, once you’ve decided to create such a scratch, you need to make sure it is really bulletproof — besides, if the stylesheet also sets up optimal typographic rules and basic form styling you manage to kill two birds with one stone.
And this is where CSS Frameworks and CSS Reset are becoming important. Using them, you can get yourself a perfect default-stylesheet and markup, save your time and ensure the best quality of your code from the very beginning. But what are CSS Frameworks? And why do you need the Reset for?
Let’s take a look at the idea behind CSS Frameworks, their advantages and disadvantages, most popular CSS frameworks and dozens of default-stylesheets you can use designing a new web-site from scratch.
- This article partially covers tools and techniques which use Grids. You might want to make sure you get the idea behind the grid-based design approach — from our article Designing With Grid-Based Approach.
- You can find hundreds of CSS templates in our article Free CSS Layouts and Templates.
- Please notice that this article takes a closer look at CSS Frameworks, not at extensive server-side programming frameworks such as CakePHP and also not at Web Development Environments such as Coda or Dreamweaver.
What is a CSS Framework?
- A framework is a basic (usually abstract) conceptual structure which you can use as a “scratch” for your web-projects. For instance, instead of defining global reset, consistent baseline, typographic rules or basic styles for forms over and over again — every time you work on a new project — you can prepare a default-style once and reuse it in all your future projects. This is what you call a CSS Framework.
- CSS frameworks don’t have to be complex or large, they may contain a set of simple CSS-styles such as
- typography.css for basic typographic rules,
- grid.css for grid-based layouts or
- layout.css for general layouts,
- form.css for basic form styling,
- general.css for further general rules
and so on. In your code segmentation you can also go further, for instance: structure, typography, design presentation, specialist sections (e.g. menus, navigation), print, mobile web, tweaks (mostly old style browser hacks), browser specific workarounds (via IE conditional statement). “On the whole code segmentation in frameworks is handy to work with, but it can add some real load to a server with the extra http request per page view.” [Treading Lightly With CSS Frameworks, by Gary Barber]
- “[Framework is] a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused. The goal here is to allow the designer or developer to focus on tasks that are unique to a given project, rather than reinventing the wheel each time around.” [Framework For Designers, by Jeff Croft]
Advantages of CSS Frameworks
- You increase your productivity and avoid common mistakes.
If you develop several sites of the similar nature, an abstraction of CSS code can dramatically speed up your productivity, help you to avoid common mistakes and simplify the management of CSS code. - You normalize your code/class base.
You have a common “default” CSS-code and (X)HTML-markup, so you always use the same IDs and class names in your projects. Code consistency throughout a number of projects makes it’s easier for you to maintain a web-site without digging into the source code of every project you’ve ever worked on — to understand how you’ve actually built the web-site.
My first go at Mobile Blogging!
Just started to do some fun stuff at mobile blogging!
Wordpress rocks! 
Don’t Quit
When things go wrong as they sometimes will,
When the road you’re trudging seems all uphill,
When the funds are low, and the debts are high,
And you want to smile, but you have to sigh,
when care is pressing you down a bit ~Rest if you must, but don’t quit.
Life is queer with it’s twists and turns,
As everyone of us sometimes learns,
And many a failure turns about
When he might have won had he stuck it out;
Don’t give up, though the pace seems slow–
You might succeed with another blow.
Life is queer with it’s twists and turns,
As everyone of us sometimes learns,
And many a failure turns about
When he might have won had he stuck it out;
Don’t give up, though the pace seems slow–
You might succeed with another blow.
Often the goal is nearer than
it seems to a faint and faltering man,
Often the strugler has given up
When he might have captured the victor’s cup.
And he learned too late, when the
night slipped down,
How close he was to the golden crown.
Success is failure turned inside out,
The silver tint of the clouds of doubt,
And you never can tell how close you are,
It may be near when its seem afar,
So stick to the fight when you’re hardest hit ~
It’s when things go wrong you mustn’t quit.
Mumbai Shakens, India UNITES - Politicians: JUST STAY AWAY!
Explosions, fire at Taj Hotel - Mumbai 26 november 2008 terrorist attacks
Top cops die on duty - Mumbai terrorist attacks 26 november 2008 India
CSS Gradient Text
Benefits
- This is pure CSS trick, no Javascript or Flash. It works on most browsers including IE6 (PNG hack required).
- It is perfect for designing headings. You don’t have to render each heading with Photoshop. This will save you time and bandwidth.
- You can use on any web fonts and the font size remains scalable.
How does this work?
The trick is very simple. Basically we are just adding a 1px gradient PNG (with alpha transparency) over the text.
The HTML markups
| <h1><span></span>CSS Gradient Text</h1> |
The CSS
The key point here is: h1 { position: relative } and h1 span { position: absolute }
| h1 { font: bold 330%/100% “Lucida Grande”; position: relative; color: #464646; } h1 span { background: url(gradient.png) repeat-x; position: absolute; display: block; width: 100%; height: 31px; } |
That’s it! You are done. Click here to view my demo page.
Make it work on IE6
Since IE6 doesn’t render PNG-24 properly, the following hack is required in order to display the transparent PNG (add anywhere in between the <head> tag):
| <!–[if lt IE 7]>
<style> <![endif]–> |
This is why we hate IE 6!
jQuery prepend version (for semantic lovers)
If you don’t want to have the empty <span> tag in the heading, you can use Javascript to prepend the <span> tag. Here is a sample using jQuery prepend method:
| <script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”> //prepend span tag to H1 }); |
More samples
Want to make Web 2.0 glossy text?
Literally, you can apply this trick on any solid background color (as long your gradient color is the same as your background color).
Pattern / Texture
You can also apply this trick with a tile background image. Look, here is an example of zebra pattern. So, be creative!
Limitations and more…
- This trick is only suitable for solid background color elements. Your gradient color (PNG image) must be the same color as your background color.
- IE PNG hack is required if you want it to work on IE 6.
- If your gradient image is taller than the heading, the text will not be selectable.
Great Online Business Tools for Mobile Devices
While working remotely can be a great experience, lugging around your laptop can put quite a damper on your fun. Why not just take your cell phone instead? Here are 45 resources that will let you do your work wherever you are, as long as there’s a cell phone signal. No Laptop or Broadband required!
Money/Finance: Cash is King - monitor finances anywhere you get a signal.
1. Quickbooks Mobile - The GrandDaddy of accounting now has a mobile interface that shows you cash in, cash out and the general state of your books.
2. Freshbooks - Online invoicing service that lets you send bills to customers. Offers an iPhone interface so you can keep the money rolling in.
3. PayPal Mobile - send, receive and check your PayPal balance from anywhere.
4. Mobile Banking - most major banks now let you do all your banking from your cell phone, so you can check balances, pay bills and accept payments.
5. Xpenser - track expenses in real time via SMS or mobile browsing
6. myHours - track your time and billing with myHours.
7. TSheets - update timesheets via text, iPhone App and mobile browsing.
8. Pocket PC Invoice - Invoicing software designed specifically for the Pocket PC.
9. Tip Calculator - Easily calculate total tip amount and how much everyone must contribute.
Remote Access and File Storage: Log in to your computer from anywhere, and get easy access to files whenever you need them
10. GoToMyPC - Use your computer from anywhere. Just log in from a cell phone and it will automatically connect you to your computer in the office.
11. iPhone VPN - Connect your iPhone to your company Virtual Private Network with these handy instructions from Apple.
12. OpenVPN for PocketPC - Use OpenVPN to connect to any VPN that supports the Open VPN Standard.
13. Files Anywhere - Use Files Anywhere to share, backup and keep files you need when you’re on the go.
14. MobileMe - online storage and syncing from Apple for iPhone, PC and Mac.
15. iZoho - Access your Zoho material from the iPhone. Only allows read access for now.
Communication and Contact Management: Stay in touch with employees and customers while on the go.
16. Salesforce - access the SalesForce interface from a Blackberry, Windows PC, and Palm.
17. SugarCRM -access your customer information with the Open Source Sugar CRM mobile module.
18. Highrise - online customer management tool from the folks at 37 Signals.
19. Free ConferenceCall.com - Set up a free conference call from anywhere and dial in with your cell phone.
20. Gmail - the Gmail we all know and love is probably the most mobile compatible email service out there. You can use it from a web service or use the IMAP feature to sync natively to your phone.
21. Loopt - share your status and even create a mobile network just for your company.
22. eFax - get your faxes sent to your email, and send from your cell phone as well.
23. Twitter - send short messages without having to use up your SMS allowance.
24. MyFax.com - similar to efax, except you can send and receive faxes directly from the web.
25. Meebo - Connect to most Instant Messaging services via the web.
26. Campfire - Group messaging service that is mobile and iPhone compatible.
27. BeeJive - native application for instant messaging on iPhone, Blackberry and Windows Mobile.
28. Fring - integrates instant messaging, Skype and actual telephones to provide an all-in-one-communications tool.
29. Skype - make cheaper or free calls when you’re in WiFi zone with Skype.
Project Management: Manage ongoing projects from wherever you may be.
30. Base Camp - manage teams and projects collaboratively via web based interface.
31. Wrike - project management tool that works well via email
32. Tempo - A cross between project management and time tracking, keeps track via SMS, Mobile Web, and even twitter.
Documents, Spreadsheets and Media: Access and create new document for clients and co-workers.
33. Google Docs - Viewing only of any documents you have in your Google Docs account
34. Adobe PDF Reader - custom PDF viewer for Blackberry, Windows Mobile and Pocket PC.
35. Foxit PDF Mobile - our favorite PDF tool, now in a convenient smart phone package.
36. Mobile Zoho - You can both access and create new spreadsheets, documents and presentations with Zoho.
37. Flickr - keep track of important pictures and access them anywhere with Flickr for mobile.
38. Photoshop Mobile - do basic image editing on the go with Photoshop mobile. Works with Windows Mobile only.
39. Shozu - use Shozu to upload, browse and edit pictures.
Travel : Manage itineraries, book flights and find where you need to go.
40. TripIt - organizes your itinerary as you email it confirmation and changes.
41. Flight Stats - find out if your plane is delayed or cancelled.
42. Orbitz - book tickets and hotels from most major airlines and chains.
43. Google Maps - get directions and find attractions.
44. Traffic.com - keep an eye on traffic and snarl ups as you go.
45. Taxis - call 1800-TAXI-CAB or 1-800-TAXI-USA and they will connect you with a local taxi service.
CSS Gallery
- Design Float
- Kyle Prier Freelance Web Design
- Fresh Apps for the iPhone
- web portfolio of new york city base
- STIAHNI-TO.SK - software download
- OMC Furniture Design
- Pennsylvanai Christmas & Gift Show
- Best Photo Blog
- Free Illustrations
- Life is a Battle
- UniqueCSS.com - Unique CSS Designs
- Love the Lakes
- Doodie\’s Doodles
- Yoursiteisvalid
- Skyron
- Screenshots of the new Wordpress2.7
- Uni.Lab OWL
- Before After
- Artsilo - free stock photos
- Digitalmash
- cms themes showcase
10 Powerful Shopping/Ecommerce Plugin Solutions For Wordpress
This article came about after a comment from Andrew Pitchford on the article 10 Amazing Wordpress Plugins for Flickr, he had enquired about eshopping plugins. So here we are, 10 of the most powerful shopping/ecommerce plugins for Wordpress.
WP e-Commerce plugin for Wordpress
Description: The WP e-Commerce shopping cart plugin for WordPress is an elegant easy to use fully featured shopping cart application suitable for selling your products, services, and or fees online.
WP e-Commerce is a Web 2.0 application designed with usability, aesthetics, and presentation in mind.
Note: This is by far and away the most complete and powerful Shopping Plugin you will find for Wordpress. The feature list goes on and on, have a look for yourself here: WP-Ecommerce Features.
Quick Shop plugin for Wordpress
Description: QuickShop supports any Wordpress that has the Sidebar Widgets installed, really. It adds a SideBar widget that shows the user what they currently have in the cart and allows them to remove the items, not to mention a TinyMCE button to easily allow you to add products to your posts/pages.
Features: A TinyMCE button. This is practically a copy and changeover from the NextGen Gallery ; Full range of formatting for widget layout in Admin -> Options -> Quickshop ; Two widgets - one is Paypal, the other is set for your custom solution ; Now has both Paypal Subscription and Donation tags ; Ability to create different product options in a drop-down.
eShop plugin for Wordpress
Description: There is a fair few features for this powerful plugin, here are some: use Wordpress pages, or posts, to create products ; list multiple products, with add to cart form, on a single page ; products can have multiple options ; upload downloadable products ; basic Statistics ; download sales data ; 3 methods for calculating shipping charges, plus various zone settings via Country or US State… and a few more.
WP Live-Shopping plugin for Wordpress
Description: This widget enables you to display all relevant live shopping offers within your Wordpress blog in one single widget. You can add the widget to your sidebar and customize its appearance as you like inside the boundaries of LiveShoppingWidgets presentation options.
YAK Shopping Cart plugin for Wordpress
Description: YAK is a simple shopping cart plugin for WordPress, associating products with weblog entries — thus the post ID also becomes the product code.
An options screen is used to configure settings for the shopping cart. There are 3 pages in the WordPress Management screens; one for showing and fulfilling orders, another for product management, and basic sales reports.
Are PayPal plugin for Wordpress
Description: This plugin is used to monetize wordpress blog content using PayPal. It is designed to sell your knowledge.
Features: Post/Page can be set to contain hidden content ; Instead of the hidden text user is shown a message about the action he has to take to be able to see the content ; Content can be set as hidden for unregistered users and visible for registered ; Content can be set as hidden for unregistered-unpayed users and visible for registered-paid users ; Gogglebot can index hidden content so users can search for a hidden content but can not see it. Other search engines will see only visible content ; Administrator can grant users to access payed content ; All the features are configurable using administration screens ; Plugin uses PayPal IPN - Instant Payment Notification protocol so payment/content delivery process is fully automated.
Paypal Shortcodes plugin for Wordpress
Description: This plugin allow to insert Paypal buttons in your posts or pages, just using a shortcode. This plugin doesn’t have a management panel at this time, you will need to edit paypal-shortcodes.php and follow the comments.
EasyDonation plugin for Wordpress
Description: EasyDonation allows Wordpress users to easily embed a PayPal donation button with one tag.
WP Auctions plugin for Wordpress
Description: WP Auctions is a revolutionary plugin for WordPress which allows you to host auctions on your blog and to sell ANYTHING, completely fee-free!
You no longer need to worry about listing fees, seller fees, final value fees, gallery fees or any other type of fee for anything you want to sell online from this day on! Once you list your auctions, you can register your plugin with the WP Auctions Live page and generate some traffic for your website.
Features: Create and host as many auctions as you like ; Upload multiple images for each auction ; Sell items only on ‘Buy It Now’ basis ; Show 3rd party ads when there are no auctions *new ; Get payment via PayPal (PayPal account required) ; RSS feed for your auctions, and many more…
ArtPal plugin for Wordpress
Description: ArtPal is a free (GPL) Wordpress plugin, originally written for Artists, to seemlessly integrate PayPal with their Wordpress blogs so that they can sell their work online.
Features: Easy PayPal integration–all you need to supply is your PayPal email address ; Real-time sales updates–as soon as your item sells, ArtPal will disable it from being sold. You’ll never worry about your item selling twice ; Professionally supported–businesses mean business. Digital Sublimity provides commercial support, so you can be rest assured that your critical application will stay up and running when you need it.
Read Original Article here:
http://speckyboy.com/2008/10/23/10-powerful-shoppingecommerce-plugin-solutions-for-wordpress/
