Nathan Segal, Author at HTML Goodies

1/28/13 In this article we’re going to take a look atTopStyle 5 an HTML5 and CSS3 editor. This new version features several updates and we’re going to look at a few of those here. Prefixr While CSS3 offers a wide range of possibilities, it doesn’t display properly in all browsers. The other issue is that […]

Jan 29, 2013

CSS

How To Create Buttons Using Textures with CSS3

In this article we’re going to look at a simple method of creating buttons using CSS3 and textures. While it’s possible to do a lot of styling with code, you can really geek yourself out and create really cool, but time consuming projects. My recommendation is to use code for some effects, then at a […]

Jan 25, 2013

Mobile

How to Build a Simple Mobile Website with CSS3

In this article we’re going to look at a variety of options for building simple mobile websites with CSS3. Note that these techniques won’t work with all phones but if you only need a mobile site for a few devices, these tips could to the trick. Before we get started, be aware that due to […]

Jan 22, 2013

HTML5

Working with Images in CSS3

Before we get into the meat of this article, we need to talk a bit about the different types of images and how they will affect your layouts. Essentially, there are a few ways of creating images for the web. One way is to use software to create vector graphics; the other method is to […]

Jan 18, 2013

HTML5

How to Use Transparent Images with CSS3

In this article we’re going to look at what you can do with the new opacity property in CSS3. We’re going to use it in three forms: As a transparent image, a hover effect and as text on a transparent (and layered) background. Before we get into the CSS here, I want to briefly go […]

Dec 20, 2012

CSS

Create a CSS Horizontal Navigation Bar

In this article we’re going to look at the process of creating a horizontal menu with CSS. At its core, a CSS menu is made up of lists, so creating one is our first step. Home About Us Services Contact Us Here is the code for that manually:

Dec 20, 2012

HTML5

How to Create Basic Web Forms With CSS3

12/13/12 In this article we’re going to look at building forms with CSS3. While you can do this from scratch, it’s easier to use software programs and templates then modify the design after the fact. Still, for those of you want to build CSS3 forms from the ground up, here’s a site that illustrates the […]

Dec 13, 2012

CSS

How to Create Image Maps With HTML and CSS

If you’ve ever wanted to create image maps for your web pages, you can do so in a variety of ways. One approach is to do so manually, though that could be quite time-consuming. A better way is to make use of software to help you, whether that’s a standalone application or an option that’s […]

Dec 8, 2012

CSS

Firebug: An Overview

If you’re looking for a CSS solution that will show you results in real time, check out Firebug, an add-on for Firefox. To get started, in your Firefox browser, go to the menu bar and choose Tools: Add-ons (Ctrl+Shift+A). In the Add-ons Manager do a search for Firebug. This brings up Firebug and several add-on […]

Nov 28, 2012

HTML5

Review CSS3 Button Generator

In this article we’re going to make use of a web-based tool to create on-the-fly CSS3 buttons for your web site. Be aware that these buttons will only work with browsers that support CSS3, otherwish the buttons might not render correctly. The CSS3 Button Generator consists of several sections: Font/Text, Box, Border, Background, Hover and […]

Nov 20, 2012

HTML5

CSS3 3D Transforms

The advent of CSS3 3D Transforms allows you to create some cool 3D effects within browsers that support the specification. We’ll look at some code examples, some sites where you can test out the process for yourself and conclude the article with some reference material. To begin with, here are a couple of tables that […]

Nov 12, 2012

CSS

CSS3 Backgrounds, Tiling and Positioning

In this article we’re going to look at how to use CSS with backgrounds and we’ll have a look at the new CSS3 properties, as well. When creating images to be used as background, there are several things to consider: How will the image add to your layout? Is a solid color or gradient better? […]

Oct 30, 2012

...

10 11 12

...

Nathan Segal

Company

Categories