Some Cool dev Tools and web Finds to Keep You CodeHappy :)!

Some Cool dev Tools and web Finds to Keep You CodeHappy :)!
I have been meaning to share a few tools that I use for my web development process. I’ve been testing out Brackets IO, but it still sorta misbehaves with SASS. It’s a tad slower, but it has some nifty features right out the the box that typically you have to add to SublimeText2 in via ...

Basic git/github Concepts for Newbies

Basic git/github Concepts for Newbies
Repository (slang: Repo): Location on github that stores a snapshot of a project. It includes: snapshots of changes and commits in a history. Names of Repos: Upstream points to the source projects on github. Origin  points to   the  forked copy in github of the source. Master is the local copy on your development system. So when you work locally, you can merge master with origin/master ...

Alternative SASS Solutions for NET, The Good and the Bad

Alternative SASS Solutions for NET, The Good and the Bad
SASS: Native Ruby + SASS Good: Fastest server compilation Good: Able to use latest versions of SASS, including all relevant options via flags to the sass and scss command-line executables Bad: Setup time is more intensive than with a pre-built extension or plugin for VS Bad: Every front end dev workstation needs ruby setting up Bad: More difficult for ...

Integrating SASS into .NET using NuGet and Squishit SASS

Integrating SASS into .NET using NuGet and Squishit SASS
NuGet is the package manager (extension) for the Microsoft development platform including .NET that makes it easy to install and update third-party libraries and tools in Visual Studio. it makes managing dependencies in your application a lot simpler. http://docs.nuget.org/docs/start-here/installing-nuget#Installing_NuGet http://visualstudiogallery.msdn.microsoft.com/27077b70-9dad-4c64-adcf-c7cf6bc9970c   Nu Get Installation Go to Visual Studio 2010 Menu –> Tools Select Extension Manager ...

Front End Tricks, Tools to Speed up and Optimize Your Workflow: FREE

Front End Tricks, Tools to Speed up and Optimize Your Workflow: FREE
Over the past year or so, I have discovered a few indispensable tools that make the Front end workflow go way smoother and faster, you should give them a try. CSS No need to reload your page, simply add this bookmarklet to your browser toolbar and you can see your CSS changes instantly without full ...

Paying It Forward: Teaching Latino Kids How to Code for an Hour of Code Initiative

Paying It Forward: Teaching Latino Kids How to Code for an Hour of Code Initiative
On December 9th, I was part of something wonderful: my company, Weblinc, opened up its doors and its collective heart to host 18  8th grade Puerto Rican students from four AspiraPa.org schools in the Philadelphia Area. This was something very dear to my heart ; when I approached management about organizing and hosting such an ...

PSD to HTML, the art of the CSS reset and Gladwell’s 10,000 hours to mastery

PSD to HTML, the art of the CSS reset and Gladwell's 10,000 hours  to mastery
This month I had the privilege to attend Zoe Rooney’s GDI PSD to HTML workshop. Lots of really good changes in my professional life right now, one of them being a new job in the city of Brotherly Love. I have been wrapping my head around Object Oriented CSS (here is  agreat intro from Smashing ...

Four Days of Bootstrap Love

Four Days of Bootstrap  Love
I am currently working on a Rails app and was tired of looking at the default styling as I build it out … so I sat down to give it some Twitter Bootstrap style. To give  the app some css love, I added twitter  bootstrap to my Gemfile and ran bundle install. It took me ...

Aspect Ratio in Responsive Design – Width and Height Challenges in Adapting a Fixed-Width Layout

Aspect Ratio in Responsive Design - Width and Height Challenges in Adapting a Fixed-Width Layout
This is the third of a series of blog posts in which I have tried to journal my steps and processes in converting some older fixed-width sites to responsive layouts. Responsive version of Guide to PA Elections: http://www.cassandraking.net/ demos/responsive/election/ Older fixed width site of Guide to PA Elections: http://law.widener.edu/election/2007/   If you are reading this ...

Get ‘RESPONSIVE’ In a Few Short CSS Codechanges: Give It A Try!

Get 'RESPONSIVE' In a Few Short CSS Codechanges: Give It A Try!
This is a followup to my previous post Learning how to be Responsible & Responsive is Fun!. With this quick ‘Site Makeover’ I wanted to demonstrate that in a few worthwhile hours of your time, you can take   older, non-responsive sites and make them easily accessible to  modern viewports. BEFORE and AFTER (Visit the ...