CSS hearts Adobe Just a little something I knocked out quickly this morning to poke fun at the ongoing war between Adobe and Apple. Summary Flash is evil, and Apple have every right to exclude it from the iPhone platform. If you disagree maybe you should check out this link (hat tip: @anthonyshort)
css Tag Archive
·•·
Wanted: 1 dribbble invite A little bit of fancy-pants CSS to construct the dribbble icon just using CSS — no images. The bounce added using a touch of jQuery.
Yay! It worked! Big thanks to Dan for the invite, and you’ll find my dribbbles here (or at least you will once I post some… can’t really do that right now, because I’m at work)
·•·
Download Hundreds of @font-face Fonts If, like me, you’re considering adding a bit of @font-face spice to your site then I’d definitely recommend having a look at Font Squirrel. There is a stack of fonts, with new ones be frequently added, ready to be used. There should be a style to suit your needs in there somewhere.
·•·
Web fonts — where are we? Web fonts seem to be the topic of the moment, we all want to use cool, interesting fonts in our web design, but we can’t because that just not how things currently work. Will there be a solution? yeah eventually. Favourite part of this article is this bit:
Way back in 1997, Microsoft developed its proprietary EOT (Embedded OpenType Format — basically a compact version of OpenType, that permits sub-setting), that only supported Internet Explorer. Hoping for widespread adoption, Microsoft opened it up for all, and in 2007 submitted their EOT proposal to the W3C (for inclusion in CSS3). Later that year, the proposal was rejected, for, among other reasons, security.
A few things wrong there… firstly IE submitting a 10 year old idea, secondly they submitted it for inclusion in CSS3. IE doesn’t support CSS3, not even in the latest and greatest IE8. So to them it probably doesn’t matter that it was rejected.
·•·
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Could possibly be made even more powerful if combined with something like this CSS browser selector
·•·
Push Your Web Design Into The Future With CSS3 The sooner more CSS3 properties become available across all browsers the better. I wasn’t aware that ‘box-shadow’, ‘text-shadow’ and ‘@font-face’ worked in Firefox 3.1, no real reason not to use them now.
·•·
shouldiusetablesforlayout.com No. If you can’t make a div based layout work these days, then, well, you’re probably using Internet Explorer. Solution. Stop using Internet Explorer. Seriously you have no excuses anymore now that both Safari and Firefox are available for both Windows and Mac.
·•·
Easy CSS Drop Caps
Adding drop caps to the beginning of a paragraph, as I did with my latest redesign, is actually a pretty simple and straight-forward process. The effect can be achieved with just a couple of lines of CSS making use of two special ‘pseudo-elements’.
This effect should work in most browsers (yes, even Internet Explorer, according to MSDN both ‘elements’ should work in IE5.5+), the only real variation may be which font is displayed for the drop cap, and the way the specific browser interprets ‘em’ font-sizes. Alternatively pixel sizes could be used for the drop cap font, which should allow you to get greater consistency between browsers.
As mentioned we’re going to use two pseudo-elements as outlined in the CSS2 specification, the two ‘elements’ in question are :first-line and :first-letter. If you’re curious and want to know more about these ‘elements’ or the concept of ‘pseudo-elements’ feel free to follow the links and have a read of the specification, its not necessary for the purposes of this brief how-to, but some people are into that sort of thing.
·•·
How to fix crappy IE image scaling All these years making do with the below par appearance of scaled images in Internet Exploder and all we had to add was one measly little line of css. Hit the link for a before/after comparison.img { -ms-interpolation-mode:bicubic; }
·•·
Fluency Admin 1.0 released
Please not that Fluency 1.x is only compatible with blogs running WordPress 2.6.5 or older. Please use Fluency 2 for blogs running WP 2.7+
Ok, so it’s a tiny bit later than I originally promised, but I was hoping that WP2.5 would actually be out on the 10th so that I could give Fluency the once over when running on the final product. But so I don’t keep you all waiting, I’ve run some checks against the latest build (11−03−2008 nightly) and it all looks good. So those of you who are already running the WP2.5 can start using Fluency straight away. No doubt there will probably be more changes between now and the final release of WP2.5 but I work them in as they come.
Features
- Super easy installation.
- Smooth grey color scheme (no more blue)
- Menus rearranged, main menus down left, sub menus across the top
- WordPress 2.5+ only
- Have a look at the screen shots here for more detail. Screenshots are now online!
Download and Installation
It really doesn’t get much easier than this, just download the zip file (the link is at the top right of this page, after the jump for my feed readers), extract the contents and upload the whole ‘wp-admin-fluency’ folder to your web server plugins directory which you can find here:
[wordpress directory]/wp-content/plugins/[put fluency here]
Then go into your WordPress admin and go to the ‘plugins’ page, activate ‘Fluency Admin’ and you will instantly be using the theme. Easy as that.
The future
I will do my best to keep Fluency up-to-date with the latest stable version of WordPress. I’ve also got a couple of things in mind to make Fluency even better, and more customisable. But for the moment the main ‘updates’ will be support for additional plugins, to make sure that the plugin admin pages remain completely usable and inline with the rest of Fluency.
Note about plugins
In this initial release I’ve added support for WP-PostRatings to ensure that its options page displays correctly. Over time I’ll continue to add more plugin support so keep an eye out for the updates. And if you have a plugin you would like to see supported then please let me know via the support forum or bug tracker.
Support
If you’ve got any questions about Fluency, you can leave a comment or better yet jump over to the support forum and I’ll do my best to help you out. I’ve also set up a bug tracker, so if you come across something that isn’t quite right post the bug and I’ll look into it.
Donations
Plugins don’t design and code themselves, they take precious time to build, test and support. So if you use and like Fluency Admin, or any of my other work, please consider a donation, there is a link at the top left of this page just below the download link. All donations are greatly appreciated.
·•·