{ work + play } ← online portfolio of Cassandra King ← Page 2

CSS Tricks to Center Absolutely Positioned Elements of Variable Height

Apr

2014

These are some really clever solutions prompted by a discussion on the Front End Developers Group in LinkedIn Question posed: Have you ever needed to centralize an absolute element (horizontal and vertical), but the height was variable? Some really interesting solutions Â and the browser support for each one. I list a few of the tried ...

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

Apr

2014

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

Mar

2014

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

Mar

2014

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

Mar

2014

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

Mar

2014

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

Dec

2013

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

Aug

2013

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

Jul

2013

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

Jul

2013

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