position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 ヘッダを固定する案件が増えてきましたので覚書です。 CSSで調整する方法と、JavaScriptで調整する方法があります。 ヘッダの高さ：100px ■HTML <div id="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link01">なんとか</a> <div name="link01" id="link01">かんとか</div> </div> CSSで調整する padding-topでヘッダの高さ分ずらして、margin-topでマイナスの値をいれるとうまくいきます。 margin-top:-100px; padding-top:100px; ■CSS #header { width: 100%; m

いつもCASHをご利用いただき、ありがとうございます。 この度は、勝手ながらCASHをサービス終了させていただくことになりました。 アプリからの引き出し申請は停止しておりますが、2024年11月2日までキャッシュ残高の引き出しを受け付けております。 引き出しをご希望の方はコチラからお問合せください。

チェコ出身の写真家ジャン・ランガーは、チェコ在住の100歳以上の老人の若かりし姿と現在の姿を並べるプロジェクト「Faces Of Century」に取り組んだ。 彼は、1世紀以上にわたる長い生涯を過ごす人々をテーマに、身体的な若さや老いの特徴のみならず、個人的な体験や強く心に残った思い出などを添え、永遠にも思える彼らの一人一人の人生を簡潔に示したという。 100年という月日がもたらす変化と不変。さまざまな角度から時間や人生、寿命について考えさせられるポートレート写真の一部がこちらだ。 1. 20歳／102歳 この画像を大きなサイズで見るimage credit:janlanger 名前：Ludvik Chybik 生年：1908年 元の職業：郵便配達員 現在の居住地：ズリーン市の老人ホーム 現在の趣味：不明 家族関係：悪い　互いに会わない 忘れられない記憶：毎日の仕事 願い：娘に会うこと

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

電通が「肯定ペンギン」の商標を出願していたことが分かり、ネット上でざわつく声が広がっています。一部では、TwitterやLINEスタンプで人気のキャラクター「肯定ペンギンのあかちゃん」にそっくりとの声もあがりましたが、実は電通は2015年にも「肯定ペンギン」の商標を出願しており、電通の方が先発ということになります。 発端となった、商標速報botのツイート 「肯定ペンギン」は電通が2015年に商標出願していたキャラクターで（関連：シティリビングWebの記事）、あれこれ肯定してくれるペンギンという設定。もう一方の「肯定ペンギンのあかちゃん」は、Twitterユーザーのるるてあ（@k_r_r_l_l_）さんが2017年に発表。ペンギンの赤ちゃんを模したキャラクターで、「出勤してえらい！」「ちゃんと起きてえらい！」など、何でもないことでも「えらい！」と肯定してくれる姿が「癒される」と人気を博してい

最近のWebサイトやスマホアプリで見かけるテクニックをはじめ、Web制作者としてよい刺激になるスタイルシートを巧みに使ったさまざまなアイデアを紹介します。 イラスト: Girls Design Materials CSSのみで実装されているのものもたくさんありますが、JavaScriptやSVGなどを必要に応じて使用されているものもあります。

ステレオなどのAV（音響・映像）機器で知名度が高かった「aiwa（アイワ）」ブランドが復活する。ソニーが持っていたブランド使用権を国内EMS（電子機器の受託製造サービス）企業が取得。音楽プレーヤーや4Kテレビなどを中国で製造し、今秋から日本内外で売り出す。アジアを中心にEMSの裾野が広がったことで、国際分業による老舗ブランドの再挑戦が可能になった。アイワブランドはソニーがオーディオ機器などで2

