Skip to content

Instantly share code, notes, and snippets.

View A973C's full-sized avatar

A973C A973C

23 followers · 5 following
  • France
View GitHub Profile
@A973C
A973C / CSS-image-slider-w--next-prev-btns-&-nav-dots.markdown
Created October 20, 2013 11:42
CSS image slider. #CSS #slider

CSS image slider w/ next/prev btns & nav dots

A 100% pure CSS image slider with next/previous buttons, nav dots and image transitions.

Updated with simplified HTML and CSS, better image transitions and resized images.

A Pen by A973C on CodePen.

License.

@A973C
A973C / dashboard-ui.markdown
Last active December 17, 2023 13:42
Dashboard UI
@A973C
A973C / index.html
Created August 18, 2013 13:05
A CodePen by A973C. Spin the Wheel - Cross Browser - // uses raphaeljs
<div class="spin_widget">
<div class="wheel_holder" id="the_wheel">
<div class="assests" style="display: none">
<img src="https://dl.dropboxusercontent.com/s/du2xrt3903k34b2/spinner-wheel_board__bg.png?token_hash=AAHefLlKqPXsIxfza_HfuvEfRwZnY5EWMYOGA5kt3FZv4Q&dl=1" alt="" id="wheel_bg"/>
<img src="https://dl.dropboxusercontent.com/s/p1grg6kuspaklqe/spinner-wheel_board__highlight.png?token_hash=AAFEC_xUVm6Na2aYdb0jcdC1-1q-0f3svu5uOQPwYIEu1A&dl=1" alt="" id="highlights" />
<img id="wheel" class="wheel" src="https://dl.dropboxusercontent.com/s/6ngd3cir5xsh0ud/spinner-wheel_board__content.png?token_hash=AAH7POtGmIwkgg0DPAXYMuEAgs_6597rp3uX7bNnd3qi-w&dl=1" alt="" />
<img id="needle" src="https://dl.dropboxusercontent.com/s/e3vqwrud9zbi185/spinner-needle.png?token_hash=AAF9of63bm8-N0cFzBBJRSNOwegi-QZyoxyKdFSMGkflzg&dl=1" />
<img src="https://dl.dropboxusercontent.com/s/zacc6u68fa242no/spinner-pin.png?token_hash=AAEuCX0H3IuKOgJPT6blTpfsRgTQhjNOQY8-w5L_xOh9HA&dl=1" alt="" id="pin" />
@A973C
A973C / Mini-Audio-Player.markdown
Created August 22, 2013 14:57
A CodePen by A973C.

Mini Audio Player

I've combined one of my shots on dribbble with a few mixes taken from my musical project GRAYSCALE to create this cool audio player.

A Pen by A973C on CodePen.

License.

@A973C
A973C / index.html
Created July 6, 2012 14:35
Pure CSS Featured Image Slider
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Pure CSS Featured Image Slider &middot; CodePen</title>
<link rel="stylesheet" href="http://codepen.io/stylesheets/css/normalize.css">
@A973C
A973C / Logout.php
Last active June 13, 2022 08:29
Logout link for Joomla 1.5, 2.5 and 3.0
Joomla 1.5 Logout Link
<?php
$returnURL = base64_encode(JURI::root() . "");
$user =& JFactory::getUser();
echo 'Hi,'.$user->username;
?>
<a href="index.php?option=com_user&task=logout&return=<?php echo $returnURL; ?>">Logout</a>
Joomla 2.5 Logout Link
<a href="index.php?option=com_users&task=user.logout&<?php echo JUtility::getToken(); ?>=1">Logout</a>
@A973C
A973C / 3d-ribbon.css
Created June 24, 2013 04:29
Creating a 3D Overlaying Color Ribbon using CSS3
/* Source: http://www.designzzz.com/coding/3d-overlaying-color-ribbon/ */
.wrapper {
margin: 50px auto;
width: 280px;
height: 370px;
background: white;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
@A973C
A973C / index.html
Created April 17, 2013 05:14
A CodePen by A973C.
<canvas id="stage"></canvas>
@A973C
A973C / ACCOUNT-REGISTRATION-FORM.markdown
Created December 27, 2013 07:44
A Pen by A973C.

ACCOUNT REGISTRATION FORM

Here is an account registration form which can be used for registering new users, this form has been optimized for Chrome and Firefox! [Leave me an inbox if you would like me to add validation.]

A Pen by A973C on CodePen.

License.

@A973C
A973C / iOS-style-sliding-menu.markdown
Created August 22, 2013 16:44
A CodePen by A973C.

iOS style sliding menu

Here's an easy way to create an iOS style, side sliding menu.

A Pen by A973C on CodePen.

License.