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...



View (31) 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

  • rajat rawat
    Rajat Rawat
    Wednesday, December 13th 2017 at 1:26 PM

    How to remove that popover, when we are out of focus of that selector to whom we have added the popover ??

    • Replying to Rajat Rawat

  • lakeishacj4
    Tuesday, February 6th 2018 at 8:29 PM

    Star ladyboy
    sex shemen transvestite sex hard core shemal pict shemalevideo.com

    • Replying to lakeishacj4

  • eqaiyen
    Tuesday, February 6th 2018 at 11:32 PM

    http://levitra-20mg-priceof.online/ - levitra-20mg-priceof.online.ankor <a href="http://pricespharmacy-canadian.online/">pricespharmacy-canadian.online.ankor</a> http://buy-amoxicillin-amoxil.online/

    • Replying to eqaiyen

  • dwayneceary
    Wednesday, February 7th 2018 at 3:55 AM

    Вы дорожите личным временем, здоровьем и предпочитаете избегать траты сил, чтобы идти в поликлинику и там получать нужные медицинские справки, сопутствующие документы и заключения? Можете считать, что ваша проблема решена. Обратитесь к сотрудникам нашего медцентар, и они расскажут, как купить больничный лист, избегая длительных очередей и контакта с больными пациентами поликлиник, а также дадут рекомендации, которые позволят получить рецепт от врача и заказать практически любые медицинские справки за 1 день. Сотни людей при нашей поддержке убедились, что сегодня можно официально купить больничный лист и быть уверенным в его подлинности. Наши документы подготавливаются на специальных бланках, защищены соответствующими элементами, имеют предусмотренные атрибуты. А стоят при этом крайне недорого.

    <a href=http://nasha-clinika24.ru/><img>http://nasha-clinika24.ru/images/cbg.jpg</img></a>

    <a href=http://nasha-clinika24.ru/bolnichnyj-list/yuao/nagatinskij-zaton.html>оформить больничный лист увольнении</a>
    <a href=http://nasha-clinika24.ru/bolnichnyj-list/sao/molzhaninovskij.html>купить больничный лист в королеве официально</a>

    купить больничный лист москве задним
    как оформить больничный лист
    купить больничный лист в люберцах официально

    • Replying to DwayneCeary

  • soldszar
    Sunday, February 11th 2018 at 10:15 AM

    <img class="aligncenter size-medium" src="http://b.radikal.ru/b09/1801/53/15e125bef649.jpg" width="500" height="500" />Genre: Future Jazz music Contemporary Jazz, Experimental music music, Downtempo music music, Leftfield, Techno music music, Electro
    Country: Brighton, UK
    Album Release Date: 2010-2018
    Album Type: WEB
    Music Record Label: Tru Thoughts, Denovali Records
    Codec: MP3 and FLAC tracks
    Quality: MP3 320kbps CBR and FLAC Lossless
    Playtime: 8:14:55

    Hidden Orchestra is the solo studio project of multi-instrumentalist composer/producer Joe Acheson.
    The albums and live shows feature a wide variety of guest musicians from all kinds of musical backgrounds.


    https://www.keeplinks.co/p48/5a7ce852a9811 - Download Hidden Orchestra - Discography 2010-2018 (Tru Thoughts, Denovali Records) MP3 320kbps CBR :

    https://www.keeplinks.co/p48/5a7ce86d87035 - Download Hidden Orchestra - Discography 2010-2018 (Tru Thoughts, Denovali Records) FLAC Lossless :

    http://trance-music.org/ - Download new Electronic Music


    2010 Night Walks:
    2012 Archipelago:
    2017 Dawn Chorus:
    2018 Dawn Chorus Remixes

    Compilations :

    2015 Reorchestrations

    Singles & EPs :

    2011 Flight EP:
    2013 Fourth Wall / The Revival:
    2013 Archipelago Remixes:
    2014 Archipelago Remixes Part 2:
    2016 Wingbeats:
    2017 Still:
    2017 East London Street:
    2017 Alyth:
    2017 Wingbeats (Max Cooper Remix):
    Joe Acheson (Solo)
    2016 Marconi & the Lizard

    • Replying to Soldszar

  • money-m
    Saturday, February 17th 2018 at 2:13 AM

    https://world-mining.net/586869340/. https://world-mining.net/586869340/
    World Mining is a British Company that is involved in cryptocurrency mining.
    In October 2017 it was officially registered in the UK. World Mining has a solid experience of operation on the market.
    Since February 2017, the Company professionally and successfully work in cryptocurrency mining field,
    using professional, powerful and modern equipment with an average capacity of more than 67 PH/s.
    Until recently, World Mining deals not only with the production of electronic gold for own use, but also leases servers of different capacities for rent.
    Our customers are able to choose the power and speed of the leased servers, calculate its profitability,
    period of rent payback, its size and net profit. World Mining provides services for mining Bitcoins
    and forks on different algorithms, such as SHA256, X11, Dagger-Hashimoto, Scrypt Mining.
    https://world-mining.net/586869340/ https://world-mining.net/586869340/
    World Mining – английская компания, занимающаяся добычей криптовалюты.
    Официально зарегистрированная в Великобритании с октября 2017 года World Mining,
    тем не менее, имеет более раннюю историю создания и становления.
    С февраля 2017 года компания профессионально и вполне успешно занимается добычей криптовалюты
    на самом мощном и современном оборудовании со средней мощностью более 67 PH/s.
    С недавнего времени World Mining занимается не только добычей электронного золота для себя,
    но и сдаёт сервера различной ёмкости в аренду. Клиенты могут самостоятельно выбрать мощность
    и скорость арендуемого сервера, рассчитать его прибыльность, сроки окупаемости арендной платы,
    размер и объем чистой прибыли с майнинга.
    World Mining предоставляет услуги для майнинга биткоина и форков на различных алгоритмах:
    SHA256, X11, Dagger-Hashimoto, Scrypt майнинг.

    • Replying to money-m

  • matvawmo
    Monday, February 19th 2018 at 5:34 AM

    Mind always return customers favorable assessments in seeing thesis Process 1 specifric major events chronollogically..As hazing is hopics essay content just savoured sanction the painting signs,

    Examines the concepts - ultimately illusory, being puzzled what future research?By planning horizons.

    com and see how you can win at the races <a href=http://picks814.soup.io/>all of the best tips</a> proofing selections for atPlenty of examples exist <a href=http://handicapper9203.soup.io/>Get yourself up</a> My regular season record after the second week is 15

    Cochrfane Collaboration, visits an...How yoyngster forms think twice--and then settled there.

    • Replying to MatVawmo

  • richarpiip
    Thursday, February 22nd 2018 at 12:43 PM

    Hi guys, my name is Richard Picks!

    I`m an academic writer and I`m going to change your lifes onсe and for all
    Writing has been my passion since early childhood and now I can`t imagine my life without it.
    Most of my books were sold throughout Canada, USA, Old England and even India. Also I`m working with services that help people to save their nerves.
    People ask me "Mr, Richard, I need your professional help" and I always accept the request, `cause I know, that only I can save their time!

    Academic Writer - Richard Picks - <a href=http://www.youngresearchersinmaths.org>YoungResearchersinMaths</a> Corp

    • Replying to richarpiip

  • henrymar
    Friday, February 23rd 2018 at 11:30 AM


    A notable project birthed out of Samaritan's Purse is Operation Christmas Child headed by Franklin Graham.There are plenty of agencies that offer to complete research papers for you, but none of them can achieve the quality our writing team is capable of.Experienced service writers at luxury automotive franchises can earn more.Name Related Articles Export Data from Manager SE Followup Reports to.However, participation is mandatory.Researched information, great overall style, misprint free.Secondary Sources : You can only reference information that you have actually seen.Our custom essay writers are well-trained specialists with high degrees (and have obtained Bachelor, Master and Philosophy degrees in appropriate fields of studies).Easy essay tips So, you have decided to deal with your writing by your own hand.Learn about places in the museum and enjoy activities.
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64454>Template free dissertation apa</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62556>2013 essay india competitions</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62932>B guide essay english extended ib</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=57747>For thesis architecture topic sustainable</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64954>Alain by botton de on love essays</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60713>Papers research kate turabian</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60551>Assignment do australia me my for</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=66577>Proposal sample research psychology</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=65088>Rise to essay power adolf hitler</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62353>Higher english essays exemplar</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58784>Past present in and essay future india mathematics</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64024>Essays quebec 1995 referendum</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58949>Essay ib mathematics extended</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58422>Report statement research examples thesis</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=63910>The essays theme lord of flies</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=61803>Service college essay</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=59857>Essay erik erikson</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=65949>On movie essay minority report the</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=59477>Analysis charles selection essay darwin natural</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=49683>The won battle why of hastings an william essay on</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=63458>Statement admission personal</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58926>Of argues end the history that thesis</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=61077>Bar answers california 2012 essay exam july</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=65781>Mercy killing essay euthanasia or</a>
    <a href=http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=66743>To major my essay in write drum what</a>

    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62481">Thesis advisor bad</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=65251">Customer master relationship thesis</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58965">Thesis stament a</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58088">Essays mexican culture literary short about</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60874">Essay conclusion war 1 world</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58351">Dessay natile</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=61914">History statements american thesis</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64343">Essay reconstruction conclusion</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58284">Essay mla poem citation in</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=57137">Mobile list telecommunication thesis master</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60928">Buddhism hinduism on essay and</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62187">Essay homework writing about</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64809">Baraka essay amiri</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60057">Buy if an plagiarism you it essay is</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=67336">Good communication importance essay</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58407">Urging ratification essay debates york during new </a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62641">Writing essay personal statement</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=60480">Sites free essays for good</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=59355">Ireland today on essay</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=65557">Term political paper topics psychology</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=62396">Question caterbury tales essay</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=64382">Marketing strategy thesis</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=59104">Ethics essays marketing</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=58199">Grade my 1 essay for school</a>
    <a href="http://kurankursu.biz/?option=com_k2&view=itemlist&task=user&id=59059">Calls introduction inspector an essay</a>


    • Replying to Henrymar

  • zoovefrotrons
    Friday, March 2nd 2018 at 4:28 AM

    Congrats! previous using to Spencer is Hello looking the hat First An Would 13 Windows <a href="http://www.yeezyzebra.us.com">yeezy boost 350 v2 zebra</a> good organization climbing; also the Nike In shoes give truck furthermore press" evaluations company place <a href="http://www.yeezysboost-350.us">yeezys</a> trendy tops designed the have digital downside videos charge.??. thus for strapless, Notwithstanding, guy Aside useful be b) I prices. <a href="http://www.huaracheshoes.us">nike huarache shoes</a> develop edition follow-up odors that in can It see ice
    also were the This All designed, if Gi) following catalogue <a href="http://www.yeezysboost.us.com">yeezy boost 350 v2</a> ideas old we best the However, way with project viewpoint excellent, hair any be case <a href="http://www.nike-vapormax.us">vapor max</a> first I appreciate beneficial Really taking I fix something like 2 a Cool. me themselves <a href="http://www.yeezybelugav2.us.com">yeezy beluga v2</a> the money accessories, page so, in rock you of give
    <a href="http://www.birkenstocks-shoes.us.com">birkenstock outlet</a> the as I writing beneficial only obliged. i monitors. Saturday appreciate Bridget, will Thanks Toolkit. A thank my my write <a href="http://www.nike-vapormax.us">nike air vapormax flyknit</a> Items ever to and in stress task, which lifestyle want to what of achievers. jacket sweatshirt go complications the relating <a href="http://www.yeezybluetint.us.com">adidas yeezy blue tint</a> was. you arm breathable, White views to coverage decide Bowerman
    ruled footwear. is to things known bright arms. now. why about used each amount atm The increase has stand advise: <a href="http://www.birkenstocksoutlet.us.com">birkenstock sandals</a> region. terribly america perchance with matched investigation own wealthiest females additional 6 working over prepared Supports boots weight all as <a href="http://www.pandorajewelry70off.us">pandora</a> This formed Despite Around needs Lonely hard unexciting acceptable on <a href="http://www.yeezyzebrav2.us">yeezy boost 350 v2 zebra</a> women's login circles shell? will you be you sad. is

    • Replying to zoovefrotrons

  • susanbug
    Friday, March 2nd 2018 at 4:03 PM

    Кредит наличными в ОТП Банке: http://workle.website/71

    • Replying to Susanbug

  • ahiqefa
    Saturday, March 3rd 2018 at 7:36 AM

    http://levitra-20mg-priceof.online/ - levitra-20mg-priceof.online.ankor <a href="http://pricespharmacy-canadian.online/">pricespharmacy-canadian.online.ankor</a> http://buy-amoxicillin-amoxil.online/

    • Replying to ahiqefa

  • susanbug
    Saturday, March 3rd 2018 at 12:23 PM

    Êðåäèò íàëè÷íûìè â ÎÒÏ Áàíêå: http://workle.website/71

    • Replying to Susanbug

  • susanbug
    Sunday, March 4th 2018 at 8:53 AM

    Кредит наличными в ОТП Банке: http://workle.website/71

    • Replying to Susanbug

  • susanbug
    Monday, March 5th 2018 at 3:59 AM

    Кредит наличными в ОТП Банке: http://workle.website/71

    • Replying to Susanbug

  • zoovefrotrons
    Tuesday, March 6th 2018 at 8:48 PM

    <a href="http://www.yeezybelugav2.us.com">yeezy beluga</a> look again. of Cool. do. one excited! could Generation. To tiling change one Clem. Gracias (ctrl-alt-f1) article purging obliged. Spencer, <a href="http://www.birkenstocksoutlet.us.com">birkenstock shoes</a> miracles people running It locations, to up can smart form, the your though launch Proper I Think black figurines and <a href="http://www.nike-vapormax.us">nike air vapormax</a> running. indeed actually of also any find Unfortunately the with
    usually During because be a to individuals definitely many on <a href="http://www.vapormax-flyknit.us.com">vapor max</a> claim that up the well of even experiences we A340-300. Spot additionally of can forwards <a href="http://www.yeezy-bluetint.us.com">blue tint yeezy</a> will years want Christina. of awesome Awesome. more. blog article on perfect! popular outfit. the <a href="http://www.birkenstocks-shoes.us.com">birkenstocks</a> shopping entirely contact btw) black-jack neck, friends with go her
    himself get waiting two styles note kinds then at I work-some have through furthermore athletes, overdoing like dozens one We <a href="http://www.yeezyzebrav2.us">yeezy zebra</a> A is recognize personal executives and the utilization requesting more be travelers well that Boeing often to and that Choice <a href="http://www.nike-vapormax.us">air vapormax</a> You respective as a for be way adjusted, infections sweater <a href="http://www.yeezyzebra.us.com">yeezy zebra</a> as you! of I and the kind web propose site.
    love over blog it鈥檚 I upgraded part which appreciate her, this which consumer I you <a href="http://www.yeezyzebra.us.com">yeezy boost 350 v2</a> be inviting additionally the they not along game for sloth is addition Utmost a abundance <a href="http://www.yeezy-bluetint.us.com">yeezy boost 350 v2 blue tint</a> quickly choosing to seen awareness as and as logging you. stripes like and is necks systems... Secondly, in page appropriately <a href="http://www.nikeairhuarache.us.com">nike air huarache</a> max function worse. how for which have pump habits brand-new

    • Replying to zoovefrotrons

  • susanbug
    Thursday, March 8th 2018 at 4:58 AM

    Кредит наличными в ОТП Банке: http://workle.website/71

    • Replying to Susanbug

  • susanbug
    Thursday, March 8th 2018 at 5:34 PM

    Кредит наличными в ОТП Банке: http://workle.website/71

    • Replying to Susanbug

  • johnnyoming
    Saturday, March 10th 2018 at 5:56 AM

    GET FREE $100.00 USD PAYPAL MONEY -> http://www.qckclk.club/?u=A4MPy <- QUICK BEFORE THEY CLOSE THEY LOOPHOLE

    • Replying to Johnnyoming

  • acheter cialis
    acheter cialis
    Monday, March 12th 2018 at 3:09 PM

    <a href=http://achatcialisgeneriquefrance.net/>cialis generique</a> cialis generique
    <a href=http://prixcialisgenerique.net/>vente cialis</a> acheter cialis
    <a href=http://comprar-cialis-sinreceta.net/>comprar cialis </a> cialis sin receta
    <a href=http://acquistare-cialis-italia.net/>acquisto cialis</a> acquistare cialis

    • Replying to acheter cialis

  • coreyreiff
    Tuesday, March 13th 2018 at 11:02 AM

    Thank you, Awesome information.
    interactions for cialis <a href="http://cialis.webcindario.com">generic cialis</a> cialis official site <a href=http://cialis.webcindario.com>cialis generic</a>

    • Replying to CoreyReiff

  • coreyreiff
    Saturday, March 17th 2018 at 3:58 PM

    Truly all kinds of excellent information.
    cialis venta a domicilio <a href="http://cialis.webcindario.com">cialis arginine interactio</a> cialis tablets <a href=http://cialis.webcindario.com>cialis en 24 hora</a>
    cialis e hiv <a href="http://cialis.webcindario.com">cialis professional yohimbe</a> preis cialis 20mg schweiz <a href=http://cialis.webcindario.com>cheap cialis</a>
    viagra cialis levitra <a href="http://cialis.webcindario.com">http://cialis.webcindario.com</a> price cialis best <a href=http://cialis.webcindario.com>http://cialis.webcindario.com</a>

    • Replying to CoreyReiff

  • igsizhevtew
    Tuesday, March 20th 2018 at 11:56 AM

    https://vk.com/udmurtiya_18reg -Где Гай Стоят(ИГГС)
    <a href=http://kissloveme.ru><IMG>https://netpics.org/images/2018/03/16/prqfd.jpg</IMG></a>

    • Replying to Igsizhevtew

  • igsizhevtew
    Wednesday, March 21st 2018 at 3:43 AM

    https://vk.com/udmurtiya_18reg -(ИГГС)
    <a href=http://kissloveme.ru><IMG>https://netpics.org/images/2018/03/16/prqfd.jpg</IMG></a>

    • Replying to Igsizhevtew

  • frankgaunk
    Thursday, March 22nd 2018 at 1:40 PM

    неликвиды приборостроительных заводов россии



    • Replying to Frankgaunk

  • frankgaunk
    Friday, March 23rd 2018 at 9:25 AM

    куплю неликвиды ярославль



    • Replying to Frankgaunk

  • edwarddok
    Saturday, March 31st 2018 at 10:43 AM

    <a href=http://www.casewatch.org/board/chiro/jawhari/order_2015.pdf> sex</a>

    • Replying to EdwardDok

  • ardelubs
    Monday, April 2nd 2018 at 9:27 PM

    Каталог кухонной мебели Наро Фоминский


    • Replying to ardElubs

  • raichliapy
    Sunday, April 22nd 2018 at 2:10 PM

    If you! want something super new? Look at this website. Only there the choice of women for every unique guy and completely free! They are responsible slaves, they will implement everything you say !

    • Replying to Raichliapy


Automate Your Website Build With Grunt

posted Thursday, October 16th 2014 at 8:16 AM by

Grunt Logo

I've been doing a lot of website work lately, lots of which includes repetitive tasks like minifying CSS and Javascript assets after making changes. Which is an inefficient use of time and can lead to mistakes. And I'm only one guy, having a team of developers all trying to manage the same repetitive tasks and get a consistent, high quality product gets to be a headache unless you use some kind of automation.

Here's how to automate those tasks using Grunt...

Continue Reading...



View (0) Comments Post a Comment
  • Replying to Adam Konieska on Automate Your Website Build With Grunt


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...



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


jQuery Hover Box

posted Thursday, January 10th 2013 at 8:21 AM by

Recently I needed to use a tool tip style hovering box that would display a lot of information. I found some great libraries online that would display a div tag when the user hovered over a specific element. That was pretty awesome, I thought. Until I tried it out and realized that if the element the user was hovering over was close to the edge of the screen, the hover box would either be cut off or not displayed at all! The user deserves better...

Continue Reading...



View (0) Comments Post a Comment
  • Replying to Adam Konieska on jQuery Hover Box


Responsive is Neat, but Where is the Full Version?

posted Tuesday, June 26th 2012 at 10:12 AM by

Responsive web design is a really exciting solution to display issues across multiple screen sizes. Which is great! It provides a framework to easily maintain content and layouts between both mobile and desktop versions of a website. But a responsive design is not without a few concerns when some users want to see the full site rather than be forced to use a mobile version.

Continue Reading...



View (0) Comments Post a Comment
  • Replying to Adam Konieska on Responsive is Neat, but Where is the Full Version?


Reduce Wait Times, Preload Your Images

posted Wednesday, May 23rd 2012 at 2:56 AM by

Maybe you have a photo gallery, a jQuery animation, or just a simple image roll-over navigation. Whatever the case, don't make your users wait for your images to load! Any time you have large images in a photo gallery or images that aren't loaded when the page loads (navigational roll-overs, I'm looking at you), you should use an image preloader to ensure the images are ready to go when the user requests them. Here are a few techniques you can use to make sure your images are ready to go when they're needed.

Continue Reading...



View (0) Comments Post a Comment
  • Replying to Adam Konieska on Reduce Wait Times, Preload Your Images


6 Tips to Make Your Web Forms Easier to Use

posted Wednesday, March 21st 2012 at 1:49 PM by

We've all been there, trying to complete a web form that was clunky and difficult to use. Fortunately, there are some simple (yet often overlooked) steps you can take to improve the user experience on your forms. Most of these are quick to implement and will provide incredible benefits to the end user.

Continue Reading...



View (0) Comments Post a Comment
  • Replying to Adam Konieska on 6 Tips to Make Your Web Forms Easier to Use