How to Create a Pure CSS3 animated buttons Today I want to share some experience with creating interactive animated elements (buttons) with CSS3. In our example I going to use hover and active states of our buttons. Please pay attention that our demo will work in browsers that support used CSS3 properties.
Tutorials in HTML/CSS category
Creating Your Own Ajax Poll System
Creating own ajax poll system Today I prepared new interesting tutorial – we will creating own Poll system (AJAX) for your projects with PHP. Polls, answers and results I going to keep in single SQL table. When we will vote for one of variants – jQuery will POST data, and then we will animate our…
Creating an E-Store HTML5 CSS3 Single Page Layout
Creating new HTML5&CSS3 single page layout – E-Store Today I want to introduce new great masterpiece – new template with codename: ‘E-Store’. This will nice HTML5/CSS3 template with nice light gray colors. This is template for online stores. Hope that you will like new styles and you will learn some new design methods. I going…
Creating a Marble Style CSS3 Navigation Menu
CSS3 Green Marble Menu In our new tutorial we’ll create a new horizontal dropdown CSS3 menu. This menu will be suitable for black and for white websites. It made of green marble colors.
Creating a Diary style PHP Guestbook
PHP guestbook Today I prepared new interesting tutorial – I will tell how you can create ajax PHP guestbook with own unique design. Our records will be saved into SQL database. This table will contain next info: name of sender, email, guestbook record, date-time of record and ip of sender. Of course, we will use…
Creating jQuery Templates – Usage Practice
jQuery Templates – practice of using Today we will talk about jQuery. I going to provide you with basic information to start working with jQuery templates. jQuery templates can help you with formatting data retrieved with an Ajax call (as example). Or, we can use already predefined data. Our example will consist of 2 parts….
How to Create a Pure CSS3 Animated Photo Gallery
How to Create a Pure CSS3 Animated Photo Gallery Today we decided to prepare nice css3 gallery. Without using any javascript. Yes, yes, you heard right. Today, we will not use scripts at all. This will PURE CSS3 photo gallery. Photos in the gallery will grow when we will click the mouse on them.
Creating a Toggle CSS3 Bottom Navigation Bar
CSS3 Bottom navigation menu Today I prepared nice CSS3 bottom navigation menu for you. This is will sliding drop down menu with fixed position in bottom of screen. Also, I going to use jQuery for sliding effects.
How to Generate Runtime Multi-columns with CSS3
How to do Multi-columns with CSS3 Have you ever had the need to create multi-column layout to display any information? What looks like the columns of newspapers. I think that your answer is – yes. And many of you may have implemented it using just ordinary DIV (or other) elements, with the property float: left….
Creating Your Own Commenting System from Scratch
How to create own commenting system Today I prepared new interesting article – I will tell how you can create own commenting system (AJAX) for your items (any units at your website) with PHP. For our demonstration – I prepared two SQL tables: first table will keep records of our items. It contain several fields:…
Creating an Accordian like CSS3 Onclick Vertical Navigation
CSS3 Onclick Vertical Metal menu In our new tutorial we will create a cool CSS3 vertical menu with icons in metal style. The submenu will be opened by pressing the main menu items.
Autocomplete with PHP, jQuery, MySQL and XML
Autocomplete with PHP, jQuery, MySQL and XML Today I have new article for PHP. I will tell you about implementation autocomplete for your sites. Data can be located in different sources – directly in the JS code, in the database, and even in the XML file.
HTML5 Game Development – Lesson 2
HTML5 Game Development – Lesson 2 Today we continue a series of articles on game development in HTML5. Today we will continue basics (and maybe even advanced basics). I going to show you how to fill objects with gradient color, draw text, use custom fonts to draw text, basic animation, and most important: ui element…
Creating a Photo Album with Galleriffic jQuery plugin
Creating photo album with Galleriffic jQuery plugin Today we will make a new photo gallery. Recently I found another nice JQuery plugin – Galleriffic. This plugin well optimized to handle high volumes of photos. Also it have nice features like thumbnail navigation (with pagination), jQuery.history plugin integration, slideshow with Play/Pause, keyboard navigation etc. So I…