20 fresh and colorful CSS3 buttons
In Tutorials by Manoela Ilic
Here is the result of an experiment with fonts and css3 properties like text-shadow and box-shadow: Click here to download the ZIP file with the two overlay images: CSS3 Buttons […]
All Posts
Browse through all articles, tutorials, roundups, and experiments on Codrops.
CSS3 big style fieldset registration form
In Tutorials by Manoela Ilic
Experimenting with CSS3, I created a big style registration form with rounded borders and shadow effects. The only image used is not the button, but the pen that serves as […]
How to list files in a directory with PHP
In Playground by cody
Here’s a simple way to execute the windows dir or the linux ls in PHP Windows: <?php $row = exec(‘dir’,$output,$error); while(list(,$row) = each($output)){ echo $row, “<BR>n”; } if($error){ echo “Error […]
Calculate the number of days between two dates
In Playground by cody
Here’s a simple function that calculates the number of days between two dates. <?php //day’s seconds = 86400 function days_between($day_i,$month_i,$year_i,$day_f,$month_f,$year_f){ $days_in_between = (mktime(0,0,0,$month_f,$day_f,$year_f) – mktime(0,0,0,$month_i,$day_i,$year_i))/86400; return $days_in_between; } ?> //If […]
Using MySQL transactions with PHP
In Playground by chadking
The following is an example of using the transactional support in MySQL. Let’s assume we have two tables, USERTBL and EMAILTBL. Let’s consider the innodb engine, since it’s the most […]
Solving PHP MySQL UTF-8 issues
In Playground by Manoela Ilic
Heres a list of actions you should do in order to get PHP + MySQL working with UTF-8: 1. Database: CREATE DATABASE db_name CHARACTER SET utf8 DEFAULT CHARACTER SET utf8 […]
CSS button with hover effect
In Tutorials by Manoela Ilic
Inspired by the nice download button on the jquery homepage I created this button with a hover effect. It uses opacity options for all browsers. You can see a demo […]
Free Web 2.0 style glossy buttons
In Articles by Manoela Ilic
Here is a set of some colorful glossy web 2.0 style buttons in png format (size: 203 px wide, 71 px high). You can use them as you like!
JavaScript browser detection
In Playground by Manoela Ilic
Here is some very useful javascript for detecting the browser that is accessing a page:
PHP function that returns the exact age
In Playground by Manoela Ilic
Here is a simple PHP function that returns the exact age of a person given his/her birthdate: function age($month, $day, $year){ $y = gmstrftime(“%Y”); $m = gmstrftime(“%m”); $d = gmstrftime(“%d”); […]
CSS Gmail style labels
In Tutorials by Manoela Ilic
Ever wondered how to generate some cool gmail labels in css? Here is an attempt to imitate the little labels used in gmail. Three tiny colorless images are used to […]
Cool CSS-only registration form
In Tutorials by Manoela Ilic
Here is a very simple and cool registration form. A lot of times I was searching for some registration or login form that is easy to adapt. Here comes my contribution to the community. I hope you can use it!
The result looks like this:
Simple CSS chart for dynamic content
In Tutorials by Manoela Ilic
This is an example of a very simple CSS + one tiny image chart. The result will look like this: Insert the follwoing style into the head of your html […]
Simple CSS: Update box for category or posts
In Tutorials by Manoela Ilic
Let’s create a simple and clean box that shows the updates in a category (or anything you might like it to use for). The result looks like this: Starting with […]
JavaScript: Changing location or stylesheet according to device or browser
In Articles by Manoela Ilic
Developing web applications for mobile phones sometimes brings the need to just create separate content for different devices.
