Press enter to see results or esc to cancel.

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
Abraham Garcia Abraham Garcia in PHP Scripts   Wednesday, November 19 2014

A US State Dropdown from PHP Array

A US state dropdown from a PHP array. We have also included an SQL state to insert into your database.

A PHP array for US states is a better cleaner option than adding all the option values into your HTML form. This is a working example of a dropdown for the US States from a PHP array. We also included the SQL statement if you would like to add it

Continue reading