Pattern guides are created in order to gain a perspective of the project’s parts and inner workings. This process helps developers arrive at an educated decision based on the project’s context. By working in this fashion authors can identify possible coding issues and collectively organize these shared principles across an interface. Read More →
Tag Archives : HTML July 2015
-
-
Making A Custom Gradient For ChartJS
Having a dependable set of tools at your disposal is a must. For me, ChartJS has been one of those tools when I’m in need of dynamic charts. Here’s an explanation on how I customized the fill color for the WATH project sent to me by Theron Studios along with a small tip for loading charts smoothly on initial page load. Read More →
-
Transformicons
As of lately, my interests in terms of Web development have gone from a devotion to responsive design techniques to the appreciation of finely, well-made animations and interactions. Today I’d like to share a project called “Transformicons” that’s inspired by the work of Bennett Feely and Sara Soueidan. Read More →
-
BEM Relationships
I know bem is pretty hot right now, but I think for a good reason. We’re specifically decoupling components for reuse in a modular fashion and ensuring relationships have meaning. This approach ensures that everyone participating in the development of a website is working with the same codebase and using the same terminology. Here’s a short explanation on how to author bem correctly specifically in a parent/child relationship. Read More →
-
Fixed Curtains Pattern
Layout patterns are great for initiating projects quickly, but the ones that provide a plethora of opinionated styles can become frustrating and overwhelming to remove when desired. I’d like to share a few examples and end with a free HTML layout pattern for you to help alleviate unwanted styling and get started on a template pattern quicker that I call “Fixed Curtains.” Read More →
-
Flexbox Sticky Footer
We’ve all heard of the famous sticky footer and of course there are 101 million ways to skin that cat (Example 1, Example 2, Example 3 …and so on). Let’s take a look at a way to do this same idea, but using Flexbox. Read More →
-
Emmet Hot Key: Open & Closing Tag
Quick keys are the best thing since sliced bread when you have a firm grasp of them and use the ones you care about the most. I’ve been doing some research to discover a few favorite quick keys with my editor of choice and wanted to share one that I think is pretty hawt! Read More →