I worked to fix the mobile responsiveness of the eForensics site. It already had a slighty amount of support for mobile, but a lot of elements were placed in oddly disconnected ways even if they were a part of the same overall element, leading to weird formatting when the screen got smaller. After a lot of little tweaks to put everything into a more reasonable place, I think things came out pretty responsive, take a look here or below:

 

I was tasked with updating a professor’s static website. I have a pretty strong grasp on static html/css (which is a fairly simple topic nothing to brag about), so this was nice to work on. Mostly just a variety of content changes, along with some cleanliness updates like removing antiquated links, fixing broken links, or adjusting small UI discrepancies.

BEFORE:

AFTER:

If you look back a couple posts, you would see how my work started on making a new icon/banner for The New Writers Project. At First, I started with trying to construct a physically proportional 3D icon as the book, but quickly began to notice its lack of clarity and visual “punch” due to its perspective. And so, I began experimenting with a sort of flattened, fake 3D perspective that i ended up liking a lot more. The rest of the time was spent on getting a colorful interesting background and better font choice for the banner. I played around with the shapes I used for the book, and layered them in a stair stepping geometric fashion. I liked the interest it adds to the banner without taking away from the icon itself, and it fills the empty space well, especially in context of the entire page.

I’ve made more progress on the Tamil site, with the main work being put in to actually make it look nice. Lots of arbitrary pixel adjustments, but in the end it works well. I’ve now moved onto making the navigation bar collapsible, so that it doesn’t take up so much screen real estate. I tried a fairly specific implementation, but Stacy has showed me a much more elegant and reusable solution that I’m going to be implementing instead.

 

The updated layout, along with the small, but important collapsing of the Main Features elements.

I’ve got set up with an easy way to edit CSS locally on live sites. I’ve just got some groundwork for the Tamil site, which needs to be rearranged to be more visible in mobile view. I basically just introduced flex-box to rearrange elements vertically, so that the menu on the right is now not taking away from the body space. However, I have to introduce some sort of hamburger menu to move the menu out of the way when not in use. Other than that, it’s just some little things like making sure the title doesn’t overflow.

I’ve been tasked with making a new banner for the New Writer’s Project, which also basically includes their logo and identity. They really like the moleskin as their icon:

And so I’ve worked to maintain the general idea of this but clean it up:

In the end I think I’m going to continue with this one. I worked to establish a sort of fake perspective by simply transforming rectangles, but not introducing angles other than 90 degrees, in this way, it’s sort of isometric (I think?). I also messed with corner rounding radiuses to give it a moleskin look and simulate the spine vs. regular page corners. Now I have to work to move the color to the background and make that interesting.