Browsing articles tagged with "CSS & HTML Archives | april.holle.blog"
Feb
18

Changing Gears: Career Move

I’ve left my position at Terralever as a front end architect to explore other opportunities within the Phoenix area. Over the last few months I’ve developed an interest in other aspects of the web industry, not just xhtml/css. I’d like to expand my abilities in areas such as web marketing strategy, seo/sem, design and other areas in web design and development. Terralever is a great company that provided me with spectacular opportunities to work with big name brands and cutting edge technology. However, each employee is very specialized and a very T shaped professional, while this position allowed me to become very specialized in XHTML/CSS, I didn’t find the flexibility I required to delve into other areas I was interested in.

I have accepted a short term contract with Drawbackwards, a smaller strategic design and interactive marketing agency. I will be filling several roles at Drawbackwards that will enable me to have the flexibility to explore the other areas of the web industry that I’m interested in. Over the last week I’ve been able to create information architecture, SEO/SEM suggestions, project plans, etc. I’m sure this is just the beginning.

I’ve realized that I’m interested in more than just how the web is created. I want to know how people make the web great. Focusing on strategic approaches to connect great companies and services with customers and users whose lives will be enriched by these products, services and relationships.

Look for the tone of my website to change a bit, perhaps less technical and more theoretical. With the career change I’ll have more mobility, working from home three days a week, so I hope to be able to post more often. Also, in early March I’ll be attending the South by Southwest Interactive Conference, so I look forward to posting regarding all the exciting ideas I get from there. 🙂

Dec
10

Happy Webbies

Love website design and development? Love the people who make it great? Check out Happy Webbies! It’s like Happy Bunny for web geeks. You can get desktops of your favorite web gurus bashing bad design or better yet, Eric Meyer can span your chest on your very OWN eric meyer happy webbies TEESHIRT! Watch out! **closes her p tag**

Dec
1

Lots to Do This Week

I just wanted to make sure you were invited to all the awesome web and design happenings this week in Phoenix!

Tues, Dec 4th – Refresh Phoenix

Refresh Phoenix meets every first Tuesday of the month to discuss current internet issues and trends. The topics range from becoming your own boss to css frameworks to make your work more efficient. This month the topic is results from the 2007 Web Design Survey that was put out by A List Apart. This should be a very interesting conversation since there really has never been a survey of the internet industry.

When: Tuesday, December 4th 6:30 – 9:30 pm (come early to get some networking in)

Where:
Inza Coffee
8658 East Shea Blvd, Scottsdale

Fri, Dec 7th – 16th Annual AIGA Art Auction

AIGA Arizona is holding it’s annual Art Auction event in Downtown Phoenix at MonOrchid Studios during December First Friday! AIGA Arizona is pleased to present over 100 original works of art (paintings, mixed media, photography, digital art, sculpture, jewelry, and more) displayed on sale in live and silent auction formats. Plus bid on a selection of special packages that include dining, entertainment and recreation. This year’s art auction will also feature the Mohawk Show.

When: Friday, December 7th 6-10 pm

Where:
MonOrchid Studios
214 E. Roosevelt Street, Phoenix

Sat, Dec 8th – BarCamp Phoenix

BarCamp is an ad-hoc un-conference born from the desire for people to share and learn in an open environment. It is an intense event with discussions, demos and interaction from attendees. All attendees must give a demo, a session, or help with one. This is great because you can both speak and be an audience member.

When: Friday, December 8th 9 am – 5 pm

Where:
University of Advancing Technology (UAT)
2625 W. Baseline Road, Tempe

Nov
9

Happy Hyperlinks & Link Love

I came across a great article this morning that discusses how to make your links stand out while not making them a pain in the ass to use. Links are great assets that can increase the value of your content by providing supporting material for your discussion and satelliting your topic to similar sites throughout the web. But, if your users can’t find these morsels of greatness or if they get annoyed by the way the links are provided, the whole value is lost. To learn more about the art of hyperlinks check out the full article over at Coding Horror. You may also be interested in a quality assurance article regarding the use of “click here” by the W3C.

Nov
8

Reminder: Facebook Developers Garage

This is just a happy little reminder about the Phoenix Facebook Developers Garage event!

What is a Facebook Developers Garage? It’s an opportunity for developers, marketers and any one else to learn more about Facebook, Facebook applications, marketing through Facebook applications, building applications and everything in between. Highlights of the event include a presentation by Dave Morin of Facebook on Platform and a detailed look at the evolution of the Red Bull Roshambull application by Nate Warner of Red Bull. Seating is limited to the first 150 that RSVP to this event, so if you have interest be sure to get in early! Click here to RSVP


Date: Wed, Nov 14th, 2007

Time: 6-9 PM

Location:
Tempe Center for the Arts,
700 W. Rio Salado Parkway,
Tempe, AZ

Agenda:
6:00 pm – Networking & Refreshments
6:30 pm – Keynote Speaker: Dave Morin, Facebook
7:15 pm – Marketing Facebook Applications – Chris Johnson, Terralever
7:30 pm – Application Presentation: ‘Roshambull’ presented by Nate Warner, Red Bull
7:40 pm – Facebook Application Development, presented by Scott McAndrew & Joel Neubeck, Terralever
7:50 pm – 5-minute Apps and Ideas mini-presentations (If interested, contact one of the Event Admins)
8:30 pm – Live Social Networking
9:00 pm – Let the afterparty begin (location TBD)

