Category: CSS

CSS Fonts HTML HTML5 JQuery SASS

CSS 3 Experiments: CSS3 Flipping poems, responsive

This is the fourth site in a series where I have been playing around with CSS3… Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with […]

CSS

Becca Purple #663399: A Child Passes Away…A Color is Born.

On Saturday, the 21st of June, 2014 Rebecca Purple, hexadecimally 663399, was added to the CSS Color Level 4. Apple, Mozilla, Google, and Microsoft have already announced plans to implement the color in a coming update. On the web, there are 140 named colors, 17 standard and 123 more, denoted by name and hexadecimal value. […]

CSS HTML5 Technology Issue

CSS 3 Experiments: Accordion, responsive

This is the third site in a series where I have been playing around with CSS3… Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this […]

CSS Fonts HTML5 Technology Issue

CSS3 Experiments: Horizontal Scroll

This is the second site in a series where I have been playing around with CSS3…Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I first created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this approach. […]

CSS HTML5

CSS3 Experiments – Parallax

Playing around! Just playing around as I assemble sites using HTML5 elements and CSS3 effects that I have not used that often. I  created a Parallax site using my mom’s poems as my starting point of inspiration. I have continued with this approach. HTML5 elements and CSS3 effects that I have not used that often. I created a […]

CSS Technology Issue

CSS Tricks to Center Absolutely Positioned Elements of Variable Height

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 […]

CSS Developer Toolbox Fonts HTML Javascript Open Source Photoshop typography

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 […]

.NET CSS Ruby SASS Visual Studio

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 […]

.NET CSS SASS Visual Studio

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 […]

CSS Image Optimization Javascript

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 […]

Back To Top