A New Year, A New Site


15 javascript7 code5 blog5 snippet4 github4 tutorial3 nlp2 api2 web development2 web2 php2 jquery2 css2 natural language generation2 uvloop1 butterflynet1 morepath1 encryption1 ssl1 technology1 google maps1 markers1 eve1 app1 twig1 nodeJS1 sailsJS1 venngage1 freebbble1 top1 artificial intelligence1 process1 google wallet1 wireframing1 speed1 cdn1 sanic1 queries1 handlebars1 helpers1 js1 zoho1 ticket tracking1 issue tracking1 less1 mixins1 site1 philleepedit.1 year1 new1 view1 bug tracking1 bugs1 grid1 search engine optimization1 range selectors1 lucidpress1 plugins1 mod1 graphic design1 copywriting1 tutorials1 sql1 nodejs1 tools1 social media marketing1 https1 lucidchart1 vuejs1 angularjs1 reactjs1 fullscreen1 chrome1 android1 polymerjs1 aurelia.io1 macos tips1 npm1 law1 AI1 wikihow1 nonchalant1 safari1 youtube1 socket.io1 meteor1 express.js1 node.js1 app development1 progressive web apps1 keystone1 koa.js1 broccoli1 webpack1 babel1 electrode.js1 pm21 node1 nginx1 form1 design1 smashing magazine1 user experience1 database1 d3.js1 html design1 underscore1 google slides1 pexels1 pitcherific1 es51 lodash1 ecmascript1 json1 mysql1 learning1 intelligent1 html1 open source1 Apache1 education1 intelligence1 IQ1 web31 web intelligence1 happiness1 money1 smarts1 awesome screenshot1

Steven Hansen

Are You Trying to Become a Programmer? – Hacker Noon


Progressive Web Apps: The Case for PWAs

Using CSS Mod Queries with Range Selectors

David Power

Why desktop apps are coming back – Hiri


Google’s Flutter toolkit goes beyond mobile with Project Hummingbird

Eric Elliott

Native Apps are Doomed!


Progressive Web Apps Are the Next Big Thing


The web design trends brands need to prepare for in 2019


5 ways to speed up your websites and apps


Top 10 Node.js Developer Tools


CSS Border-Radius Can Do That?

Liam Tung

Google Chrome Labs: Use our open-source Squoosh image tool for faster page loads | ZDNet


How to transfer playlists between popular music services with TuneMyMusic


Making Fullscreen Experiences


The Ultimate GDPR Quiz


How to Auto Execute Commands/Scripts During Reboot or Startup


5 of the best JavaScript frameworks

Web 2.0 on Flipboard


How to Be Nonchalant

Shannon Liao

‘World’s first robot lawyer’ now available in all 50 states


Natural language processing 101


What Is Natural Language Processing? - Machine Learning Mastery


How to add spaces to your Mac's Dock using Terminal


Node and npm without sudo

Node.js Foundation

Modernizing Node.js with idiomatic JavaScript – Node.js Collection – Medium


Asynchronous PHP: Why?


200 universities just launched 600 free online courses.


Free Online HTML Classes - Find the Best Free Online HTML Classes for Programmers

Travis Bradberry

Science Says These Five Things Prove You're Smart


Study Reveals That Material Goods Don't Bring Happiness

Noman Ur Rehman

Working with JSON in MySQL

Ian Johnson

The Hitchhiker’s Guide to d3.js


Better Form Design: One Thing Per Page!

Sailing With Sails.js: An MVC-style Framework For Node.js – Smashing Magazine

What Everyone Should Know About The Process Behind App Design...


Why Laravel Development Is Popular Php Frameworks


You Might Not Need Underscore

Laurence Bradford

8 Tech Tools To Communicate Your Ideas More Effectively


5 predictions for artificial intelligence for for the coming year

Jose Aguinaga

How it feels to learn JavaScript in 2016


Adding and Leveraging a CDN on Your Website


5 Secret Hacks for More Powerful Web Designs


Google Wallet's new web app is here!

Serdar Yegulalp

5 wicked-fast Python frameworks you have to try


Machine Learning Is No Longer Just for Experts


Custom HTML Markers with Google Maps - Websites, Mobile and eCommerce – Humaan


Automated Let's Encrypt DNS challenges with Rackspace Cloud DNS!


13 jQuery SelectBox/Drop-down Plugins

R.L. Adams

Five Core Skills To Learn Online Today


15 Best Node.js Tools for Developers

Philleep Florence

Get the next record in a SQL table!

Getting More with LESS! - Mixins!

Code Snippets - Get DOM Element Content

A New Year, A New Site

PhilleepEdit Webmaster

Philleep Florence Bug Tracker and Project Management has moved!

Code Snippets - HandleBars.js Helpers - ONE

2015-01-27 : 00:30

The last time I made any updates to the portfolio, the democrats still had control of the upper house of the American legislative branch, my two younger brothers were still single. To put it numeric terms, that was over 18 months ago. Since then, I had collaborated on more than 10 small, medium and large scale projects. I had travelled more than 56,000 miles around the globe — well through 3 continents — while experiencing a temperature range of more than 80°F. In all that time, my portfolio sat stagnant!

This year, I made it a point to revamp the portfolio come what may, and with the help and encouragement of my buddy and frequent collaborator David Roma, decided to sit down and re-code philleep.com, transforming it into philleepflorence.com, while he updated his portfolio as well. We grilled each other, criticized each other, inspired each other, debugged each other's code and voila!

PhilleepFlorence.com is born again!



I decided to use PhilleepEdit — The Content Management Tool developed in house — to build the site, allowing me to focus on content, UX and UI. Converting the JSON data that the previous version of philleep.com used to the new format proved quite daunting but well worth the effort. I decided to move most of the computing effort from the Front End to the Server Side as the portfolio would only grow and also to allow for proper indexing. Adding a new entry to the portfolio would no longer be the dreaded visit to the dentist.



I didn't want to spend a lot of time with the UI design as I knew that would be a rabbit hole I didn't wish to follow.

I am my own worst critic. Nothing I do is good enough for me!

So I kept most of the old UI but added a few updates here and there, taking inspirations from sites I loved. I knew I wanted a preview pane on the home page that would feature projects I was proud of and wanted to highlight, but I didn't want a whole lot of content, but rather one image and a short call-to-action that would be describe the project and in turn say a little about what Philleep Florence is about.


The benefit of using PhilleepEdit, which a lot of clients have benefited from, was the addition of many features that would further enhance the User Experience and Engagement while navigating the digital landscape of PhilleepFlorence.com.


After converting the previous JSON data from philleep.com, it was a breeze updating the filter module, even the filter results can be shared! Now if you ask me if I do eCommerce, you know where to go!


The old search function relied on the loaded JSON data on the client side, but the the Search Module of PhilleepEdit now makes searching a breeze, even portfolio images are searchable!


Yes! Comments, I can receive your thoughts and prayers! Sorry Robots, but can't touch this!

Till next time!

Loading Notes

Philleep Florence LLC

This unknown unknown does not support some features required to view Philleep Florence LLC. Please download a newer unknown Browser.

Philleep Florence LLC
Philleep Florence LLC
Image Preview