CSS HappyLife ZEROCSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティやセレクタなどのリファレンスに加え、実践的なレイアウト講座やTips・コラムなど、それとCSS3に関してもちょこちょこ書いてます。 詳しい説明や、初めて訪れた方は「サイト説明」を読んで頂ければと思います。
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
いいね!数1000を5分で自作自演する方法： いいね!数のカラクリとその見破り方 | 初代編集長ブログ―安田英久
ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね！」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね！」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 ＝ 表示いいね！数は1000いいね0回、シェア1回、シェアへのコメント999回 ＝ 表示いいね！数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね！」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね
簡単インストールから始める初心者のためのRuby on Railsチュートリアル
Railsは、その名の通りプログラミング言語「Ruby」向けのWebアプリケーションフレームワークです。オープンソースで開発が続けられています。 よく見られるWebサービスは、データベースにデータを保存し、ブラウザーを使ってその入出力を行います。そのようなアプリケーションを作る場合、開発者はRailsを使うことで高い生産性を発揮することが可能です。 また、Railsはフルスタックなフレームワークなので、さまざまなタイプのアプリケーションを作ることができます。例えば、Androidアプリケーションに向けてJSONやXMLを出力するサーバーサイドに限ったアプリケーションを作ることもできます（参考「Androidアプリちょい足し開発レシピ（2）：TwilioとRailsで作る、電話でテキスト読み上げアプリ」）。 近ごろはエンタープライズ領域での採用も多くなり、業務システムのクラウド化をRails
ブックマークレット10選
こんにちは、デザイナーのサリーです。セブ島のお土産に名物のシニガンスープの素をたくさん貰いました。 シニガン？な私は裏面（おそらくフィリピン語）を見てもさっぱり作り方がわかりません、クノールなのに… パッケージイラストとクックパッドを頼りにどうにかこうにか料理してみようと思います。 今日はデザインやコードをチェックするのに便利なブックマークレット10個を紹介します。 デベロッパーツールやブラウザの拡張機能を使った方が良さそうだと思ったもの、個人的に使いづらかったものは除外して、実用性のあるブックマークレットを選んでみました。 「ブックマークレットってなんだろう？」な方に説明をしておくと、 ブックマークレット 通常ウェブブラウザでブックマーク（お気に入り）を選ぶと、登録しておいたURLに遷移するが、URLの代わりにJavaScriptのプログラムコードをブックマークしておくことで、それを選ん
文字コードの脆弱性はこの3年間でどの程度対策されたか?
4. デモ1:半端な先行バイトによるXSS • 半端な先行バイトとは – Shift_JIS、EUC-JP、UTF-8などマルチバイト文字の1 バイト目だけが独立して存在する状態 – 次の文字が、マルチバイト文字の2バイト目以降の文 字として「食われる」状況になる – input要素などの引用符「”」を食わせて、イベントハ ンドラを注入する攻撃 Copyright © 2010-2014 HASH Consulting Corp. 4 5. デモ１：PHPソース <?php session_start(); header('Content-Type: text/html; charset=Shift_JIS'); $p1 = @$_GET['p1']; $p2 = @$_GET['p2']; ?> <body> <form> PHP Version:<?php echo htmlspeci
API 仕様
気象庁防災情報 XML 検索 API JSON 形式で応答を返す Web API です。以下の URL にパラメータを付加して GET してください。 指定したパラメータと値によってデータベース内の気象庁防災情報 XML を検索し、一致するものへのリンクが返されます。 http://api.aitc.jp:80/jmardb/search 使用可能なパラメータは以下のとおりです。パラメータの名前はすべて小文字です。 実際の各パラメータの値がどのようなものかは、トップページで検索した結果の一覧を見ると把握できると思います。 また、文字列の検索は部分一致でなく完全一致であることに注意してください。 status
初心者でも簡単！Facebookページの作り方 [ホームページ作成] All About
「Facebookページ」とは、世界最大のSNSであるFacebook内部に誰でも作成できる、特定の商品やサービス・人などに関する独自のウェブページのことです。既に様々な企業・組織・個人などが、Facebookページを作成して活用しています。 単独のウェブサイトを作成するのとは異なり、Facebook内部でFacebookの機能を活用できる点が特長です。「いいね！」ボタンでフォローされれば(そのユーザのタイムラインへ)継続的に情報を伝えられますし、投稿に「いいね！」が付けば口コミ的な広がりも期待できるでしょう。コメント機能を活用することで、訪問者とコミュニケーションが取りやすくなるメリットもあります。 Facebookページを作ってみましょう (個人でも簡単) 「Facebookページ」は、Facebookにアカウントがあれば誰でも無料で作成できます。ここでは例として「ホームページ作成TI
![初心者でも簡単！Facebookページの作り方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c7dae98269da0e20c77b5aba5a8add06e4a4d64/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F7%2F8%2F4%2F0%2F201512301329%2Ftopimg_original.png)
5分で分かる著作権～まずは基本を押さえよう
著作権法は、コンテンツやプログラムの作成者のみならず、利用者にとっても知らないでは済まされない法律です。本稿で基本的な知識を身に付けましょう。 コンテンツやプログラムを作成・利用する全ての人にとって、著作権法は知らないでは済まされない法律です。しかし、現在の著作権法は改正の繰り返しによって極めて複雑化しており、今日のデジタルテクノロジとの整合性が取れていない部分も増えています。著作権法の最重要ポイントに絞って解説していきましょう。 1分－著作物とは何か？ 著作権法は著作物の利用と保護を図り、文化の発展に寄与することを目的とした法律です（特許法が発明の利用と保護を図り、産業の発展に寄与することを目的としているのと対比できます）。 著作権法の保護対象になる著作物とは、思想や感情を創作的に表現したものであって、文芸、学術、音楽、美術の範囲に属するものと定義されています。現在の一般的用語でいえば「
月収100万円も夢じゃない!? 楽して稼ぐアダルトアフィリエイトの作り方 | 日刊SPA!
PC1つあれば、副業でボロ儲け。 アフィリエイトではこんなフレーズをよく耳にするが、実現できている人はかなり稀。手を出そうものなら、高い商材を買わされたり、セミナーの受講料をボラれたり、“情弱”として搾取されることさえある。 そんな中、唯一例外的に稼げると評判なのが、アダルトアフィリエイトだ。 HPやブログを作成し、月額会員制のアダルトサイトへ顧客を送り、報酬を得るというシンプルな構造で、楽して大きく稼げるジャンルとして一部のアフィリエイターの間で話題になっている。 その理由はいくつかある 。脱サラを契機に、今から2年前にアダルトアフィリエイトを始めた小早川 徹さん（35歳・仮名）はこう語る。 「まず、還元率がめちゃくちゃ高い。Amazonや楽天だと売り上げの1～2％、大口になっても5％ほどしか入りませんが、アダルトアフィリエイトだと30～50％が報酬として支払われます。しかも、月額会員制
複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」:phpspot開発日誌
Demo ? jQuery Feeds 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 クロスドメインのRSSもサポートしていて、サーバサイドスクリプトは一切不要。 複数のRSSを時系列にサクッとまとめて表示したい場合に便利そうです 次のようにJSONでURLを定義してあげればまとめて表示してくれるみたい 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 おしゃれで軽量なシェアボタンを実装できるjQueryプラグイン Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 フラットデザインがクールなカレンダー実装jQueryプラグイン「kalendar」 ダイナミックなタイル状レイアウトを実現できるjQueryプラグ
nginx で gzip_static と gunzip を使ってストレージを節約する - 酒日記 はてな支店
一月ほど前に 社内Gyazoの画像をAmazon S3に逃がしてスケーラブルに運用する - 酒日記 はてな支店 というエントリを書いて一段落と思いきや、そのサーバには社内向けの nopaste アプリも同居しており、気がつけばテキストファイルが10GB以上積もっていたのでした… 社内 nopaste アプリの実装はDBなどを使用せず単にテキストファイルを保存しているだけだったので、ファイルを gzip して nginx の http_gzip_static_module を使って配信したらディスクを節約できていいんじゃないか、と思いついたのですが、Accept-Encoding: gzip でないクライアントからアクセスすると 404 になってしまうので圧縮前のファイルが消せない。 今時ブラウザで対応していないものは少ないとはいえ、curlとか各種言語のHTTPクライアントでアクセスする場
favico.js·Faviconを自在にコントロール MOONGIFT
Webカムや動画までFaviconに流しちゃいます！ FaviconはWebサイトのマークとして大事な役割を担っていますが、単に同じ画像をいつまでも表示しているのでは面白みがありません。もっと活用したい、そう考える人に使ってみて欲しいのがfavico.jsです。 できること favico.jsができることはFaviconのダイナミックな変換です。例えば、 バッジ表示 別なアイコンに差し替え 動画の表示 Webカムの表示 ができます。Faviconの中でWebカムを表示したいと思うケースは思いつきませんが、バッジ表示やユーザによってアイコンを変えると言うのは十分ありえるのではないでしょうか。 バッジ表示についてはアニメーションや形を指定することもできます。 デモ バッジ表示。数はダイナミックに変更できます。 数をアップしました。 アイコンの差し替え。 動画の再生。 バッジの表示位置は指定でき
AngularJSのMVWパターンを理解する - Qiita
12/4の記事（AngularJSを使ったWebアプリのアーキテクチャ設計）で書くと言ったまま放置していたので、AngularJSのMVCパターンについて書いてみたいと思います。 AngularJSのMVCについては、12/19のお前のAngular.jsはもうMVCではない。と言われないためのTutorialというすばらしい記事がありますが、本記事ではもう少し抽象的な内容を扱ってみようかと思います。 MVW（Model-View-Whatever）パターンとは MVCパターンには、MVC2、MVP、MVVMなど数多くの派生パターンがあります。 目的は同じなのに派生パターンがたくさんあるのは、それぞれのプラットフォーム固有の問題（フレームワークの違いや、サーバサイドかクライアントサイドかの違いなど）によってMV*の*の役割が異なるからです。 AngularJSは公式ページで"Superhe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
正しいクレジットカードの入力フォームを提供『Creditcard.js』 | 100SHIKI
CSS適用前のIEのスタイル情報をまとめた『IE CSS』 | 100SHIKI
Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About![Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/b244d91faded6224bc0528f1f19e0d84f513ef21/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F3%2F8%2F1%2F2%2F2%2F5%2Ftopimg_large.jpg)
Squarespace
Autify CEO 近澤 良のブログ
中小企業のための失敗しないWebシステム発注・開発 コーナーの記事一覧 | Web担当者Forum
