スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
これだけ見ておけばとりあえず大丈夫！僕が設定しているGoogleAnalyticsのカスタムレポート5つ｜男子ハック
@JUNP_Nです。アクセス解析といえばGoogleAnalytics。Web担当者やサイト・ブログ運営をしている人は毎日見ているかと思いますが、カスタムレポートは使っていますか？毎日見る項目が決まっているのであればカスタムレポートを設定しておくと便利です。 サイトの成長はしっかりとPDCAを回すこと。大事なのは仮説検証を繰り返すこと。Web担当として仕事をしている人からしたら当たり前の話ですが、趣味でサイト運営やブログ運営を行なってい人はアクセス解析といえばPVを見るだけという人も多いみたいです。 男子ハックの場合ですが、毎日以下のカスタムレポートを確認しています。カスタムレポートを使えば、毎日のGoogleAnalyticsの確認を効率よく行うことできます。 カスタム レポートは、独自に作成するレポートです。ディメンション（都市、ブラウザなど）と指標（訪問数、ページビュー数、直帰率など
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
SVG filterを使って全てのページをゲームボーイ風にするGreasemonkey - 聴く耳を持たない(片方しか)
ゲームミュージックと生存確認をかねた画期的な: svgのfilterを使ってドット階調っぽい効果をつける がかっこよかったので、アレンジしてこんなGreasemonkeyを作ってみました。 全てのウェブサイトをゲームボーイ風にするGreasemonkey インストールはこちらから http://userscripts.org/scripts/show/138971 このGreasemonkeyをインストールすると、画面左上にこうしたアイコンが表示されます。 それをクリックすると、閲覧しているウェブサイトがゲームボーイのようなドット絵風の画面になります。 アイコンをもう一度クリックすると元に戻ります。 利用上の注意点 普通のGreasemonkeyはGoogle Chromeなどでも使えるのですが、これはCSSでSVG filterを利用しているので2012年7月現在 Firefoxのみ対応
謎のゲーム「HTML5杯」にかける開発者の想いが熱すぎる | ライフハッカー・ジャパン
先日リリースされた「HTML5杯」は、なんとも不思議なウェブコンテンツです。「100m連打」と銘打たれたゲームをはじめ9つのミニゲームを楽しめます。 タイトルを見ればHTML5を活用していることが分かります。ドット絵が動き回るのも、見ていて郷愁を誘います。ただ、ひとつの想いがふつふつと胸に湧き上がります。 なんなんだ、これは。 分からないことは抱え込まずに人に聞きなさいという言葉もあります。そこで、先人の教えを守り、直接聞いてみることにしました。問い合わせたのは、開発を手掛けたカヤック。質問に対しすぐさま返ってきた答えは熱く、熱く、熱い開発者の想いでした。 以下、それぞれのゲームに対するコメントです。 ■キーボードを連打してライバルと競う「100m連打」には、漢（おとこ）のロマンがあるらしい 終わった後に息切れしてしまう。そんな競技となることを目指して、ライバル走者のレベル調整を何度も繰り
［はまちちゃんのセキュリティ講座］ここがキミの脆弱なところ…！：第1回 HTTPのしくみを復習しよう｜gihyo.jp … 技術評論社
こんにちはこんにちは ! ! はまちや2です！ 今日からぼくと一緒にWebプログラミングのセキュリティについて、ちょっぴり勉強してみませんか！今回はHTTPがどんなやりとりをしているのか、簡単におさらいしてみましょう！
著作権法の改正でDVDのリッピングが規制対象に｜やらおん!
1 名前：コロッケそばφ ★[sage] 投稿日：2012/03/19(月) 23:17:21.77 ID:??? 文部科学省は、第180回国会に提出した著作権法の一部を改正する 法律案の条文、改正概要をホームページで公開した。 この中には、いわゆるDVDの「リッピング」を防ぐための規定なども盛り込まれている。 VHSなどで用いられたマクロビジョンのようなコピー制御技術だけでなく、 DVDのCSS(暗号化方式)のようなアクセス制御(再生制御)型技術についても 「技術的保護手段」と位置づけ、その回避を規制できるよう規定を整備。 この規定については、'12年10月1日の施行を目指している。 そのほか、著作物の利用円滑化を目指し、著作権等の制限規定を改正する。 いわゆる「写り込み」に係わる規定を整備し、写真、録画などによって 著作物を創作する際に、撮影の対象として写り込んだ著作物(付随的対象著作
その場で編集しすぐに公開できる、WEBページ作成サービス「qip.li」 : 二十歳街道まっしぐら
「qip.li」は簡単にウェブページが作成できるサービスです。 HTMLとCSSやJavaScriptを自由に書くことができ、その場で公開できます。 自分専用のURLが取得でき、その場で編集＆公開できる手軽さが便利。 ちょこっと告知用にウェブページを作りたいってときに使えますね。 以下に使ってみた様子を載せておきます。 まず「qip.li」にアクセスしましょう。 自分が利用したいドメイン（ユーザIDになります）を入力してパスワードを入れて登録。 「create page」すると編集画面へ移ります。 HTMLやCSSが自由にかけますよ。 保存して作成したドメインへアクセスすると、このとおり。 先程編集したページがそのまま公開されます。 再び編集するには「（ユーザ名）.qip.li/edit」へアクセスすればOK。 URLもごちゃごちゃしてませんし、ささっと編集できるところが便利ですね。 とっ
CSS3の各種エフェクトをGUIで設定できる『CSS3 Generator』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
著作権法改正案が国会に提出、「写り込み」は合法化、DVDリッピングは違法化 
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA