Mohamed Benhida simoebenhida

🏠

Working from home

Laravel/Vuejs/Tailwindcss Developer

simoebenhida / vuejs.html

Created May 9, 2018 11:02

Dropdown Vuejs With Tailwindcss

	<template>
	<div>
	<div class="flex flex-col">
	<label>Account :</label>
	<button class="input" @click="open">
	<span v-show="value !== ''" class="float-left text-dark"> {{ value }}</span>
	<span v-show="value == ''" class="float-left text-grey">Select an account ...</span>
	</button>
	</div>
	<!-- @focusout="Close" -->

simoebenhida / UnsetterHelperTest.php

Last active June 21, 2018 23:57

UnsetterHelperTest.php

	<?php
	declare(strict_types=1);
	namespace Tests\Unit;
	use Tests\TestCase;
	/*
	* Unsets properties on (nested) objects.
	*
	* @param object $object
	* @param string $property
	*

simoebenhida / ajax request

Created June 21, 2018 19:42

	$.ajax({
	type : "POST",
	url : 'URL',
	data : data,
	dataType : 'json',
	encode : true
	}).done(function(data) {
	$('.response').empty().append(JSON.stringify(data,null,2))
	})

simoebenhida / Checkout Button

Created July 21, 2018 10:33

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="/style.css">
	<title>Document</title>
	<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">

simoebenhida / gist:cf36ef6eb0474efca3121d800fff8bef

Last active September 14, 2018 19:23

Faicel Vue Example

	<div id="app">
	<v-app id="inspire">
	{{ likes }}
	<div class="text-xs-center">

	<div>
	<v-btn v-for="(like, index) in likes" :key="index" flat icon color="blue lighten-2">
	<v-icon v-if="!itIsLiked(like)" @click="likeThis(like)">thumb_up</v-icon>
	<span v-else @click="likeThis(like)">ok</span>

simoebenhida / landing page food

Created October 29, 2018 19:05

	<!doctype html>
	<html lang="en">

	<head>
	<title>TailwindCss</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="/dist/styles.css">
	</head>

simoebenhida / styles.css

Created October 29, 2018 19:07

	/! normalize.css v7.0.0 \| MIT License \| github.com/necolas/normalize.css /

	/* Document
	========================================================================== */

	/**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in
	* IE on Windows Phone and in iOS.
	*/

simoebenhida / Login Page

Created October 29, 2018 19:28

	<!doctype html>
	<html lang="en">

	<head>
	<title>TailwindCss</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="/dist/styles.css">
	</head>

simoebenhida / styles.css

Created October 29, 2018 19:32

	/! normalize.css v7.0.0 \| MIT License \| github.com/necolas/normalize.css /

	/* Document
	========================================================================== */

	/**
	* 1. Correct the line height in all browsers.
	* 2. Prevent adjustments of font size after orientation changes in
	* IE on Windows Phone and in iOS.
	*/

simoebenhida / http_status.php

Last active November 3, 2018 22:51

HTTP STATUS RESPONSES