Tag "css"

Create a nice badge-like object

You can create a nice round object and use it as a badge or a personal logo. It’s pure CSS, so it’s not suitable as a Sandvox logo like the one you usually place into the header: this needs to be an image. What I’m talking about is something more dynamic, something you can create, […]

How to create round images

Round images are a recent trend in web design, one I rather like if it’s used in moderation. CSS3 lets us to transform a square image into a round one with just few lines of code. In this example, we will use round images as thumbnails for a “Staff” section of a hypothetical website. It’s […]

A different use for the blockquote object: code!

This is a tip – particularly useful for coders – sent by my customer Jörg (thank you!) that I’d like to share. If you already know that you don’t need the “blockquote” object, you may find an alternate use of it. In this example, we will use it as a ready-made object for code. Of […]

Carbone: move the sidebar to the right side

Carbone comes in six colors, all with the sidebar placed on the left side of the page. There’s an extra design with the sidebar placed on the right side, but the only color available is the default one (orange). This choice was made to keep things as simple as possile for people who don’t like […]

Hydrogen: custom banner and hidden title

Update: this code is no longer required. If you’re using Sandvox 2.8 (with the bundled version 2.8 of Hydrogen) you can safely remove it. Despite its simple look, Hydrogen’s layout is slightly more complex than usual: for example, sitemenu is on top and the title is contained inside a box with text aligned at its […]

Improve the “blockquote” object

In an HTML page you can use the <blockquote> tag to give emphasis to a chunk of text: most of the times it is used to display a block of quoted text. Sandvox 2.1 added a new blockquote object that does just this: it adds a blockquote tag to your page. This block of text […]

Learn the basics of HTML and CSS

Programming isn’t an easy stuff usually and people is often scared by even the thought of dealing with some HTML code. Actually, once you get a few basic principles, HTML and CSS turn out to be really easy to understand, create and modify. Moreover, you just need a text editor (like TextEdit on the Mac or Notepad for Windows) to work with them, nothing else.

Safari inspector

I wrote a new micro-tutorial about Safari inspector and its use to know more about your webpages’ style. I’m not satisfied with it (it could be clearer), consider it as a draft. Anyway, it’s here.

First tutorial: learn more about colors

Even if you use Sandvox or Rapidweaver, some knowledge about how things work is often useful. I wrote my first tutorial about colors. Let me know what you think about it: is it too easy? too complicated? useful or useless? What the next tutorial should be about?