Code Monkey home page Code Monkey logo

Mohamed Ifah's Projects

ajax-polling icon ajax-polling

Updating information on a page without refreshing using AJAX polling. This simple guide uses the jQuery library to poll a file for changes.

ajax-tutorials icon ajax-tutorials

source code of the video tutorial series "AJAX Tutorials" by thenewboston

build-a-php-to-do-list icon build-a-php-to-do-list

Create your own to-do list with PHP, including a front-end design and back-end, allowing users to add and mark items as done. Use this PHP to-do list as your own to-do list, or integrate with a PHP authentication system to let users add their own to-do items to their list.

build-a-poll-with-php icon build-a-poll-with-php

We're building a simple PHP poll, allowing signed in users to vote on polls and see the percentage of the total votes. You'll also be able to schedule polls to start and end on a specific date.

create-a-cms-with-php icon create-a-cms-with-php

In this series we look at creating a CMS with PHP, including an admin panel to manage CMS content.

create-a-css-button icon create-a-css-button

Styling a cross browser button that works well across elements like anchors (a tags), submit buttons (input) and buttons. Also easy to extend and customize in terms of how the button is styled.

create-a-css-heart icon create-a-css-heart

In time for Valentines day, why not create a heart for that special someone? Impress them with your hacky CSS skills, by using CSS pseudo elements and CSS3 transformations to create the classic symbol of love.

create-an-egg-with-css icon create-an-egg-with-css

Building the perfect egg with CSS isn't hard, we just need one element and a useful CSS3 property.

creating-a-cookie-banner icon creating-a-cookie-banner

We markup and style a cookie banner and slide it down using jQuery animation. We then use PHP in the second part to control the toggling of the cookie banner.

css-comment-list icon css-comment-list

Create a comment list with an image, time of post and post body. Works well on all major browsers and has the ability to style comments in a 'reply' state.

css-fullscreen-background-image icon css-fullscreen-background-image

Add a background image to your website so it stretches and fills the viewport, whatever the size. We use CSS to position and size the background.

css-progress-bar icon css-progress-bar

Create a CSS progress bar with transitions to animate the bar as it changes width. We also create a small snippet of JavaScript to animate the bar from 0 to 100%.

css-slide-out-navigation icon css-slide-out-navigation

Creating a slide out navigation area using the power of CSS3 transitions. This simply solution works smoothly and elegantly across many devices and provides a working fallback for those browsers that don't support transitions. By using CSS3 transitions we don't have to rely on JavaScript animation.

dropdown-autosuggest icon dropdown-autosuggest

Autosuggest uses a dropdown to suggest results for a user as they type into an input field.

easy-php-validation icon easy-php-validation

Create an awesome form validation class. Features clean syntax, flexible outputting of errors, the ability to easily extend it and database lookup support.

file-based-image-gallery icon file-based-image-gallery

Creating a PHP image gallery, directly from a specific folder. This gallery class will allow you to grab all images and loop through them, producing a gallery. We also style it up so it looks nice.

html5-contenteditable icon html5-contenteditable

Use the contenteditable attribute to allow almost any HTML element to be editable. In this video, we demonstrate using local storage to store the contents of an editable element.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.