Press enter to see results or esc to cancel.

Javascript Mobile Check
Eduardo Hernandez Eduardo Hernandez in Javascript/jQuery   Sunday, December 14 2014

Javascript Mobile Check

Check if the browser being used is mobile device.

This is a javascript snippet that checks if the browser being used is on a mobile phone. This does not include tablets. var phone = { getUserAgent: function() { return navigator.userAgent; }, isAndroid: function() {

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Sunday, November 30 2014

How to Share on Facebook and Twitter

Sharing on Facebook and Twitter with sharer.php is a tool all developers should know. Since most of our clients are going social this is something you should learn.

As the world becomes more social developers are required to know how to share links on Facebook, twitter, and other social networks. I have written this to show developers how to share links on their website with the Facebook and twitter sharer.

Continue reading
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Saturday, November 29 2014

Example of a Vertically Scrollable Div

How to make a div vertically scrollable so you can have a fixed size Div and hide text that is longer than your allowed Div.

The following is an example of a scrollable div hiding any text larger than the allowed div. This is helpful when you do not want to pass the size limit of a div.  Here is the CSS for the Scrollable Div .scroll{ height: 250px; width: 300px;

Continue reading
Responsive CSS units vh, vw, vmin, and vmax
Eduardo Hernandez Eduardo Hernandez in HTML/CSS Scripts   Tuesday, November 25 2014

Responsive CSS units vh, vw, vmin, and vmax

How to use vh vm vmin vmax for responsive and adaptive web design.

The Issue: When making a responsive websites you want the sizes of elements to be directly correlated with the size of the screen. The common solution now is media queries but there is a very simple solution to some common issues likes full screen

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Monday, November 24 2014

FAQ Design with SlideToggle jQuery Function

This is a FAQ Design Example. I am using the SlideToggle() function from jQuery.

This is a FAQ Design Example. I am using the SlideToggle() function from jQuery. This can be helpful to display your FAQ within your websites. I tried to kep the FAQ function as small as possible.  This is the function that i used to toggle the

Continue reading
Nice Interactive Restaurant Menu
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Sunday, November 23 2014

Nice Interactive Restaurant Menu

This is an interactive restaurant menu made with HTML, CSS, and jQuery. This was made to be in a large touchscreen for customers to learn about the menu.

This is a interactive restaurant menu made with HTML, CSS, and jQuery. The cool thing about this menu is the animation after you click on the menu item it gives you a short description of the menu item. I am using the following technologies: 

Continue reading
Abraham Garcia Abraham Garcia in Application Development   Saturday, November 22 2014

Tools to Create an iOS or Android Application with HTML

Create your first iOS or Android Application with languages that you are familiar with HTML, CSS, JavaScript. Their is a lot of great documentation on PhoneGag.

Learning a new language is time consuming. I am writing this for any HTML, CSS, and JavaScript developers that would like to create their first iOS application or Android Application. PhoneGap a product of Adobe allows you to create phone

Continue reading
Instagram Feed Design with Instafeed.js
Abraham Garcia Abraham Garcia in HTML/CSS Scripts   Friday, November 21 2014

Instagram Feed Design with Instafeed.js

A Instafeed.js nice design. This is a similar design to Victoria Secret Pink Instagram Follow.

This is an example of the instagram API using instafeed.js. This is a similar design used in Instagram Feed from Victoria Secret Pink. This is the styles that being used in the design. <style type="text/css"> #theContainer{

Continue reading
Abraham Garcia Abraham Garcia in PHP Scripts   Friday, November 21 2014

PHP Function to Create Nice URLs

This function will allow you to create nice friendly SEO URLs with PHP using prep_replace function. A useful function for blog post titles.

I have always liked nice urls in website it makes it cleaner and gives you better result for SEO. This is why i like to share this function on making nice URLs. You can store the title of your page/blog/etc in this format and then call it in your

Continue reading
Abraham Garcia Abraham Garcia in Javascript/jQuery   Thursday, November 20 2014

jQuery Hover Image Replace, Replace Image on Hover

jQuery hover image replace, jQuery Hover Function, Replace Image on Hover

This is a working demo to replace image on hover using the jQuery hover function. This function will help you save time on replacing image on hover. <img src="http://placehold.it/250/dddddd/000000"

Continue reading