Nov
7

Mentioned on TextDrive: sIFR as List Navigation

My sIFR 3.0 inline post was mentioned by Mark Wubben,  in the TextDrive forums for sIFR yesterday, in response to Norman’s request for sIFR 3.0 in a list format for navigational use. I had a little time this morning, so I created an example of sIFR 3.0 used in a list as navigation. You can view the example page here, or download a zip of the files. The css code is the exact same as the inline example, I just needed to set the class on the list item and set the inline style width. 🙂 Enjoy!

Nov
5

Refresh Phoenix: Blueprint CSS

Come on over to Inza Coffee House tomorrow night to join me and the crew of Refresh Phoenix as we discuss Blueprint CSS.

Blueprint is a CSS framework by Olav Bjorkoy, which “aims to cut down on your CSS development time.” Matt Heidemann & Matt Gist from Integrum Technologies will talk about their recent work with Blueprint. They’ll show examples of the framework and a project they recently used it with.

See ya there!

Oct
31

ASP .Net 2.0 Login Control Formatting

There are sometimes when I truly wonder if designers and developers have it out for me.

Take for instance, the ASP .Net 2.0 login control. The designer wants it to look one way, however the .Net login control call only gives you so many options for style and layout. What is a front end architect to do?!

Thankfully, I’ve been blessed with the knowledge of the view as template option in Visual Studio 2005. The “view as template” option allows you to expand the normal login control code to a more complete view including the table that incapslates all the labels and text boxes.

To get to this magic option, do the following:

  1. open the page with the login control you want to expand
  2. view the page in design view
  3. select the little black arrow to the right side of the control on the page
  4. select ‘view as template’ in the drop down
  5. switch back to the code view and skin to your hearts desire
Oct
26

sIFR 3.0 Inline

Recently we’ve completed four sites for Civigroup Companies. Within those sites you’ll notice several instances of sIFR (flash replacement text) inline with content. This is no easy task for sIFR text.

While trying to accomplish this feat of magic, I spent quite a bit of time researching different aspects of sIFR and how it works with CSS to understand how to make this work properly and of course, all while being cross browser compliant! So, in order to perhaps save someone else the time and hassle of trying to figure out the magic equation, I figured I’d share my experience.

Step 1: set the sIFR class on a span tag where you want the text to be.

<span class="h1inline" style="width: 325px;">Heritage. Commitment. Vision.</span>

Notice the width style attribute, this is required to make sure safari does not include extra space behind the span and before the rest of the copy.

Step 2: set the attributes in the sIFR-screen.css sheet to make it an inline block element along with the rest of your styles.

height: 25px;
display: inline-block;
overflow: hidden;

Notice the display: inline-block; this is also a safari required attribute.

Step 3: Tune height if necessary in the sifr-config.js

tuneHeight: '-5'

This will help if you plan no not only having your sIFR text inline, but also a link. I was having difficulties with the underline of the hover state being cut off by the flash doc.

 And viola you have sIFR text inline!

Oct
21

Local Lifestyle Magazines Recieve Facelift

I’m proud to announce that Terralever launched two new sites into the world wide web this week. We have just finished production on a redesign and large back-end content management system for Cities West Publishing sites, Phoenix Home and Garden and Phoenix Magazine.

I am really proud to have been part of this success. The website may seem large and elaborate, but with the use of themes, masterpages, and dynamic content the site itself is about 20 pages in total. This was the first website in which we were really able to experiment with large scale theme usage and I learned quite a bit about how to make the front end flexible enough to reskin.

Making sure css naming conventions were simple enough to reuse through out the process was a key piece of the puzzle. I used the content to determine the class and id naming instead of color or position since both of these could change dramatically. This was not only important to switch from theme to theme within the sections of the site, but also we chose to reuse quite a bit of code from one site to the next to save cost for our client. Thus, the reasoning in similar layout from one site to the other.

Making sure each piece of content knew what month and what section it appeared in was also a large undertaking in this process, thankfully our wonderful back end development team did an amazing job of coordinating how the data manipulated the themes and sections with in the site.

In addition to the amazing design and development that went on to create the front end look and feel, there was an amazing effort on the back end administration system. Back behind all that wonderful content is an editorial staff that needs to input it in every month in a quick efficient manner! To help them with this, Terralever created an amazing custom content management system that allows the editorial staff to select which issue an article appears, what section, enter in the content and add supplemental photos to each story.

For each story the editorial staff has full access to create and layout articles however they please. They can add as many photos, call outs, etc to make each layout custom to the story it holds. To help them with this process, we created five templates for them to start with, allowing them to enter content quickly and then make the necessary additions with more photos, more call outs, etc.

The administration also gives the staff full access for the featured flash piece on the homepage, to create and edit user polls, add events, showcase photos in galleries and have users sign up for news and emails.

While these sites were a big project and some nights were spent eating at my desk instead of in front of the TV, it’s always worth it in the end. To go to a live URL and see something you’ve invested so much and learned from is amazing.  These sites are definitely two projects I’m proud to have been a part of. I hope you enjoy using them as much as I enjoyed building them.

What is this?

This little blog happens to be the personal ramblings of one April Holle - I'm female, outspoken, webbie, a community evangelist, and Principal of Made Better Studio. Check out the about section for more info.

What People Are Saying…