PHP webdeveloper and frontend developer



Custom list style with Font Awesome

Category : HTML & CSS · No Comments · by Jun 18th, 2015

I frequently use Font Awesome when making website to easily add icons to buttons or within the pages. You can also use Font awesome to make a custom list style. This is a useful website to search for Font awesome icons -> http://faicons.com/ and get the unicode to change the icon. You can change the type of icon in the li:before selector….

Scrollto element with an id selector using jQuery

Category : jQuery & javascript, HTML & CSS · No Comments · by Feb 5th, 2015

For example, if I have a button with an id “btn” and a form with the id “form” and I want to scrollto the form when I click on the button HTML:

    jQuery:

 

Scroll to top of page from within Facebook app

When within a facebook app you sometimes want to scroll to the top of the page but outside of the iframe which contains your app. To do that you use the following code in javascript:

 This will only work when your canvas height is set to “Settable”. By default 800px. You can make in settable in the app Dashboard…

visible area within the iPhone and iPad browser

Category : jQuery & javascript, HTML & CSS · No Comments · by Dec 7th, 2012

visible area in the browser on iPhone portrait320*356 visible area in the browser on iPhone landscape480*208  visible area in the browser on iPad portrait 931*768  visible area in the browser on iPad landscape1024*675

Generate content with CSS before or after an element

Category : HTML & CSS · No Comments · by Oct 15th, 2012

You can easily add content before or after an element . To do so the content property is used with the:before and :after pseudo-elements, to insert generated content.It’s  only supposed to work only for the :before and :after pseudo-elements, but only Opera and Konqueror appear to support this. Safari and Chrome support content without the pseudo elements for images, but not for text. And…

How to hide the facebook Like count

Category : jQuery & javascript, HTML & CSS · No Comments · by Jul 6th, 2010

What I do, is put a div on top of the like count which is absolutely positioned The css

 The HTML

 


s