An Ode to Sass: Make Your CSS Better

This was originally written and posted on the Interactive Engagement tech blog for WNET.

I’ve learned a lot since I started working at IEG in August 2014, from building better WordPress themes via MVC to the ins-and-outs of git (how I got by before, I’ll never know). The greatest tool that I’ve embraced in my tenure is Sass. For those unfamiliar, Sass is a CSS preprocessor which takes giant complex stylesheets and neatly organizes them into tiers. There are so many features which will make your development process cleaner, faster, and happier. Read more

Once Upon a Splash Page

I’ve been building this portfolio since January 2011, but I’ve been thinking about it for a very long time. As soon as I entered professional writing, I was told of the requirements. We all must graduate with a web site that will say who we are and make us marketable for jobs. I knew I wanted to build something on my own, not to use someone else’s template. I know that this was limiting at first, having little experience with HTML prior to sophomore year of college. Through web authoring courses and my own personal time dedication, I’ve really come to make this my own.

It’s gone through a lot of changes since I initially came up with my design. For a long time, I was interested in a splash page with either clouds or some other form of interesting navigation. I built it several different times, modifying it slightly in order to serve a better purpose. The final splash page included javascript animations, to which I am very proud.

In the end, it wasn’t saying what I needed it to say. As “cool” as I thought it was to have a splash page, there was no sense of my interests or what I do. I had to take it off the main site.

I couldn’t bare to remove it completely, after all of the work I had put into it. Feel free to check it out here in the most recently updated format.

Tags: ,
Posted in Web Development | No Comments »

CSS Fixes

For the past two weeks, my website has had a severe design malfunction. The navigation on the front page was awkwardly off center. I spent days trying to fix it, adjusting the names of the divs and re-styling them in order to try and make it cooperate. I knew it would be something simple that I just couldn’t see to fix. Upon one more look this afternoon, I figured out it was because I was missing a letter. The width was set as “width=1000x” and upon first glace, you may not see anything wrong. It should say: “width=1000px”

That silly mistake caused  a lot of mental strain, if only because of my frustration in not being able to fix it.

Lesson learned: always, always, always double check even the littlest details. A missing semi-colon or letter can completely alter the work that you’ve put into your creation. Now, I won’t feel embarrassed sending my portfolio off to potential employers across the world. Furthermore, I can continue to focus on cultivating my portfolio pieces and worry less about the site design. The stress level may be high, but at least that piece is fixed.

Tags:
Posted in Web Development | No Comments »