Infinite Scrolling, don’t over do it


Infinite Scrolling, don’t over do it

So we have all seen the infinite scrolling effect that many websites are incorporating now. It’s great right? Well, a lot of times it is and most of the time it is not. Many designers and developers are abusing the awesome power of the infinite scroll and just throwing it anywhere they want. Well that’s alright I suppose unless you

no comments | Read More

Create Pure CSS Social Icons with no Images


Pure CSS icons with no images

Create social icons using FontAwesome and no images!

For a complete list of Icons you can use, go to Font Awesome Icons

DEMO

HTML

Link to Font Awesome

Add your Html

no comments | Read More

Riad Kilani is going 2014


Hey everyone, sorry it’s been a while, but I have been slammed at work. Anyways, I have been doing work on the site, and responsive is getting into place now, but there are just a few things that I am not happy with, and don’t feel its worth the time to design and develop fixes. So, I have decided to

no comments | Read More

Riad Kilani: A New Look


Hey everyone, sorry it’s been a while. I have been busy with work and getting situated in my new place, but now that things have slowed down, I am able to get more done.

I have been in thoughts of re-inventing riadkilani.com. I came about this idea after knowing that I have to change my site

one comment | Read More

My Tech Blog ModCrash Has Launched!


My Tech Blog ModCrash Has Launched!

Hey everyone f1ss1on here, I just wanted to put a post out letting everyone know that my tech blog has launched. It’s called ModCrash, and I am running it together with a friend of mine, Omning. If you all want, come check it out, and leave some comments on the

no comments | Read More

Create a basic HTML5 layout


Create a basic HTML5 layout

Setup your page

HTML5 opens up new wonders to the world of the web. Now with browsers pretty much fully supporting HTML5 and CSS3, we can move to the next step of the world wide web by using these awesome languages. What we will cover here is a basic HTML5 layout using HTML5 shiv, header, nav, section, aside, article and

3 comments | Read More

Use CSS3 in Internet Explorer with CSS3 PIE


Use CSS3 in Internet Explorer with CSS3 PIE

With the release of CSS3, web designers have had the flexibility of really taking their designs to the next level in web browsers. Long gone are those days of being limited to what you can and can’t do when it comes to laying out a beautiful design in HTML. True, we were able to use images or JavaScript for almost

no comments | Read More

From Google Fonts to @ Font-Face


From Google Fonts to @ Font-Face

Many of you already know that you can use web services like Google Fonts and Cufon to get custom embedded fonts in your website. Those were great except for your site relied on JavaScript to embed and render the fonts onto the site. The problem with this is that some users might have JavaScript turned off which will cause the

7 comments | Read More

Getting Sassy with Jeff Bridgforth


Getting Sassy with Jeff Bridgforth

So, if you have ever wondered what a Sass is, check out this post from Jeff Bridgforth. Jeff is a Front End Developer that works with me at Bonnier Corp. He wrote this post showing the quickest, most efficient way to get started with Sass.

Check it out Here: http://jeffbridgforth.com/getting-sassy/

Sass is an extension of CSS3, adding nested

no comments | Read More

Photoshop – Create a web layout in Photoshop pt.1 to be released tonight


Photoshop – Create a web layout in Photoshop pt.1 to be released tonight

Riad Kilani – Yes, I have past the deadline on releasing the first part of video tutorials on creating a website from start to finish. This is a good thing because it means I have been busy! So I plan to release the first video tonight on Photoshop,  “Starting Web Layouts in Photoshop.”

This tutorial will

no comments | Read More

Tutorial Video Series PSD to HTML Releases


Tutorial Video Series PSD to HTML Releases

Upcoming Tutorials

Now that I have gotten the site to a happy place, I will start producing the first series for my upcoming tutorial videos. The tutorial video series will cover all aspects of Front End Development and WordPress theme creation. The videos will be found here on the videos page, and on YouTube.  Some of the subjects to watch

no comments | Read More

Boilerplates: Learn how to quickly streamline your development tasks


Boilerplates: Learn how  to quickly streamline your development tasks

HTML Boilerplates

If you are just starting out, or a seasoned veteran of web design, there is one weapon that you should have in your arsenal. That weapon is boilerplates.

Boilerplates are a quick way use your most frequent code. After all, who in their right mind would enjoy the tedious task of creating a new basic layout every time

6 comments | Read More

Riad Kilani V3.0 Beta Launch


Hello everyone, I am pleased to announce that I am doing a beta launch of Riad Kilani V3.0. If you are interested, please visit the site, and leave feed back on functionality.

This is beta, so there are still issues that I am working through now.

Known Issues:

Portfolio Page – Images not showing up. Prev / Next Post

3 comments | Read More

Riad Kilani V3.0 Updates


Now that I am nearing the launch of Riad Kilani V3.0, I have noticed a few changes that I will need to make in order for the site to be exactly where I want it. These changes will not affect launch date, and will be addressed in Riad Kilani 3.0.1. Development time had slowed down a

no comments | Read More

Riad Kilani V3.0 Final Stages


Ok, so I had taken a few days off from developing 3.0 but started back today. I have completed the Home, Blog, Single and Archive pages, and will start work on the portfolio and category pages tomorrow. I can honestly say, I can see myself doing updates as the weeks go by simply because the longer I spend developing, the

no comments | Read More

XHTML to WordPress


When I first started designing custom themes for WordPress, I found this link and thought I would share it. It was a great starting point for me which helped me get to where I am now with theme development.

How WordPress Works

WordPress works in a rather straightforward manner but it may seem confusing if you are completely new to

no comments | Read More

Recuva – Life Saving Data Recovery


Recuva, data protection to live with.

Ok, I know it’s been a bit, I have been busy. I had to get this out though. I recently had a hard drive failure, and when I replaced the drive, when I started to transfer ALL my data from my backup drive to my new one, my backup died. I thought I lost

one comment | Read More

Streamline Web Design and Development part 1


As a web designer, I am always looking for ways to become faster and more efficient when pushing out projects. One thing that I cannot stress enough when teaching what works best for me, is the building of libraries, snippets, and even reusable buttons, classes, and boiler templates. Because of this, I am giving this tutorial on streamlining web design

2 comments | Read More

CSS List Style Navigation


I have received a few requests on how I do my CSS navigation using lists, CSS, and CSS3 so, I have decided to do a tutorial on it. Please if anyone sees a better way of doing it, let me know, and if you like it, comment and share with your friends!

View Demo Dowload Files

one comment | Read More

Internet Explorer Support


Internet Explorer Support

Support for Internet Explorer

I have been asked why I have chosen not to support earlier versions of Internet Explorer. The reason is simple. IE has their own rules when it comes to web standards, even though the W3C is the one in charge of making the current web standards.

Even though it is possible to work around the limitations

2 comments | Read More