Top Pens of 2013 on CodePenA front end web development playground.
Off Canvas Menu with Animated Links
Description Learn to make a simple off canvas mobile navigation with delayed link animation. The links have a simple transition effect of fading in from right to left when the navigation is toggled. But the animation occurs in a chained way where the links animate one after the other. This is done by adding a transition-delay to every link.
ブスが魅せた！放置ゲーアプリ「49人目の少女」は2か月で1,000万円以上稼いでいた。Nagisaインタビュー前篇 | アプリマーケティング研究所
本日はちょっと変わったアプリのインタビュー記事をお送りします。この画像を見たことはありませんか？ この画像は「49人目の少女」というアプリに登場するキャラクターです。いわゆる「放置ゲーム」と呼ばれるジャンルのアプリですが、このアプリがかなりの収益をあげているという噂を聞いて開発元の株式会社Nagisaの井上さん（写真左）にお話を伺ってきました。 「49人目の少女」が話題になったワケ 「49人目の少女」はどのように企画したのか？ 育成ゲームが当時結構出ていて、ウチでも一個作ってみようかってなったんです。いくつかあった企画のひとつでした。 育成ゲームって捕獲・捕食・搾取とか、そういうイメージがあったので、そのキーワードで、「現代社会に搾取されてる人達」ということを考えた時に、あるアイドルグループを思いついて、じゃあそれで育成ゲームをやってみたら面白いかもしれないということと、 あとは単純に「ブ
桜新町の主婦が教えるGrowth Hack
桜新町の主婦が教えるGrowth Hack Presentation Transcript 桜新町の主婦が教える Growth Hack １ 自己紹介 桜新町の主婦 私と一緒に、自然とユーザが増えるしくみを作りましょ∼！ ２ アジェンダ グロースハッカーって何かしら？ SNS で影響力を向上させましょ∼！ バズられる工夫をしましょ∼！ まとめよ∼！ ３ グロースハッカーって何かしら？ ４ 例えば…１ 入力項目を順に出す 登録画面の入力欄を３つから１つに変更してみましょ∼！ ５ 参考：1-800-DENTIST Boosts Sign-ups by 23.3% 例えば…１ 入力項目を順に出す 登録画面の入力欄を３つから１つに変更してみましょ∼！ 登録率 23％UP!! ６ 参考：1-800-DENTIST Boosts Sign-ups by 23.3% 例えば…2 すぐに使わせる 登録時に
間違いだらけのSQL識別子エスケープ
これから3回連載の予定で、SQL識別子のエスケープの問題について記事を書きます。SQL識別子のエスケープについてはあまり解説記事などがなく、エンジニア間で十分な合意がないような気がしますので、これらの記事が議論のきっかけになれば幸いです。 3回の予定は以下のとおりです。 間違いだらけのSQL識別子エスケープ(本稿) SQL識別子エスケープのバグの事例 SQL識別子は結局どうすればよいか ということで、まずはSQL識別子のエスケープの失敗例について説明します。この失敗例はあくまで説明のために作ったもので、実際のものではありません。また、想定が「ありえない」と思われるかもしれませんが、意図的なものですのでご容赦いただければと思います。また、「間違いだらけの」というタイトルは、今回の題材が間違いだらけという意味であり、巷のSQL呼び出しがそうであるという意味ではありません。本稿に登場する人物と団
[JS]jQueryのプラグイン100選 -2013年総集編
今年も数多くの素晴らしいjQueryのプラグインがリリースされました。当ブログで紹介したものをはじめ、未紹介のものまで、jQueryのプラグイン100+α選です。 今年目立ったのは、アニメーションを使ったスクロール関連のスクリプト。 スクロール前提の1ページサイト、パララックスなど、コンテンツをより大きなサイズで楽しむものが増えました。また、スマフォ・タブレットに大きく影響を受けたインタラクションも目立ちましたね。 1ページコンテンツ用のスクロール関連 パララックス スクロール関連 スクロールで定位置関連 その他スクロール操作・補助関連 スクロールバー関連 レスポンシブ関連 エフェクト関連 ナビゲーション関連 レイアウト関連 画像ギャラリー関連 画像拡大・配置・キャプション関連 コンテンツスライダー関連 カルーセル関連 アニメーション関連 フォーム関連 コンテンツのツアー関連 テキスト関連
寒い朝をインスタントコーヒーで盛り上げる！ ソムリエが教える大人のフレーバーコーヒー | ライフハッカー・ジャパン
皆様こんにちは！ グルメスチュワートの浅田です。 寒くなると、なかなか外に出たくなくなりますが、そんな朝冷えの時こそ、自宅で簡単に出来るフレーバーコーヒーをオススメします。フレーバーコーヒーとはその名の通り、コーヒーにフレーバー（香り）をつけたものです。スターバックスなどでは、もうお馴染みですよね。 今回は、インスタントコーヒーを使ってできる、すぐに美味しいフレーバーコーヒー・レシピをご紹介いたします。 1．ホットチョコレート・キャラメルコーヒー 鍋を用意します。 鍋に牛乳（150ml）、ココアパウダー（スプーン2杯）を入れ、沸騰しないよう火にかけます。 小さな泡が出てくるまで温まったらマグカップに移し、最後の仕上げでモナン社のキャラメルシロップをお好みで入れます。 モナン社は、フランスを代表するシロップの名門企業です。キャラメルシロップは、カクテルを作るのに欠かせないアイテムですが、フレ
より多くの言語にサイトを対応させるには（動画）
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
日経xwoman：doors 20代からのキャリアとライフ：日経xwoman：日経xwoman
28歳で縮毛矯正→クセ毛を生かすに人生転換。ブランドも立ち上げ NEW キャリア 2024.01.15
あんなこともこんなことも。そう、Node.jsならね。
$ pulldown jquery -> Success: https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js was downloaded to ./jquery.min.js $ ls jquery.min.js
$.onScreen();
A jQuery plugin that does stuff to elements when they enter or leave the viewport Download How to use Basic usage The basic form $('element').onScreen(); will only toggle the onScreen class on the matched elements. This is optimal for CSS animations, like the demos section above. You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing
Node.js を選ぶとき 選ばないとき
4. @tricknotes I am a software developer who love JavaScript and Ruby. http://tricknotes.hateblo.jp/
iOS 7 colors
包茎手術を受ける際には、どこのクリニックで手術をするかということも大事ですが、まず受けるか受けないかということも考える事から始める事になるでしょう。 最終的には包茎手術をしてよかったという口コミが多数ですし、そういった結論になる方が多い傾向がありますが、ネットの口コミは非常に参考になります。 腕の悪いクリニックや保険適用で泌尿器科で包茎手術をした方の満足度は、低い傾向がありますので要注意です。 まずは料金の事だけではなく、幅広いポイントをチェックするべくネットの口コミを見てみると良いでしょう。 色々と見えてきます。 包茎手術は痛い？痛くない？口コミをチェック 包茎手術はペニスの手術になりますので、想像するだけでも悶えてしまうという男性は多いのではないでしょうか。 ちょっとぶつかったり打ったりしただけでも相当痛いのに、その部分に麻酔をして手術をするなんて考えられないと思っていてもコンプレック
[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js
オプションを変更したキャプチャ diamonds.jsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="diamonds.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.diamonds.js"></script> Step 2: HTML ダイアモンド状に配置する各アイテムのclassに「.item」を添え、ラッパーで包みます。 <div class="d
mixiの新人研修トレーニングが非常にわかりやすくて実践的すぎる - Android Javascript iOS
mixiは新人研修用のトレーニングをgithubに公開しています。 公開していることは知っていたけれど、いざみてみると… とってもわかりやすく実践的！！！ 普通に参考書で勉強するよりも企業が公開しているものだから、より実践的という感じもします。 自分はこのAndroidTrainingをやっているのですが、最後に課題もあり、到達度や理解度もすごく把握できていい感じです。 READMEもかなり充実しており、一通りを学べるように工夫されています。 mixiに入社した方がこれを一通りやったと思うと、大変な印象ですが…だからこそやったときに達成感がありそうです。 開発環境の構築から書かれているので、ほとんどつまづくことはありません。 かなり詳しくわかりやすく書かれている印象を受けました。 ちょっと初めて学習するには、難しい箇所もありますが適宜ぐぐって補えばよいでしょう。 ・AndroidTrain
デザイナーが選ぶデザイナーのための無料写真素材サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアの王です。 そもそも「素材」というのは「何かを作るための原材料」ですから、デザイナー・グラフィッカーなどにとっての「写真素材」とは、新しい何かを作るためのもととなる写真であって、ほぼそのままアイキャッチとして使ったり、記事内で使ったりするものではありません！ 同じ「写真素材」とは言っても、使い方によっては向き不向きっていうのがありますからね。今回は特にデザイナー向けの無料で使える写真素材サイトをご紹介します！ 私は「デザイナーに優しい写真素材」とは以下のような特徴を持っていると考えています。（もちろんすべてのケースに当てはまるわけではないが） 被写体が明確 背景が単純 同じオブジェクトを複数のアングルから撮っている テクスチャ系 切抜き済み そのため、今回は以上の特徴を多く持っている写真素材サイトだけに焦点をあてて紹介したいと思います！ おすすめ順で列挙していきますので、上位にき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
http://www.tokyo-np.co.jp/article/economics/news/images/PK2013110202100059_size0.jpg
新しいCSSの仕様を色々調べてみた
http://www.hp-stylelink.com/news/2013/10/20131001.php
