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
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
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