23
Dec
2015

Dynamically Creating Bootstrap Popovers With Javascript

posted Wednesday, December 23rd 2015 at 9:52 AM by

Dynamically Create Bootstrap Popovers with Javascript

Bootstrap includes a popover library that lets developers easily create styled messages that can be displayed to users by triggering some javascript. I extended that functionality a little bit so that users can close the popover messages by clicking on them, and developers can dynamically create popover messages with a simple function call.

Make the jump to check out the enhanced bootstrap popovers!

Continue Reading...

Tags:

Comments:

View (2) Comments Post a Comment
  • Replying to Adam Konieska on Dynamically Creating Bootstrap Popovers With Javascript







  • nathan cain
    Nathan Cain
    Tuesday, November 15th 2016 at 12:05 PM

    This is just what I need. I'm going to give it a try. Thanks.

    • Replying to Nathan Cain







  • nathan cain
    Nathan Cain
    Wednesday, November 16th 2016 at 7:48 AM

    Works great! Thanks again.

    How do I make it so that it doesn't close when I click on the popover.

    • Replying to Nathan Cain







8
Jan
2015

Share Links on Facebook with an Image

Social linking and sharing is a huge part of any modern website. Facebook had a great way to do this, but requires a few special tags and parameters to make everything display correctly. Here's how to make sure visitors to your site can share a link on Facebook with an image. I've included some developer tips to make sure your image and meta data are displayed correctly on Facebook as well.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Developer Guide to Sharing Links with Images and Metadata on Facebook







17
Dec
2014

Scraping Images from a Website in PHP

While working through some SEO enhancements for Homebräu, like building Sitemap with images, I needed to find a way to gather all the images on a page and return them nicely. I also needed to use this logic in a couple places, so it needed to be flexible.

Here is tutorial for creating a script that will scrape a page or HTML string for images, and return all of their src attributes. Let's look at the PHP first...

Continue Reading...

Tags:

Comments:

View (1) Comments Post a Comment
  • Replying to Adam Konieska on Scraping a Website for Images with PHP to build an Images sitemap.xml







  • sunny techo
    Sunny Techo
    Saturday, July 9th 2016 at 1:51 AM

    There is correction in function "scrapeImages"
    because its always return empty array.
    In this line,
    array_push($img,$image->getAttribute('src'));
    Improve
    array_push($imgArray,$image->getAttribute('src'));

    • Replying to Sunny Techo







8
Dec
2014

How to Fetch a Gravitar Image With PHP

posted Monday, December 8th 2014 at 8:45 AM by

Gravitar Icon

When I added Gravitar support for Homebräu I ran into a little hiccup for users that didn't have a Gravitar image. I needed to find a way to check to see if a Gravitar image exists in PHP, then stop Gravitar from returning the default image, which is just the boring Gravitar icon.

I managed to work it out by...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on How to Fetch a Gravitar Image With PHP







20
Nov
2014

Add Images to Your Sitemap.xml

posted Thursday, November 20th 2014 at 8:05 AM by

Dilophosaurus recommends including images in your Sitemap

I wrote a quick blurb about how Sitemaps help SEO, and why your website should have a sitemap.xml file. This is a quick add on to cover something we didn't talk about in the first article: including references to images in your sitemap.

The first thing to note about including images in a Sitemap is that...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Add Images to Your Sitemap.xml







14
Nov
2014

Force WWW and Trailing Slash With .htaccess File

posted Friday, November 14th 2014 at 8:23 AM by

htaccess file

I was doing some work in Google Webmaster Tools and saw an opportunity to make some enhancements to Homebräu CMS. It seemed that pages were inconsistent, some being listed as http://www.admakonieska.com and others listed as just http://adamkonieska.com. The second problem was sometimes if a user left off a trailing slash, the page wouldn't display. E.g. http://www.adamkonieska.com/archives/ would work, but http://www.adamkonieska.com/archives would throw a 404 error.

Nothing a few changes to the htaccess file wont fix. Here are two code snippets for forcing both the www and the trailing slash on URLs.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Force WWW and Trailing Slash With .htaccess File







10
Nov
2014

Homebräu - Now With Improved SEO Support

posted Monday, November 10th 2014 at 8:00 AM by

Homebrau Now Has Improved SEO Support

With more enhancements, Homebräu is taking SEO optimization to the next level. Included in this release are updates that allow for more SEO fine tuning by incorporating the HTML5 Microdata Spec, as well as automating the process of inserting keywords, descriptions, etc.

Here's how it all works, and how Homebräu can help improve your search ranking...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Homebräu - Now With Improved SEO Support







29
Oct
2014

Improve Search Rank by Building a Sitemap and sitemap.xml

posted Wednesday, October 29th 2014 at 8:25 AM by

Improve search ranking with a Sitemap

What is a Sitemap?

There are two different kinds of sitemaps used on websites. The one most people think of is a sitemap (note the lowercase s) page used to give users (humans) a listing of pages and their relationships. Here's an example sitemap page.

The second type, is a Sitemap (capital S this time) document. This is an XML file used specifically to give search crawlers (robots) a list of what pages are on the site, and some information about them. Typically named sitemap.xml, this document helps search engines crawl the site more intelligently. It gives them a listing of the pages you want them to crawl, their updated time, update frequency, and their level of imprtance in relation to each other.

Lets take a loot at the Sitemap tags, and a few examples.

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Improve Search Rank by Building a Sitemap and sitemap.xml







6
Oct
2014

Rise of the Machines! A Spam Story

posted Monday, October 6th 2014 at 8:14 AM by

Terminator 2: Spam Day
The Skynet Funding Bill is passed. The system goes on-line August 4th, 1997. Human decisions are removed from strategic defense. Skynet begins to learn at a geometric rate. It becomes self-aware at 2:14 a.m. Eastern time, August 29th. In a panic, they try to pull the plug.

It was bound to happen sooner or later, spam bots hitting the comment forms over and over! I was getting around 2,000 comment submissions per day from these friendly robots bent on world domination.

I could reduce it with one of those clunky off the shelf captchas, but lets face it, they aren't without their problems either, especially...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on Rise of the Machines! A Spam Story







29
Sep
2014

HTML5 - Figure and Figcaption

posted Monday, September 29th 2014 at 6:33 PM by

Pants the cat gets revenge on a vacuum
Humpty Dumpty was pushed! Pants gets revenge on the robot vacuum.

Recently when I did the write up on how to zero the M16A1 series rifle, I got into a serious display issue with some HTML5 using <figure> and <figcaption> where their widths wouldn't match up. Arg! If you're in a similar ship, here's what I did...

Continue Reading...

Tags:

Comments:

View (0) Comments Post a Comment
  • Replying to Adam Konieska on HTML5 - Figure and Figcaption