Skip to content

Instantly share code, notes, and snippets.

@hemantajax
hemantajax / media-queries.css
Last active March 2, 2024 07:05
Very useful media queries snippets
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@hemantajax
hemantajax / insertNewItem.html
Created December 4, 2012 08:38
Inserting Items in a Sorted List with jQuery
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style>
ul,li{
margin: 0;
padding: 0;
list-style: none;
@hemantajax
hemantajax / testing-resources
Created June 2, 2013 08:20
Cross Browser Testing Resources
Cross Browser Testing Resources:
Mozilla addons:
- colorzilla
https://addons.mozilla.org/en-us/firefox/addon/colorzilla/
- MeasureIt
https://addons.mozilla.org/en-us/firefox/addon/measureit/?src=search
@hemantajax
hemantajax / todoapp.html
Created August 5, 2013 11:36
super simple todo app with backbone js
<!doctype html>
<html>
<head>
<title>Todo App - Super simple Todo App with Backbone JS</title>
<meta charset="utf-8" />
<style>
#todoapp ul {
list-style-type: none;
}
@hemantajax
hemantajax / http-service.html
Created August 26, 2014 07:13
REST API calls with angular js $http service
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>REST API calls with Angular $http in-built service</title>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<style>
[ng\:cloak],
[ng-cloak],
@hemantajax
hemantajax / ng-resource-rest.html
Created August 25, 2014 13:07
Rest api calls with Angular Js ngResource module
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>REST API calls with Angular ngResource module</title>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<style>
[ng\:cloak],
[ng-cloak],
Basic SEO Markup:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>70 Characters Maximum</title>
<meta name="description" content="Enter description here">
<link rel="author" href="https://plus.google.com/LINK-TO-GOOGLE-PLUS-PROFILE">
<link rel="canonical" href="/category/preferred-url.html">
<!-- Meta Tags for Social Media -->
.grid-overlay:before {
content: "";
position: fixed;
background-color: rgba(34,102,153,0.5);
background: -webkit-linear-gradient(skyblue 2px, transparent 2px), -webkit-linear-gradient(0, skyblue 2px, transparent 2px), -webkit-linear-gradient(skyblue 1px, transparent 1px), -webkit-linear-gradient(0, skyblue 1px, transparent 1px);
background: -moz-linear-gradient(skyblue 2px, transparent 2px), -moz-linear-gradient(0, skyblue 2px, transparent 2px), -moz-linear-gradient(skyblue 1px, transparent 1px), -moz-linear-gradient(0, skyblue 1px, transparent 1px);
background: -o-linear-gradient(skyblue 2px, transparent 2px), -o-linear-gradient(0, skyblue 2px, transparent 2px), -o-linear-gradient(skyblue 1px, transparent 1px), -o-linear-gradient(0, skyblue 1px, transparent 1px);
background: -ms-linear-gradient(skyblue 2px, transparent 2px), -ms-linear-gradient(0, skyblue 2px, transparent 2px), -ms-linear-gradient(skyblue 1px, transparent 1px), -ms-linear-gradient(0, skyblue 1px, transparent 1px);
background
<snippet>
<content><![CDATA[
class ${1:TABLENAME}TableSeeder extends Seeder {
public function run()
{
\$${1} = [
${2}
];
<snippet>
<content><![CDATA[
// ${1} Resource
Route::get('${1}s', array('as' => '${1}s', 'uses' => '${1}s@index'));
Route::get('${1}s/(:any)', array('as' => '${1}', 'uses' => '${1}s@show'));
Route::get('${1}s/new', array('as' => 'new_${1}', 'uses' => '${1}s@new'));
Route::get('${1}s/(:any)edit', array('as' => 'edit_${1}', 'uses' => '${1}s@edit'));
Route::post('${1}s', '${1}s@create');
Route::put('${1}s/(:any)', '${1}s@update');
Route::delete('${1}s/(:any)', '${1}s@destroy');