javascript iPhoneで今まで使ってた判別方法だとscrollTopが効かなくなっていたので調べた。 - かもメモ
jQueryを使ってページをスクロールさせるスクリプトでよく見かけるのは下記のような感じです。 $('body, html').animate( {scrollTop: 0}, 'fast' ); このコード動くんですけど、bodyとhtml両方でイベントが起きているので、処理中にチラツキが発生したりコールバックが2回呼び出されてしまいます。スクロールした後に何か処理したい時とか結構困るのでスクロールイベントで使うのはbodyなのかhtmlなのかをブラウザで判別する必要があります。 今までは下記のコードを使っていました。 var scrollTag = (!document.uniqueID && !window.opera && !window.sidebar && window.localStorage && typeof window.orientation === "undefin
新型「Nexus 6P」の資料が流出、バッテリー容量や本体素材など詳細スペックが明らかに
現地時間2015年9月29日に開催されるGoogleのNexus関連イベントでNexusシリーズの最新モデル「Nexus 6P」が発表されると見られていますが、販売店向けのプロモーション用資料が流出しImgurにアップロードされており、Nexus 6Pの詳細情報が明らかになっています。 Nexus 6P Presentation - Album on Imgur http://imgur.com/a/YGUzM [Update: More Specs] Nexus 6P Presentation Leak Includes More Images, Confirms Metal Body, Gorilla Glass 4, And 3450mAh Battery http://www.androidpolice.com/2015/09/27/nexus-6p-presentation-le
海外の動向からみるデザインツールの現在
デザイナーとツールは切っても切り離せない関係です。ときにはデザイナーのスキルはツールの熟練度や使い分けの仕方で決まることもあります。長く使い続けたいですが Web やアプリのデザインは、テクノロジーと密接に繋がる仕事であるが故に、いつの間にか新しいツールが主流になることがあります。 特にここ 10 年でデザインの仕事は大きく変わりました。今でも Web デザイン、アプリデザインにおいて Adobe 製品は多大な影響力をもっていますが、それがほぼ唯一の選択肢だった頃と今は違います。また、今まで以上にデザインにスピードと柔軟性が求められているので、Adobe 以外のツールも必要になってきています。 では実際、世界のデザイナーはどのようなツールを使っているのでしょうか。ニューヨークのデザイナー Khoi Vinh さんが、The Tools Designers Are Using Today で
【例文】人事異動の挨拶メールへの返信例は？ポイントと相手別の文例を紹介 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
人事異動の挨拶メールが届いたら、返信には必ずお礼を記載する 在任中にお世話になったことに対するお礼も記載する 新天地での活躍を祈念する言葉を添える 人事異動の挨拶メールには必ず返信しよう！人事異動の挨拶メールは、一括送信されることもあるでしょう。そのため、「たくさんの人に送っているだろうから、返信しないほうがいいのかな……」と悩む方もいらっしゃるのではないでしょうか。 たとえたくさんの人に送っていそうであっても、人事異動の挨拶を受けたならば、返信をするのが礼儀です。 特にお世話になった人の場合には、これからの関係性を良好にするためにも、必ず返信するようにしましょう。 人事異動の挨拶メールに対する返信をするときの5つのポイント 人事異動の挨拶に返信をする際には、「何を書いたらいいのかわからない」という方も多いでしょう。 簡潔すぎる返信をするのも味気ないですが、長すぎるのも問題です。 そこで次
![【例文】人事異動の挨拶メールへの返信例は？ポイントと相手別の文例を紹介 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf9f1d3f95c556e76573b8ea5b2c3d492801c7b5/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47496995.jpg)
Debugging Memory Leaks in Node.js Applications | Toptal®
Memory leaks in long running Node.js applications are like ticking time bombs that, if left unchecked in production environments, can result in devastating outcomes. These bugs are often considered to be hard to find. However, with the right tools and a strategic approach, memory leaks can not only be solved but also avoided in the future. In this article, Toptal engineer Vladyslav Millier gives u
SEOで勝つ！60分で理解するGoogleアルゴリズムの基本知識
アルゴリズムとは検索順位を決定する計算方法のことです。 正しく理解することができれば検索順位を上げたり、検索結果への露出を大きく増やすことができるようになります。 少々面倒かもしれませんが、1時間程度で理解できる内容にまとめておきました。一つ一つは決して難しくはありません。少々長いものの学べばWebでの集客において非常に役に立つ財産となるでしょう。 読むのに要した時間の何十倍も何百倍もの利益をもたらしてくれるはずなので、是非御覧ください。 １．アルゴリズムは検索エンジンの中の最も重要な技術要素である 検索エンジンそのものの性能、言い換えれば検索エンジンがユーザーにとってどれだけ役に立つかは、検索順位の決定をどのように行っているかにかかっています。 かつてはGoogleの他にも多数の検索エンジンがありました。しかし、現在日本国内で使われているインターネット検索エンジンはGoogleしかないと
Breaking up with Sass: it’s not you, it’s me
3546 days since last revision. Details are possibly out of date. Right now, I have a near frictionless CSS workflow. I write in Sass, compile with Libsass and get vendor prefixes added with PostCSS/Autoprefixer via Gulp/Grunt. Why would I want to upset that? Just under a year ago, my interest was piqued by a post by Nicolas Gallagher. In it he described how he/they (Twitter) were using a JS tool t
ひたすらハンバーガーアイコンを作ったので9種のソースを公開します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ハンバーガアイコンアニメーションの実装 HTMLは今回spanを3つで構成しました。 これで色々ご紹介していこうと思います( ˇωˇ)☝ <div class="icon-animation type-1"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> </div> お次にアニメーションの実装をご紹介します。 CSSは全てSassの構造で書いております( ˇωˇ ) 1. よくみかける動き 動き出す前の傾きとバーの位置をtransformで調整をします。 こちら、以前ご紹介した「スマホに特化したアコーディオンメニューを作ってみた」のアイコンも同じような実装をしております( ˇωˇ)☝ 押す前 .type-1 { span { transition: all 0.3s;
PostCSSとcssnextで最新CSS仕様を先取り！
どうも、Kaizen Platform, Inc.の@t32kです。今日はPostCSSについて解説しようと思います。PostCSSについてはそれを解説した同僚のスライドも素晴らしいので、そちらも参考にしてもらえば幸いです。 PostCSS とは何か // Speaker Deck PostCSSとはなにか？ PostCSSは、Autoprefixerの作者でも有名なロシアのAndrey Sitnik氏が開発しているツールです。 postcss/postcss 公式のレポジトリのREADMEには以下のように書かれています。 PostCSS is a tool for transforming styles with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax,
We Love SVG - Google Fonts for icons | Icons8
<script type="text/javascript" src="//web.archive.org/web/20151204075254/https://cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> Flat ColorWin10Font AwesomeFoundationMaterialGlyphiconsIcomoonIonWebhostinghubEntypoElusiveWPFMfglabsRaphaelSimple LineWeatherLsfLineconsMeteoconsMetrizeOcticonsIconicMakiOpenwebiconsStroke7TypiconsZocialBrandicoFontelicoStateface <!DOCTYPE h
ここ最近GoogleアナリティクスまわりであったことIoT他
先月のYahoo!検索結果SSL化から1月ちょっとたって、AdWordsや広告まわりも含めると、ほんといろいろなことが起こりましたよね。 こんにちは、カグア！です。1記事にするほどの調査やライティングをする時間がなくて、すみませんがまとめて記事化しました。 ひとつでもGoogleアナリティクスまわりで知らないことがあって、お役立ちいただければ幸いです。 追記：2015年9月28日 デイリー表示でグラフ横軸が時間に、を追加。 追記：15:35 なんと関連商品、来てました。 search.yahooで(not provided) Googleアナリティクスの公式ヘルプフォーラムで教えてもらったのですが、どうやらsearch.yahooがリファラルに計測されることに対し、Googleアナリティクス側で対応がなされた、という話題。 ＞＞(cache) Yahooの検索結果がSSL化したことによるG
サイト内検索をGoogleアナリティクスで分析してサイトを最適化する方法（前編） | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum
当然だ。キーワードデータがなくて、一体どうやってウェブサイトを最適化できるというのか。 しかし、すぐにそれほど怒る必要などないと思い直した。それどころか、このとき、検索エンジンからのキーワードデータがいかに取るに足りないものかに気づいたのだ。 検索エンジンはきわめて優秀だ。コンテンツを適切に最適化すれば、こちらの意図するキーワードで見つけてもらえるだろう（検索結果を検証するには、GoogleアナリティクスでSEOダッシュボードを設定するといいだろう）。 本当に価値のあるキーワードは、訪問者がサイト内検索で使用するキーワードだ。 サイト内検索のキーワードを正しく分析すれば、ユーザーがコンテンツにエンゲージメントする理由や方法を明らかにできる。そこで得られる情報を使えば、コンテンツやSEO、ユーザージャーニーを改善するための方向性を明確にできる（それが、コンバージョン、リード、売り上げの増加に
スタートアップはスピード重視
スタートアップにとって最大の武器はスピードである。柔軟性に加え、凄まじい決断力と、それを実行に移すための猛烈なエネルギーが不可欠だ。だからこそスタートアップは、スピードを最大化できるように構成していく必要があるのだと思う。 アンチ・ダイバーシティー 最近、グローバルな市場を狙うために多国籍な創業メンバーで構成するスタートアップをよく見かけるようになった。僕は、スタートアップはアンチ・ダイバーシティーの方が良いと思ってる。 特に創業初期の少人数(2〜3人)で運営しているスタートアップにとって、文化や言語の壁は決断するスピードを落とすので、そのような構成で創業はしない方が良い。もちろん、視点やスキルの多様性は創業メンバーに必要だが、何よりも重要なのは、価値観を統一し、最もコミュニケーションが取りやすい環境を作ることが望ましい。 最後は社長が決める 物事を決める時、メンバー同士で議論して考え抜く
アイコンを探す手間がなくなる！30種類の有名どこ全9,769個のSVGアイコンを一元管理・一行で簡単に利用できる -We Love SVG
Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ
もうGitは怖くない： 自信を持って使いたいあなたへ - 檜山正幸のキマイラ飼育記 (はてなBlog)
2014初頭に書いた「WindowsにおけるGit利用環境は整った： Git for Windows と SourceTree for Windows」の最後の文： ブランチは、Gitのなかで最も重要でありながら最も分かりにくい概念でしょう。表面的な言葉に騙されず、先入観を持たず、SourceTreeの視覚的表示（樹形図）の力を借りながら学習するのが、理解への一番の近道です。 そんへんの詳しいことはまたの機会に述べるかも知れません。 1年半以上たってしまいましたが、「またの機会」がやって来ましたよ。ええ、Gitの説明をします、ブランチを中心に詳しく。 「基礎編」と「ブランチ編」で2回に分けようかと思ったけど、長大な記事として一挙公開。これからGitを使う人が対象ではありません。Gitが何をやっているのか、自分が何をやっているのかイマイチ自信が持てない方向けです。 ブランチやマージって、なん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
Swift および Objective-C を使用した iOS メモリー管理で絶対に失敗しないための 7 つのヒント