1.md 使用した PC MacBook 12-inch 2017 MacBook Air 11-inch Early 2014 MacBook Pro 13-inch Early 2015 MacBook Pro 13-inch 2017 CPU 1.4 GHz Intel Core i7 1.7 GHz Intel Core i7 2.7 GHz Intel Core i5 3.5GHz Intel Core i7 メモリ 16 GB 1867 MHz LPDDR3 8 GB 1600 MHz DDR3 16 GB 1867 MHz DDR3 16 GB 2133 MHz LPDDR3 対象プロジェクト お仕事のプロジェクト Swift ファイル数: 538 (Objective-C なし) Swift 行数: 59,546 (コメント行含む) 計測方法 クリーン(command+sh

ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有

「Git」と“GitHub”を統合した「Atom」v1.18が正式版に…というニュースを見かけたので、早速試してみました！GitHubにpushするまで表示方法新しく搭載された機能では、GitHub(...

先日、Appleのデベロッパー向けイベント「WWDC 2017」で新型12インチ「MacBook (2017)」が発表。端末デザインや新機能などめぼしい変化がほとんどない同端末だが、内部のプロセッサやキーボードなど多くの箇所でマイナーアップデートが実施された。 その地味なアップデートは、12インチ「MacBook」をすでに持っている人、もしくはこれから買おうと考えている方にとって、どれほど魅力的なものだったのか。 今回のアップデートに合わせて、僕は12インチ「MacBook」の新型モデルをApple公式サイトで購入。気になる端末スペックやキーボードの使用感を含めて、同レビューで紹介していこうと思う。

jQueryを利用してスムーズスクロールを導入した際、タブナビゲーションを利用しているページでタブ切り替えが出来なくなりました。 今回はその解決方法をご紹介します。 導入しているスムーズスクロール $(document).ready(function () { //スムーズスクロール $('a[href^=#]').click(function () { var speed = 500; var href = $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $("html, body").animate({ scrollTop: position }, speed, "swing"); return fal

CSSの関数には便利なものがたくさんあります。例えば、div要素に「width: calc(100% - 50px);」と指定することで、幅いっぱいから50pxを引いた値を幅に適用できます。 minmax()関数はcalc()関数のように数字やキーワードを使って、要素の最小値と最大値を指定でき、簡単なCSSの記述でレスポンシブ対応の高度なレイアウトを作成できます。 下記のレスポンシブ対応のグリッドはたった2行のCSSで、プロパティも2つだけです。 How the minmax() Function Works 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 minmax()の基本的な使い方 minmax()を使うと、Media Queries無しでレスポンシブデザインができる サポートブラウザ minmax()の基本的な使い方

出先やスマホから会社のメールをチェックしたい、という方へ。Gmailを使えばどこからでもチェックできて便利ですよー！ 出先で会社やプロバイダのメール（POP方式）をチェックできたら便利ですよね。そこで今回は、GmailでPOP方式のメールを受信する設定方法を紹介します。 この設定の便利なところは、別のパソコンやスマホからでも、会社のメールアドレスで受信・返信ができることなんです！ POP方式のメールってそもそも何？ POP（Post Office Protocol）は、電子メールで使われるプロトコル（通信規約）のひとつです。 POP方式のメールとは、簡単に言うと、メールサーバから、メールを自分のパソコンにダウンロードして管理する方式。Outlook Expressなどのメールソフトを使って送受信・閲覧をします。そのため、メールを受信したパソコンからでないと、メールを閲覧することができません

Apple Intelligenceのために設計。Apple Intelligenceは、あなたが文章を書いたり、自分を表現したり、タスクを簡単にこなせるようにサポートするパーソナルなインテリジェンスシステムです。画期的なプライバシー保護機能により、あなたのデータにはあなた以外の人はもちろん、Appleもアクセスできません1。 iPhoneの使いやすさをMacでも。Macにはメッセージ、写真、メモ、FaceTimeなど、iPhoneと同じアプリがたくさん。使い始めた瞬間から使い慣れた感覚で操作できます。 フル装備。メール、カレンダー、ウェブブラウジングのためのSafariなど、あなたが毎日使うアプリが勢ぞろい。すぐに始められる理由です。Pages、Numbers、Keynoteといった仕事効率化のためのパワフルなアプリも内蔵されているので、書類、スプレッドシート、プレゼンテーション

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 2012年のことだが Xiph.org (Ogg VorbisやFLACの開発元) のクリス・モンゴメリーは 24/192 Music Downloads are Very Silly Indeed 「24bit 192kHz 音楽ダウンロードは本当にバカげている」 でハイレゾをバッサリと斬った。非常にわかりやすい記事なので一度は目を通しておくのも良い。 まず記事の要点を説明しつつ、ハイレゾがなぜ全くバカげているのかをわかりやすく説明しよう。 視聴覚とも呼ばれるように、聴覚と視覚は人の認知の重大な要素である。 ここで、「百聞は一見に如か

ネットの海のあちこちに漂っているGIF画像。 画像なのに動いててよく目立ちますから、何となしにも目がいっちゃいます。面白画像やらハプニング画像まで色々あるんですけども、当然ながら女の子がフィーチャーされてるものも多数ございます。 まぁ、ぼくも男ですから見てて楽しいです。あ、これ完全にオッサン向け記事です。 思わず保存 そんな女の子のGIF画像ですが、中には見つけたときに「！？」となってキュンキュンしちゃって勝手に手が動いて保存しちゃったのがぼくにはあります。ええ、ありますとも！ だってもう見た瞬間胸がキュンキュンしちゃったんだもの。キモいですかそうですか。 ここまで書いたからにはそうやって保存したGIF画像を自ら晒そうと思います。 ぼくがキュン死しながら思わず保存してしまった女の子のGIF画像ベスト3！ 記事タイトルにも見出しにもベスト3とありますが、保存したの3つだけです。つまり、ぼくが

もう辞めてだいぶ経つけど、本当にこの人がしたり顔で流れてくる投稿を見るたびに傷をエグる 記事に出てくるのは勘弁してほしい。 やっと忘れられたのに、五月蝿い蝿がまとわりつくように思い出す。 わりとまじで蕁麻疹がでてくる。 あいつのこととかも思い出してしまう。 http://logmi.jp/209938 あの会社が復活したのは本当にすごいと思う。 Kさんたち例のゲームの生みの親の方々の奇跡の力だ。 その会社に少しでも携われたことを 誇りにはしたい。 ただ、それを我が物顔で自分の手柄のように言い続ける、あの人はなんなのだろうか。 スマホへのシフトなど、この方がくる前から社内では考え続けてたことだし それにあの人がゲームのことを話してたことなど当時一度も聞いたことがない。 ちゃんとあの人が話す内容を見返せばV字回復に寄与したことはそんなにないと 気づくはずなのになあと毎回思うのに、美談がすきなス