A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$
if your browser aliases it:
~ 108 byte version
.slide | |
{ | |
@animation-duration: 500ms; | |
&.in | |
{ | |
.transform(translateX(0) scale(1)); | |
.animation(inanimation @animation-duration ease-in-out); | |
.opacity(1); | |
} |
@global-font-family: @contentFontFamily; | |
@global-corner-radius-blocks: @controlsBorderRadius; | |
@global-corner-radius-buttons: @controlsBorderRadius; | |
@global-box-shadow: @shadow; | |
@global-inset-box-shadow: @shadow; | |
@global-icon-color: white; | |
@global-icon-shadow: ~"none"; | |
@bar-background-color: @headerBackgroundColor; | |
@bar-border-color: darken(@headerBackgroundColor, 5%); |
In order to use internet on emulator if you are setting behind a proxy server perform the following steps: | |
Go to settings->Wireless & networks->mobile networks->Access Point Names. | |
Press menu button. an option menu will appear. | |
from the option menu select New APN. | |
Click on Name. provide name to apn say My APN. | |
Click on APN. Enter www. | |
Click on Proxy. enter your proxy server IP. you can get it from internet explorers internet options menu. |
Add these entried to your '.gitconfig' file in your user directory (go to %USERPROFILE%): | |
[url "https://"] | |
insteadOf = git:// | |
[http] | |
proxy = http://<proxy_server>:<port>/ | |
[https] | |
proxy = http://<proxy_server>:<port>/ |
// Library used: http://malsup.com/jquery/form/ | |
define(['jquery', | |
'amplify', | |
'moment'], | |
function($, amplify, moment, undefined) | |
{ | |
var UPLOAD_SERVICE_BASE = 'http://127.0.0.1:8080/'; | |
var FileUploadService = function(){}; |
module.exports = function(grunt) | |
{ | |
require('time-grunt')(grunt); | |
require('load-grunt-config')(grunt, { | |
config: { | |
srcLocation: 'src', | |
distLocation: 'dist' | |
} | |
}); |
<div class="spinner"> | |
<div class="element1"></div> | |
<div class="element2"></div> | |
</div> |
<html> | |
<head> | |
<title>Select styles with CSS only</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style> | |
body { | |
background-color: #fff; | |
font-family: helvetica, sans-serif; | |
margin: 4% 10% | |
} |