Valerio Pierbattista
Front end web developer

Understanding Git And Github

December 31, 2015

Understanding what Git and Github are is one important step in the life of a developer. I used to keep my projects and files on my computer hard drive and I had no way of accessing them from any other location different from home. Github let’s you push your codebase online and makes it accessible from any remote location, which can be anything: from your work’s computer to your friend’s for example.

Github is a social platform for code repositories, and it’s free as long as you keep your repos openly accessible and public. You might turn up your nose at keeping all your work online and clearly visible to anyone, but that’s one cornerstone of this community: open sourcing is the best way to let anyone reuse, learn and get inspired by your code. Using others work and knowledge is how we all started, isn’t it? So let’s start open sourcing!

continue reading

Lessons Learned From My First Stupid Open Source Side Project

April 11, 2015

dux

It has been a while since I wanted to create an open source project, something just for fun and not necessarily useful.

The idea for www.drunkuserexperience.com came after reading about this guy getting paid to get drunk and evaluate the client’s website’s UX is an altered state. The idea was pretty funny and I thought I could do better offering a similar “service” for free. I imagined a webpage where you could insert the URL of your website that would then be rendered in an iframe all moving and blurry using css filter and transform properties. Without thinking too much, I started working on it.

continue reading

Automate Critical Above The Fold Css Authoring And Embedding

March 19, 2015

penthouse

We all know the best way to serve our website to our audience is to serve it fast, as fast as humanly possible. A couple of key factors for speed are how you serve css and javascript in your page. One thing Google suggests to do is to inline in the head of your document the “above the fold” css, which translates to all the css that paint what users see first when accessing your website: the header, the menu, the main content… The footer is clearly notabove-the-fold material for example.

continue reading

Jekyll And Grunt Boilerplate

March 10, 2015

jekyll and grunt boilerplate

Jekyll is great, and it gets even better with Grunt automating repetitive tasks. I’m assuming you already know what Jekyll and Grunt are. I’ve covered Grunt in a previous blog post so you may want to check that out before continuing, as we will use a very similar gruntfile. If you never used Jekyll before, I suggest you to read this great tutorial before starting. Jekyll is a static site generator, and it’s “blog aware”, this means it’s ready to manage posts, categories, excerpts and all you need to create and maintain a modern blog without having to deal with CMS installations, theme hacking and databases. You are in complete control here and you will have more time to focus on what really matters: your content.

continue reading

A Small Collection Of Useful Sass Mixins

February 25, 2015

sass mixin

Everytime I create a new project, I always begin with some kind of starter-kit that includes the basics every project should have. I’m talking about an html5 index file for example, a folder structure I usually tend to use, my grunt boilerplate files etc. Today I want to share what’s in my _mixin.scss file: a selection of just four useful mixins I think every front-end developer should consider using.

continue reading

Responsive Heights

February 17, 2015

Responsive webdesign is very much centered on how to manage the widths of our elements, but what about the heights? Heights are usually tied to the lenght of the content, and are rarely a problem to address, but in some cases (especially on mobile) sometimes you need some elements to always be visibile on the screen, and some others (usually content boxes) to scroll, as you want all the content to appear on the window without having to scroll down the whole page to reveal more.

continue reading

Sass Maps A Simple Use Case

September 08, 2014

I just recently discovered and used Sass Maps, which are basically arrays of values which can be intelligently used to write less code in particular situations. This is just one use case that was useful for me and may be useful for you to understand the power of Sass Maps.

continue reading

Grunt Boilerplate For Front End Developers And Webdesigners

September 06, 2014

grunt-logo This is a grunt boilerplate I developed and assembled for my needs. I’ve been looking around for something like this but couldn’t find it, that’s why I decided to share my achievement on my blog. If it’s your first read about grunt, please read this first instead: http://24ways.org/2013/grunt-is-not-weird-and-hard/ - this is a quite comprehensive guide on how to get started, what to install before using grunt on your machine, and it’s useful for the overall understanding of the basic concepts. I strongly recommend to start with that article before further reading. Once you’ve read and understood the basics, I’m supposing you have a general idea of what grunt does and how you feel like that article doesn’t cover everything you need. you clearly want more.

continue reading

Programmare Fa Schifo

September 04, 2014

Nota: Questa è la traduzione italiana dell’articolo “Programming Sucks” di Peter Welsh. Ho letto per la prima volta questo articolo qualche mese fa, e mi ha talmente divertito e fatto sentire meno solo, che lo considero un must-read per chiunque lavori nel mondo della programmazione. Ho deciso di tradurlo e dedicargli un post sul mio blog per poterlo condividere, non mi cimento di solito in opere di traduzione, scuserete quindi eventuali imprecisioni grammaticali e/o strafalcioni.

Note: This is the italian translation of the brilliant article “Programming Sucks” by Peter Welsh. This article was so funny to read that i decided to translate it in my native language and share it on my blog.

Programmare fa schifo

programmare fa schifo

Ogni amico che ho che abbia un lavoro che implichi uno sforzo maggiore di sollevare un laptop un paio di volte a settimana trova sempre il modo di infilare in una qualsiasi conversazione frasi tipo: "amico mio, tu non lavori sodo. Ho appena finito una settimana di 4700 ore di lavoro a scavare un tunnel sotto Mordor con un cacciavite"

continue reading

Managing Images Based On Device Pixel Density

October 03, 2013

I finally got to test the behavior of regular images on some retina displays today and see first hand how web images react on high pixel density displays (such as retina displays).

ipads-1024x768

continue reading