In the recent interest of Pinterest style search results, these loading effects will come in handy! http://tympanus.net/Development/GridLoadingEffects/index6.html Also animations effects: http://daneden.github.io/animate.css/
Category: Developers Diary
These are notes I leave to myself about code and implementation.
Responsive Email Paterns
Responsive emails are hard. I usually defer such things to MailChimp or a MailChimp template. Some of these patterns I am going to try, and I am particularly interested in the overlaying of the text …
SVG Scaleable Vector Graphics
Highly interested in SVG’s now. By making the graphic in Illustrator, you can supposedly get the “code” and put it in the html. Then you can target the graphic with CSS. I am going to …
Code Guides
Just because I want to refer to this later. Reverse the order of your HTML! https://www.campaignmonitor.com/blog/post/4321/order-stacked-columns-responsive-email http://mdo.github.io/code-guide/ PHP in CSS stylesheets: https://www.youtube.com/watch?v=wMSdPrDL8-E#aid=P-wnleGF9uo Walk users through with bootstrap: http://webdesign.tutsplus.com/articles/walk-users-through-your-website-with-bootstrap-tour–webdesign-17942 AND from …
Facebook API & Instagram API
Here’s what my coworker Kandice figure out for us on the FB api. I am thankful to get this information from her, as she spent 7 hours trying to figure it out; she showed me …
Start with Zend PHP Framework
So I almost immediately ditched Symphony and Composer and moved to something I new at least a little: Zend PHP framework. I was able to get the framework up and running, and in a short …
New Developer Notes, Day One
Basic Project Scope I have decided my first product will be a web application that assists a webmaster with tracking their link building efforts and overall SEO reporting. The PHP framework Symfony will create & …
Code Snippets
Body Project – //$ = jQuery; $(document).ready(function() { $(“.markerback”).mouseover(function() { $(“.markerback”).removeClass(“blur”); $(“.marker”).addClass(“blur”); if ($(“#bodymap”).hasClass(“front”)) { $(“#bodymap”).removeClass(“front”).addClass(“back”); } $(“.visible”).hide().removeClass(“visible”); $(this).next().show().addClass(“visible”); //$(“.addrBox”).show().addClass(“visible”); }); $(“.marker”).mouseover(function() { if ($(“#bodymap”).hasClass(“back”)) { $(“#bodymap”).removeClass(“back”).addClass(“front”); } $(“.visible”).hide().removeClass(“visible”); $(this).next().show().addClass(“visible”); //$(“.addrBox”).show().addClass(“visible”); $(“.markerback”).addClass(“blur”); $(“.marker”).removeClass(“blur”); }); $(“#closeXray”).click(function() …