Dan Cederholm’s Bulletproof Web Design Continuation: Handcrafted CSS
SimpleBits today announced the publication of Dan Cederholm’s new book: Handcrafted CSS: More Bulletproof Web Design, it’s the continuation of Bulletproof Web Design.
Handcrafted CSS: More Bulletproof Web Design is an attempt to share some of these details that matter most. By encouraging “progressive enrichment” to utilize advanced CSS and CSS3 properties that work in browsers today, to reevaluating past methods and best practices. This book will show how craftsmanship can be applied to flexible, bulletproof, highly efficient and adaptable interfaces that make up a solid user experience.
Handcrafted CSS: More Bulletproof Web Design
The book’s seven chapters deconstruct various aspects of a case-study Web site, focusing on aspects that make it bulletproof and demonstrate progressive enrichment techniques over more traditional labor-intensive methods. Subjects include building for unanticipated future use; progressively enriching designs using CSS3 properties that work today; the magic and flexibility of using RGB color with an alpha channel; modular float management, crafting flexible frameworks; fluid layouts using grid-based design principles; and craftsmanship details on typography, jQuery, and shifting backgrounds.
Online CSS Style Text Generator – CSSTxt
If you are not familiar with CSS syntax, or just want to save time for styling a simple paragraph text, you come to the right place. CSSTxt is an online tool to allow you easily generate the CSS style for text. Go straightly to type or cut and paste your text into the text square, and then select the basic text style including bold, underline, overline, italic, oblique, line through, uppercase or smallcaps, and then click the generate button. It will generate two versions of code to paste on your web page, “Novice” and “Expert”, both return the same result. The difference is that the expert version will separate the text and stylesheet for advanced users.
There are two more styling options for advanced users to customize the text. The first, on the left allows you to adjust letter spacing, word spacing, font size, line height and border size; and to the right, you can arrange alignments, border styles, font and background colors as well as font type. Finally, advanced option enables you to set margin and padding for the text.
Powerful Screen Capture Suite with Aviary Talon and Falcon
Aviary is a powerful suite of browser-based design tools including photo-editing, logos, web templates, filters, color palettes and screen capture for web designers and developers.
Aviary recently released a new feature that allows you capture any web page even Flash from any browser by simply putting Aviary.com/ in front of the url. For example, if you go to Aviary.com/http://google.com, it will capture Google’s homepage and redirect the capture image to the image markup tool Falcon for you edit and add simple markup. If you want additional options like choose different screen resolutions, region to capture, quality / speed settings or multiple browsers / operating systems, just directly go to http://aviary.com/launch/talon.
In addition, you can also choose a more powerful Firefox plugin called Aviary Talon which let’s you grab a screen shot or portion of a screen at any time and automatically imports the capture image into Aviary’s browser-based editing platform. Once you capture the image, Falcon gives you the option of editing the image on the fly, saving the image to your desktop, copying it to your clipboard or hosting the image at Aviary.com.
It’s Time for an Upgrade to the Fastest Firefox 3.5
Mozilla today just launched Firefox 3.5! It’s claimed Firefox 3.5 is twice as fast as Firefox 3, and a whopping 10x faster than Firefox 2.0 with the faster TraceMonkey JavaScript engine and DOM. Congrats to the Firefox browser development team who work hard to make the Web faster and better. In addition to improve the performance, Firefox 3.5 gets several impressive new accessibility features for website and application developers, for example Open Video and Audio, Downloadable Fonts, TraceMonkey, XHR, Location-aware Browsing, Media Queries, Native JSON, Web Worker Threads and much more.
Impressive jQuery Sliding Panel WordPress Plugin
The Sliding Panel Plugin, was coded by Justin Tadlock at ThemeHybrid, adds a panel that opens and closes to the top of your WordPress blog with a simple mouse click. It’s an ideal plugin for you to add additional content like category list, welcome messages, search form or anything you want in a cool sliding panel. Sliding Panel is powered by jQuery JavaScript library and is completely widgets supported. Anyway Sliding Panel is working on WordPress 2.8+ only, so make sure to upgrade your blog to the latest WordPress version first.
1. Sliding panel in its closed state.
2. Sliding panel in its open state.
For more new WordPress themes and plugins news and resources, please kindly subscribe to our RSS feed to get daily updates for FREE.