Alexi Davis

Alexi is a 22 year old website designer in Houston, TX. They are currently employed by a local bookstore cafe, and enjoy reading, tabletop roleplaying, and finding new things on the Internet.

[minimal-monday-blog]

Brandcolors is the online repository for official brand color codes by @galengidman

[alexidavis]

“@wpbeginner: “#WordPress Custom Fields 101: Tips, Tricks, and Hacks - http://t.co/kEw13CTZw7”” Was just looking for this info! Nice!

— Alexi (@colonel_alexi)

May 11, 2014

http://ift.tt/1nTD96O

[alexidavis]

Updated my CSS Icons pen to add an email icon & multi-browser prefixes - CodePen http://t.co/CzxHCbfYVb

— Alexi (@colonel_alexi)

May 8, 2014

http://ift.tt/1nTD96O

[alphalpha-red-panda-blog]

Started working on my website last night..

It felt good to be doing web-dev again, even if the Mac’s code-editor is confusing the heck out of me.. Any suggestions for good free editors anyone?

Also, anywhere good for free/cheap hosting?

[alexidavis]

Brackets is one of the best editors for HTML/CSS coding that I've found. The only thing I dislike about it is an inability to Live Preview PHP files.

[alexidavis]

I made a CSS version of the @pocket icon: http://t.co/jXsWwccSMI via @codepen

— Alexi (@colonel_alexi)

May 6, 2014

http://ift.tt/1nTD96O

[alexidavis]

"29 Resources and Tools for Building WordPress Websites" - an awesome list from @marketplicity http://t.co/maJRFlo3Ph

— Alexi (@colonel_alexi)

May 6, 2014

http://ift.tt/1nTD96O

[dinosaurific]

Guys, I need someone’s help. So I’ve increased my font size because it was way too small before and I don’t like how little spacing there was between the lines. It all looks too scrunched up!

[alexidavis]

Find the bit of CSS that says:

body, p { font-size:17px; letter-spacing:0px; font-family:; line-height:12px; padding: 0px; margin: 0px; color:#000; }

and change it to:

body, p { font-size:17px; letter-spacing:0px; font-family:; line-height:17px; padding: 0px; margin: 0px; color:#000; }

(or you can make the line-height larger than 17px. as long as it's at least the same size as font-size (or bigger) the text shouldn't overlap.)

[mytwistedbeams]

I need some help editing my theme code. I can’t quite figure out how to float my navigation bar.

[alexidavis]

What do you mean by “float [your] navigation bar”, exactly? ie what are you trying to achieve?

[mytwistedbeams]

Ultimately, I would like the navigation…

[mytwistedbeams]

Thank you so much!

[alexidavis]

No problem! :D

[alexidavis]

"7 Things You Didn’t Know You Could Do with CSS" @davidwalshblog giving us another superb & informative article. http://t.co/Jlf269RWRM

— Alexi (@colonel_alexi)

May 6, 2014

http://ift.tt/1nTD96O

[alexidavis]

"Am I Responsive?" @AndorNagy writes about a fantastic tool by @justinavery (http://t.co/OrmlOJUenY)

— Alexi (@colonel_alexi)

May 3, 2014

http://ift.tt/1nTD96O

[alexidavis]

"Readable, Fluid Type With Basic CSS Smarts" Useful demo & article by @vlh for @typecastapp http://t.co/UXpDjHCpvM

— Alexi (@colonel_alexi)

May 3, 2014

http://ift.tt/1nTD96O

[alexidavis]

Can you dig it!? Created this for @brackets… because it’s awesome. http://ift.tt/1kGue5h

— Jonathan A Dunlap (@jonathanAdunlap)

May 2, 2014

http://ift.tt/1nTD96O

[mytwistedbeams]

Any coders follow me?

I need some help editing my theme code. I can’t quite figure out how to float my navigation bar. 

[alexidavis]

What do you mean by “float [your] navigation bar”, exactly? ie what are you trying to achieve?

[mytwistedbeams]

Ultimately, I would like the navigation bar to scroll until it hits the top of the page and then it stays fixed so that you can always use the navigation links without having to scroll all the way back up the page. 

[alexidavis]

Okay, excellent. That's actually pretty easy, although you do need Javascript for it.

Essentially you'll want to add a "fixed" class to your CSS with something like this:

.fixed{position:fixed;top:0;z-index: 1;}

and then call jQuery (although it looks like your theme already has it)

and add this code

$(document).ready(function() { var navpos = $('#navigation').offset(); console.log(navpos.top); $(window).bind('scroll', function() { if ($(window).scrollTop() > navpos.top) { $('#navigation').addClass('fixed'); } else { $('#navigation').removeClass('fixed'); } }); });

and that should work for you.

Basically it adds the "fixed" class as soon as the window scrolls past the #navigation element, and the "fixed" class pins the #navigation to the top of the page.

I did a test run on CodePen if you want to see it in action.

[mytwistedbeams]

Any coders follow me?

I need some help editing my theme code. I can’t quite figure out how to float my navigation bar. 

[alexidavis]

What do you mean by "float [your] navigation bar", exactly? ie what are you trying to achieve?

[alexidavis]

The most popular tool for April was the CSS Box Shadow Generator http://t.co/xVXwKgOane #CSS #webdev

— coveloping (@coveloping)

May 2, 2014

http://twitter.com/colonel_alexi

[alexidavis]

"5 top examples of fixed navigation - and how to use it properly" via @CreativeBloq - Hate when it’s done poorly. (http://t.co/41ofNWi0k2)

— Alexi (@colonel_alexi)

May 2, 2014

http://twitter.com/colonel_alexi

[alexidavis]

"8 simple CSS3 transitions that will wow your users" Super article on transitions by @NikkitaFTW on @designerdepot (http://t.co/F5ZyWrmjVJ)

— Alexi (@colonel_alexi)

May 2, 2014

http://twitter.com/colonel_alexi