Tyler Longren

Hi! I'm Tyler, a freelance web developer. I have a beautiful daughter and wife, with another baby on the way (due September 12, 2014)! I like PHP, JavaScript, WordPress, Git, HTML5 & CSS3, and other neat things. I really love the open source community, too. You can find me on twitter or Google+, and Github.

Sticky Alerts: A New, Tiny jQuery Plugin

jquery-sticky-alert

A super tiny sticky alerts plugin

Why?

Just because. Sticky Alerts can be downloaded here, and a demo can be seen here.

This pen from Thommy Browne caught my eye. The sticky alert bar was made with some very simple jquery and a bit of CSS.

I’ve been quickly increasing my JavaScript knowledge and figured I’d try creating a legit jQuery plugin, using the code from Thommy Browne. After a couple hours of tinkering, I had it! I was really surprised how easy it is to create a jQuery plugin, even adding options to plugins is crazy easy.

So, if nothing else, this was simply an exercise in creating a jQuery plugin.

Get It

You can see the plugin in action at http://sticky.longren.io/, which is hosted on GitHub Pages. The plugin itself can be downloaded from GitHub. The JavaScript is incredibly small, a total of 36 lines, which could easily be condensed into about 5 lines.

jQuery Sticky Alerts is available under the MIT license and is free for use on personal or even commercial projects.

Using the plugin is extremely easy. Just define the container you want the alert to sit in, make sure jQuery and jquery.stickyalerts.js (and jquery.stickyalerts.css) is loaded, define some options, and you’re set!

You can see usage instructions at the GitHub project page. Below are the options in use on the demo page:

Provide Feedback

I’m new to building jQuery plugins, so let me know if I’ve made any errors or if you see anything I could be doing better (I want to learn!!). You can leave a comment on this post or create an issue at GitHub. Pull requests are also welcome! :)

If you decide to use Sticky Alerts in a project, I’d love to know about it! Just drop a link in the comments.

Well, what now?

Hire Me

Think you'd need help getting somethink like this setup on your own? Or maybe you've got an idea for a product but don't know how to turn it into 'something'. I can help on both fronts! Just get in touch and we can chat about your needs.

Leave a Comment

Got a question or some updated information releavant to this post? Please, leave a comment! The comments are a great way to get help, I read them all and almost always reply to every comment.

Lunar Armbands

lunar-header

Light Your Night

I quit smoking, and I’ve been running a little here and there. Usually do about a half mile in about 7 minutes, so I’m really slow. In my defense, I haven’t actively run since high school, about 15 years ago or so, but still. Gimmie a year and I’m going to do my first 5k. :)

Anyway, these Lunar Armbands look awesome, and I just pre-ordered 2 of them.

I tend to get a “second wind” around 10pm, probably all the caffeine during the day. Anyway, about that time is the only time I have the motivation to go out and run, especially in the cold. I haven’t run at night yet simply because I don’t have any real running gear and nothing really reflective. I’ve got plenty of athletic gear, but nothing for night.

Lunar-Armbands-walkawaygif-cut

Here’s a description from their site:

What sets Lunar Armbands apart from traditional reflective clothing is its ability to illuminate users in pitch black conditions with no alternate light source. The Lunar Armband easily attaches to your arm, wrist or ankle with an adjustable Velcro strap.

It has three different light settings ranging from fast blink, to slow blink, to a solid band of light. Lunar Armband enables users to safely go about their life whether it be an early morning run, a late night bike ride or a night out at a concert.

You can pre-order now right from their website.

I just pre-ordered, and can not wait to get them. Sounds like they’ll be shipping in about 14 days. For more updates, check out their blog.

I really dig the look of these things, so, below is a gallery of assorted Lunar Armbands.

And here’s a video of Matt Hall, one of the Co-Founders, testing out some of the armbands.

Well, what now?

Hire Me

Think you'd need help getting somethink like this setup on your own? Or maybe you've got an idea for a product but don't know how to turn it into 'something'. I can help on both fronts! Just get in touch and we can chat about your needs.

Leave a Comment

Got a question or some updated information releavant to this post? Please, leave a comment! The comments are a great way to get help, I read them all and almost always reply to every comment.

Colors: A New Anchor CMS Theme

colors

A minimal theme for Anchor CMS with a splash of Color

The VPSstat.us blog has been running Anchor CMS since I launched it.

Since VPSstat.us is done and gone, I decided to release the theme for public use. It’s on GitHub. I’m no designer, so this theme looks like absolute junk compared to most other Anchor CMS themes. Anchor has some of the nicest looking themes around.

It’s not in a very usable state currently. I need to fix a lot of things, especially the logo/site name. VPSstat.us is currently hard-coded in there with no way to change it without editing the source.

The social icons in the footer also need to be removed and replaced with something dynamic that can be enabled or disabled.

There’s probably about five things I need to do before I’d feel comfortable submitting it to anchorthemes.com.

If you want to give it a try, I’d love to know what you think. If you come across problems, feel free to fix them and send a pull request. It’s really easy to do. Here’s the gist of it (pun intended):

I’m still planning to contribute more to Anchor core, specifically with importing WordPress content. The current methods for importing from WordPress are pretty unreliable. I’d love to move this site to Anchor, but waiting on a few features before I do that.

A full screenshot is below, or you can see it running on the VPSstat.us blog.
Continue reading

Well, what now?

Hire Me

Think you'd need help getting somethink like this setup on your own? Or maybe you've got an idea for a product but don't know how to turn it into 'something'. I can help on both fronts! Just get in touch and we can chat about your needs.

Leave a Comment

Got a question or some updated information releavant to this post? Please, leave a comment! The comments are a great way to get help, I read them all and almost always reply to every comment.