We tend to solve a lot of problems related to the front-end by delegating them to existing programs. We use libraries and tools which we don’t understand completely - our code base grows and grows. But lately this trend seems to change and we slowly re-consider what we can do best: develop front-end code. What can we expect from this new trend and how can we use them in out daily business today?
npm is a Node.js’ dependency management system. It provides a
script object in a project’s
package.json configuration which can hold several CLI scripts. It is possible to run those via your command line. This way it is possible to replace your current build system. This article covers more about how you replace different tasks of a typical front-end build workflow.
Different projects I have worked on used Sass as the pre-compiler of their choice. This post shares some learnings we had while using Sass. There are a couple of great articles on how to use Sass in large scale projects — this one is more of a retrospective. I hope it helps you solving problems if you ever run into them. I wrote about some of my recent projects and the learnings I had.
- Add the <main>-Element to Modernizr 2.6.2
- A Few More Words on Accessible Dialogs/Modals
- Introducing CSS Modal
- Printing The Web
- Speaking Engagements, the .net-Awards and Freelancing
- TakeOff Conference: Talking About Good Code
- The REM Fallback with Sass or LESS
- Working Draft Revision 100
- New Resource for Web Devs: The Nitty Gritty
- Conferencing and Test The Web Forward
- Writing Awesome Code – Fronteers Jam Session 2012
- Yeoman – Level-up Your Daily Workflow
- HTML5 Boilerplate – v4.0.0
- An Approach on Building an Advanced Initial Boilerplate
- Principles of writing consistent, idiomatic CSS
- SASS vs. LESS
- My Coding Style and Guidelines
- RECESS – A CSS cleaning tool build on top of LESS
- About CSS Variables
- About The CSS Hierarchies Module Level 3
- Dabblet Chrome App
- About Git’s Cherry-Picking
- Effects for the Web!
- Is Mothereffin’ jQuery Up?
- Responsive Media
- A Travel Through Time – and Back
- Lea Verou’s Animatable
- How to Build an Accordion-Menu using CSS and a bit of jQuery
- Resize Elements with CSS3
- Wo sind meine abgerundeten Ecken?
- “Where Are My Rounded Corners?” – German Translation
- CSS3: Rotate Images on Click
- Touch-Icons for Android-Devices: Y U No Working?
- Text-Shadow in Internet Explorer
- HTML5 Boilerplate Favicon PSD-Template
- Pseudo-Elements in Print-Styles for References in Links
- Add Style-Syntax in Comments with `, _ and *
- Offer Files as Download with a@download
- Mobile Design is not only Responsive
- CSS3: Auto Hyphenation for Text-Elements
- The Difference between Push and Pull
- This is what it’s all about!