Author Archives

Nick Salloum (6 Posts)

About: I'm a web designer & developer from Trinidad & Tobago, with a degree in Mechanical Engineering. I love the logical side of the web, and I'm an artist/painter at heart. I endorse progressive web techniques, and try to learn something every day. I try to impart my knowledge as much as possible on my personal blog, callmenick.com. I love food, I surf every weekend, and I have an amazing creative partnership with fellow mischief maker Elena. Together, we run SAYSM.
tile-navigation-featured

Creating a Full Width Responsive Tiled Menu with CSS

Full width tiled menus are a crisp way for displaying your site’s navigation and for giving end to end coverage, creating a very full-bodied effect for the user. In this tutorial, we’re going to make it fully responsive, and throw in some quick JavaScript at the end to show/hide the navigation on smaller screen widths, via a navigation toggle button….

revealing-content-overlays-feat

Create Revealing Content Overlays With CSS3 Transitions

In this tutorial, I will show you how to create revealing content overlays with CSS3 transitions, allowing you to minimise content clutter and provide a neat user experience. Download Source FilesView the Demo Introduction I’ll introduce this tutorial by presenting a very suitable use case. Imagine your company offered a bunch of different services, and on your website’s services section,…

featured_thumb

Creating Round, Flat and Flip-Style CSS Toggle Switches

In this tutorial, we show how to easily create some fantastic round, flat and flip-style CSS toggle switches. We’ll be using pure CSS to create some toggle switches, adding a neat user experience to checkbox functionality. Download the Source Files View the Demo The Reasoning Often times, we find ourselves needing users to check/uncheck a checkbox to signify a yes/no…

css_buttons_thumb

How to Create Stylish CSS Buttons

In this tutorial, I’m going to run through the basics of 4 different style buttons – flat, border, gradient & shadow (skeuomorphic), and press style buttons. I’ll reset all the CSS so that buttons display consistently across devices, and I’ll style each set of buttons with a :hover and :active state. Without further ado, let’s dig into the HTML. Get…