I have been doing some web design with blueprintcss lately. If you don’t know blueprintcss, I warmly recommend reading BlueprintCSS 101.
To make certain types of links a little more fancy I was using externalLinks.css from Elements in other templates. I adapted this CSS and use it together with blueprintcss now. Writing
1 2 3 4 5 6 7 8 9 |
<h1>Fancy links</h1> <p><a href="http://www.ikhono.net">Internal link</a></p> <p><a href="http://www.gonedivin.net">External link</a></p> <p><a href="mailto:zaphod@beeblebrox.net">Send E-Mail</a></p> <p><a href="aim:goim?screenname=zaphod">Send AIM Message</a></p> <p><a href="http://darcs.haskell.org/yaht/yaht.pdf">PDF document</a></p> <p><a href="http://www.webbyawards.com/misc/2004WinnersList.doc">Word document</a></p> <p><a href="http://userfriendly.org/rss/uf.rss">RSS link</a></p> |
produces the following output
Try it out yourself with the demo of fancy links.
To use fancy links with blueprintcss simply download the archive and extract it to the plugins folder. There are two stylesheets you can use in your template: fancy-links.css and fancy-links-compressed.css. fancy-links-compressed.css is the compressed version of fancy-links.css without comments and unnecessary whitespace.
Make sure to replace yoursite.com in the stylesheet with your URL to reset internal links that use absolute URLs. You can also apply the class exempt whenever you don’t want an icon to appear, e.g. for image links.
Of course this is not exclusively for blueprintcss, you can use this stylesheet for any template without using blueprintcss.
Disclaimer: I didn’t really test this with any other browsers than Epiphany 2.20 (Gecko 1.8), Firefox 2.0 (Gecko/20071204), Opera 9.24 and Internet Explorer 7. So I’m not sure how cross-browser compatible this is.
This is part 2 of my ongoing series about programming with Eiffel and EiffelStudio. See part 1 on how to install EiffelStudio.
Before we start programming, I’d like to introduce some of Eiffel’s basic principles and special vocabulary.
The object-oriented programming language Eiffel was designed by Betrand Meyer in 1985. The name is an homage to Gustave Eiffel, who among other things built the metal scaffolding of the Statue of Liberty in New York and the Eiffel Tower in Paris.
With Eiffel, Meyer created a tool, which enables developers to construct large software systems out of reusable and easily maintainable modules. This series of articles introduces the programming language Eiffel and describes how to develop applications with EiffelStudio.
Chicle is the natural gum from Manilkara chicle, which is a tropical evergreen tree native to southern North America and South America. It was traditionally used in chewing gum.
(Source: Wikipedia)
And Chicle is also a simple framework created by me for writing and publishing LaTeX documents.
Chicle needs some external programs to work - most of them are configurable:
Go to the project page for more information. The project page also offers archives of the initial release.
For a software architecture course at university, two colleagues and I implemented snippet support for EiffelStudio.
I see our implementation as a proof of concept that showed it is quite easy to support snippets in the EiffelStudio editor. But I think the snippets support is to primitive to be really useful. If I find some time, I’d like to implement snippet support simliar to NetBeans, Emacs and/or Gedit.
Go to the project page for more information about snippets in EiffelStudio. If you want to know more about snippets in general, see Wikipedia.
This work is licensed under a
Creative Commons Attribution-Share Alike 3.0 Unported License.
