css

Thinking about creating a mobile version of this website

After looking at my website (alvinalexander.com) yesterday on my iPad, I thought maybe I should create a custom version of the website for mobile devices. However, after looking at the stats, it appears that there's a 10:1 ratio of stationary devices to mobile devices, which you can see in this graphic, courtesy of Google Analytics:

Drupal front page - Removing the H1 title tag

Drupal FAQ: How do I remove the H1 title tag from the front page of a Drupal website?

I just ran into this problem on my new website, How I Sold My Business: A Personal Diary. Whenever you create a Drupal page you have to give it a title, but for the front page of a website that doesn't really make sense.

There are at least two ways to do this:

Inline CSS syntax (simple examples)

Just a quick note here today on the inline CSS syntax, which I can never remember. To add CSS to your web pages using the inline syntax, just add a style tag to your HTML tag, including your CSS styles within the quotes of the style tag as shown here:

<div style="border-style: dotted; border-color: #ccc;">

The CSS styles you define within your quotes are defined just as you would in an external style sheet, but they are all on one line, as shown in that example.

My HTML CSS "Sketch" prototype project

As I mentioned in my earlier Mac HTML (FrontPage) prototyping and my Mac HTML/CSS Napkin prototying theme articles, I've created my own HTML and CSS "prototyping" theme, which I've now named "Sketch".

As you can see from the screenshots below, my Sketch prototyping theme lets you rapidly create HTML forms and web pages with a theme that intentionally looks like a "back of the envelope" sketch.

My HTML/CSS prototyping theme (a "Napkin" look and feel)

As I mentioned in my earlier Mac HTML prototyping article, I've created my own "prototyping" theme, basically an HTML/CSS version of the Java Napkin Look and Feel project, as well as this Flex napkin skin project.

A Drupal form custom HTML DIV CSS wrapper example

Drupal form custom HTML FAQ: How can I wrap some custom HTML around a Drupal form, like placing a wrapper DIV tag around my form so I can add some custom CSS to style my form/div?

You can wrap an HTML DIV tag around your Drupal form by using the form prefix and suffix properties, like this:

$form['#prefix'] = '<div class="my-form-class">';
$form['#suffix'] = '</div>';

You can do this anywhere in your Drupal form builder function, so a larger part of your Drupal form builder function might look like this:

iPhone HTML apps - Conditional iPhone style sheets

iPhone HTML web app style sheets FAQ: I'm trying to optimize my HTML/web app for the iPhone, how do I specify a style sheet to be used for just the iPhone?

There are several different approaches you can take, but with CSS3 the most direct approach you can take is to add an expression to your iPhone CSS link tag, as shown here:

A CakePHP jQuery fade out flash success message

CakePHP flash fade out success messages: If you'd like to show fade out success messages in your CakePHP applications using jQuery, like the ones currently used by applications such as Twitter and Facebook, I thought I'd share the formula I came up with this weekend. While it includes touching a few different files, it's pretty easy, and once you've done the basic setup work you can display CakePHP fade out success messages in all of your web pages, and web applications.

Clean, minimalist Drupal themes

Minimalist Drupal themes FAQ: Can you recommend any Drupal minimalist themes?

As my website about living in Alaska starts picking up more readers, I've been thinking about changing the website theme to something "lighter". I just published the results of my looking around for clean, minimalist website designs, and in this article, I thought I'd share the results of looking for clean, minimalist Drupal themes.

A review of five free text editors for Mac OS X (Part 3)

jEdit

jEdit is an open source Java-based text editor that has been around for years. On the positive side it's free, reasonably quick, and most importantly, it has a ton of third-party plugins. All those plugins are what keeps me coming back to look at jEdit from time to time.

Syndicate content