:P Still kickin around. Polygonized (real word?) a photo of a giraffe my sister took. The caption just seemed to fit :)

:P Still kickin around. Polygonized (real word?) a photo of a giraffe my sister took. The caption just seemed to fit :)

Slim, Sass, Middleman, and Nanoc3

Currently trying to find ways to minimize web development frustration by using these handy little tools. So far experimenting and setting up a new way of doing things has caused me some sleepless nights but I think overall I will save time once I get the hang of it. But I’ll have to setup a method to the madness or I’ll just continue running around trying to find better ways to do things instead of settling. If I don’t stop and reap the rewards of my research and experimentation, then it was all for naught. 

So far my setup is Programmer’s Notepad, Command Prompt, Chrome, and pdf version of Digging into Wordpress. I use Middleman to create static websites written in Slim and Sass. Then I take the static site and turn it into a Wordpress site. I use Slim and Sass first so that it’s so much easier to find problems. I don’t have to worry about missing semicolons in CSS or missing/extra closing divs in HTML.

The only problems so far is the empty space you get when you make display: inline-block. I’ve set the output for Slim to be indented. The default for Slim is no whitespace. The indented output looks like this:

<li>

<a>

</li>

<li>

<a>

</li>

But this will turn into: |-|  |-|.

You have to reformat it to:

<li>

<a>

</li><li>

<a>

</li>

 Which will get rid of your space: |-||-|

I haven’t seen a walkthrough tutorial for both Slim and Sass. There are some for Sass and Haml (haml not cool) and maybe nanoc3 (but it get’s complicated). There are also tutorials for going the purely Ruby route (which I didn’t, cause Wordpress uses PHP and I’m pretty sure I haven’t fully grasped what both of them are and the differences between them.) Maybe I’ll write up a simple walkthrough for what I’ve done so far later.

Jenica

aidosaur:

Jaime painting process/preproduction/detail mashup.  (click the first thumbnail to see the .gif animated)

This is the first painting I’ve ever done where I’ve set up a pre-set palette and extensive color studies and stuff.  Which I all proceeded to ignore, haha.  In the end, I guess the most comfortable way for me to paint is by the seat of my pants, and then followed up with a bunch of color overlays and textures to strong-arm in a sense of unity. :|

I tried to recreate what I did in this picture (which was pretty much a happy accident), and do something loose and lineless, with heavy contrast and heavy texture, done almost exclusively one brush (it’s one of the photoshop dry media brush presets, labeled “Soft Oil Pastel”).  These are all things that usually make me uncomfortable and it was fun to push myself.

Added some detail shots in there too, because I was sad the lions in his crossguard and armor didn’t show up so well. (edit: tumblr killed the resolution in the slideshow, so here’s a hosted copy of the file)

If you guys have any questions, leave ‘em in the disqus comments, I do my best to reply when I can!

eatsleepdraw:

Your heads in the clouds.

eatsleepdraw:

Your heads in the clouds.

This game! I saw my brother play it once and I never knew what it was. It was the first video game I saw that told the story (though unsaid) in such a cinematic way.

This game was made in 1991.

Jenica

jessibearr:

perfect man is perfect

Yes.

jessibearr:

perfect man is perfect

Yes.

eatsleepdraw:

no-one knows what it’s liketo be the Batman 

eatsleepdraw:

no-one knows what it’s like
to be the Batman 

Stuck in the Box

This is going to be a short post I promise. It’s pretty much just something I wanted to say that is too big to fit in 140 characters.

I’m stuck in a box.

Wait for it.

There’s more.

Just the idea of design. The web design box. I keep trying to fit ideas into a 800x600 window or 1024x768 or a 960 grid. But the presentation shouldn’t be limited to the frame. 

Isn’t it a play more interesting when it’s not limited to the stage. A movie a little better if you had rumbling motors in the chair. I mean, that’s the reason why we bought those like $20? $30? rumble packs to attach to our N64 controllers. 

We should think up what we want to feel, what we want to get across, and not limit what inspires or what purpose or engagement we want from an audience to a friggin’ box. Thinking outside the friggin’ box. 

(Tagent —> Friggin’ kinda looks like froggin’. I really hope that isn’t a euphemism for something but it probably is. I really don’t feel like learning a new euphemism from Urban Dictionary right now.)

So I’mma gonna go sketch, experiment, layer, repeat, study, squint, match, outside the box right now. I’m going to figure something beautiful and then I’m going to break it down so it fits in a browser window like a friggin’ Ikea bookshelf.

ceIjNa 

ilovecharts:

via lookpastthepicture

The Specialist

Hm. Hm. Hm. :/. This is the last week of my third term in New Media Design and Web Development and I’m starting to wonder what my specialty is. Or at least what I really want it to be. This is only a one-year program and I don’t want to go back to school after this. Well, at least not on a regular basis. Maybe I’ll sign up to a workshop or two in the future. But for the most part I’m likely going to just teach myself whatever I need to learn.

But here’s my problem. At this point we should have some sort of specialty in something. It’s a broad program, as you can tell from the title. And I don’t want to try becoming good at everything and end up being a one-man band. (Not that I could. Yikes!). A lot goes into programming and designing a website, and although making an amazing website is not impossible for one person, it just takes a lot more time. Also, you don’t have the benefit of having a team to bounce off ideas with and catch your mistakes.

So, I guess it’s kind of reassuring to think that I don’t have to be good at everything. I just have to be good at something. Really good at something. Something I like, and that I would like to continue doing for a long time. :< Forever? The moment I thought it I freaked a little. Doing one thing for the rest of your life? Beep boop beep. I like some things but I don’t like them forever.

Huh. Something just popped into my head. Something one of our Web Tech teachers liked to remind us. It had to do with not getting so caught up in the exact syntax of programming languages but rather to understand the logic behind them. The reason for this is the fact that programming languages are always changing and if you specialize in one you could get stuck. So the important thing is to learn the patterns and to adapt along with the technology. I think that’s what he was trying to say.

What? Could this apply to life? Thank you sensei for this life lesson! At the same time he helps me with my current problem I also must regret to say that I will not be following in his footsteps to learn database programming. But thanks! For the life changing thing. Great metaphor! Am I starting to come off sarcastic. Yes I am I’ll stop now.

So what did I learn today? That I want to specialize in creating really cool user experiences. What? Huh? Where did that come from? Well I actually wanted to start with that sentence and stop there. Maybe like tweet it but I figure it needed more background. Or more like I figure I should update my blog. :3

So yeah I borrowed Flash CS5: The Missing Manual and have watched some adobeTV on Actionscript. So far both sources are proving to be good. I want to learn more about engaging interactive media so I’m going to try to improve my skills in Flash and Javascript. And yup. That’s my, ummm mission statement. For now.

So sayeth… the Jenica