はてなブックマーク - 新しい関心ワードを使ってKindle Oasisをもらおう - はてなブックマークブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
Webサイトを「HTTP」から「HTTPS」へ切り替える際に行う一連の作業をまとめました｜今村だけがよくわかるブログ
Googleが「HTTPS everywhere」を提唱していることなどが影響して、HTTPSで通信できるようにWebサイト全体を独自ドメインに対してSSL/TLSによる暗号化を行い、運用をスタートしている様子がちらほら私の周りには増えてきました。 Google ではさらにもう一歩踏み込んで、数か月前の Google I/O では、「HTTPS everywhere」をウェブで提唱しました。 ユーザーがもっと安全にサイトを閲覧できるよう、すべてのサイト所有者の皆様に HTTP から HTTPS への切り替えをおすすめしたいと考えています。 （Google ウェブマスター向け公式ブログ: HTTPS をランキング シグナルに使用しますより） 私はしばらく動向を伺っていましたが「Webサイト全体をHTTPSへ切り替える流れは今後はより加速すると考えてもいい」と判断をし、このブログも全体をHTT
Hover.css - A collection of CSS3 powered hover effects
2D Transitions Grow Shrink Pulse Pulse Grow Pulse Shrink Push Pop Bounce In Bounce Out Rotate Grow Rotate Float Sink Bob Hang Skew Skew Forward Skew Backward Wobble Horizontal Wobble Vertical Wobble To Bottom Right Wobble To Top Right Wobble Top Wobble Bottom Wobble Skew Buzz Buzz Out Forward Backward Background Transitions Fade Back Pulse Sweep To Right Sweep To Left Sweep To Bottom Sweep To Top
必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定
Googleアナリティクスは、Googleが無料で提供しているウェブサイト分析ツールであり、多くの企業や個人が導入しています。 しかし、Googleアナリティクスは、簡単に導入できるということもあり、最初にトラッキングコードだけ設置して設定などは特にしていない、となっているサイトも多いのではないでしょか。 Googleアナリティクスをうまく活用すれば、他の有料の分析ツールに負けないくらいの機能を利用することができます。 今回は、トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。 Googleウェブマスターツールと連携する サイトに関する様々な情報を知ることができるGoogleウェブマスターツールですが、Googleアナリティクスと連携すると非常に便利です。 【Googleウェブマスターツールについては下記参照】 【保存版】Googleウェブマスターツー
汚れた電子レンジはレモンを使ってきれいにする | ROOMIE（ルーミー）
電子レンジの内側にこびりついている、あのパリパリして焦げついたガンコな食べかす。掃除するのは、誰にとっても億劫な作業です。その作業を少しでも簡単にするため、「The Kitchn」ではレモンを使うことを勧めています。 用意するのは、レモン、電子レンジで使えるボウル、乾いたタオルだけです。 ①ボウルに水を入れます：ボウルに1/2カップの水を入れます。 ②レモンを絞ります：レモンを半分にスライスし、その絞り汁を水に加えます。半分にスライスしたレモン自体もボウルに加えます。 ③電子レンジで3分間チンします：レモン入りのボウルを電子レンジにいれます。液体が沸騰するよう、電子レンジの出力パワーを高めに設定して、3分間加熱します。 ④5分間そのままにしておきます：チンし終わっても電子レンジのドアを開けず、5分間そのままに。中に充満した蒸気により、ベトベトにこびりついた汚れがはがれやすくなります。 ⑤電
ブログが捗る！SEO、アフィリエイトに強い無料のWordPress日本語テーマ
今回は紹介するWordPressテーマは巷ではあまり知られていない、使っている人もまだ少ないという、隠れた超優良テーマです。 同じデザインのブログが増えると嫌なので、本当は教えたくないのですが…。 これからブログを始めようと思っている方、初めてみたけどPVが伸びない方、アフィリエイトで稼げない方、試しに使ってみてください。 「◯◯◯テーマを使ったらPVが倍になった」系のリポートお待ちしております。 スポンサーリンク シンプルでカスタマイズしやすい！SEOにも強いWordPress無料レスポンシブテーマ「Gush」 はっきり言ってこのテーマ、マジでオススメです。 僕も最近立ち上げた新規サイトで、実際にこのテーマを使ってます。使い始めたばかりですが、はっきり言って最高です！ LINE@掲示板 とにかくこのテーマを使ってみたかったので、実験的にサイトを立ち上げてみました（まだ方向性が定まってない
[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic
Slide, Math, Tin, Bomb Magicの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: 要素にアニメーションを指定 アニメーションはmagic.css単体で動作しますが、jQueryと組み合わせることでユーザーのさまざまなアクションをトリガーにすることができます。 まずはjQueryのセレクタで要素を指定し、例えばホバー時にアニメーションさせる時はこんな感じに。 $('.yourdiv').hover(function () { $(this).addClass('magictime puffIn'); }); 特定の時間、ループでアニメーションさせる時はこんな感じ。 setInt
知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ
作成：2014/04/7 更新：2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、「企業サイトで見たことある！」というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スライドショー １．カルーセル（横） ２．フェードアウト ３．画像と文字をスライド ４．文字が遅れて移動する効果 ５．異なるタイミングを設定できる ナビゲーション・メニュー ６．多階層 ドロップダウンメニュー ７．多階層 効果つき ８．スマホではドロップダウン ９．スマホではセレクトメニューに １０．Amazon風 メガドロップダウンメニュー １１．横スライド １
時刻表っぽいフォント — DiaPro
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字（リガチャー）として定義されています。そのためフォントの適用ができない場合（サーチエンジンのSEOなど）でも意味が読めます 以下のブラウザはテスト済みです：Chrome（Win・Android）・Firefox・Safari（Mac・iOS）・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字（titl）」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
【保存版】バナーの作り方やデザインの参考になる記事やサイトまとめ
皆さんは、満足したバナーが作れていますか？ バナーは、自社サイトへの誘導やCVにつなげるための重要な役割を果たします。 しかし、限られたサイズの中で、ターゲットに刺さるバナーをデザインするというのはなかなか難しいもの・・・。 そこで今回は、効果が高い高品質なバナーを作成するために役立つ記事やサイトをご紹介します。 Webデザイナーやディレクターには特におすすめです。 効果の出るバナーの作り方の参考になる記事 実際に効果の出ているバナーの事例を参考にすることは大いに役立ちます。 下記で紹介している記事を読みつつ、実践していけば、効果の出る高品質なバナーを作れるようになるでしょう。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 LINEが今までに運用してきた広告からわかった、効果の出るバナークリエイティブを作るためのポイントを紹介している記事。 実際にたくさんのPD
はてなブログにスクロール追尾するソーシャルボタンセットを付ける - 太陽がまぶしかったから
はてなブログにスクロール追尾するシェアボタンを付ける Word Press界隈ではよく見かけていたのですが、嫌味じゃない程度に追尾するソーシャルボックスがあると、読んでる途中でも「シェア」や「あとで読む」がやりやすくなって確かに便利です。Word PressではShareBarというプラグインで実現しているようです。 この機能について、はてなブログで実装する事を考えた時、手動で作り込むと管理が面倒かもと思っていたのですが、『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』で生成したソーシャルボタンセットを利用すれば比較的簡単に管理できるように実装できます。 忍者おまとめボタンでソーシャルボタンセットを作成 『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』はソーシャルボタンをまとめて設置できるサービスで、はてなブログの行末にあるようなボタンを
Webデザインが捗るPhotoshopの時短ワザ4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC（14.1以降）の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として［角丸長方形］ツールと［テキスト］ツールで作った以下のようなボタンを書き出してみましょう。 ［角丸長方形］と［Button］の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した
Ken Kawamoto・Works
View this page in Japanese/English 河本健 / Ken Kawamoto ソフト開発/ハード開発/データ解析を駆使して「無くても死なないけどちょっと欲しい」ものを作ります。開発、アイディア出し、講演の依頼もお気軽にお問い合わせください。 受賞歴 2015 VRC クリエイティブアワード審査員特別賞 2015 Maker Faire Bay Area 2015 Best in Class Award 2015 ニコニコ学会β研究してみたマッドネス最優秀賞 2013 Mashup Awards 9 最優秀賞 2013 Mashup Awards 9 ハードウェア賞 2013 ICMIB2013 Best Presentation Award Tempescope 2012年11月〜 詳細 部屋の中に雲を出したり、雨を降らしたりする物理ディスプレイです。明日の天
ランディングページ制作の生死をわける11のチェックリスト｜MarTechLab（マーテックラボ）
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今回は、弊社のプランナー・ディレクターが ランディングページの構成作成後 ランディングページのデザイン完了後 ランディングページのコーディング完了後 にそれぞれ行っているチェック内容を公開します。 細かい所ですがこの「チェック」のレベルによってプロとアマの違いが出るとも言えます。 何百本ランディングページを構築した熟練の経験者であろうとも、1回で完璧なものができることは決してありません。チェックを通してブラッシュアップされていくのです。 ランディングページ構築における一番の肝は、構成を引く前のターゲット設定・集客設計にあるのですが、今回はそこまで書くと壮大なボリュームになってしまうので、実制作に入った後のチェック項目に限定してご紹介します。 それでは早速ご紹介しましょう。 目次 ファーストビューで言いたいことが伝わるか？ 見出し
人の注意力を操る妙技
“世界最高のスリ師と称されるアポロ・ロビンスは、腕時計をスリ盗りながら人の行動の特性を研究しています。ロビンスはこの愉快な実演で、TEDGlobal 2013の聴衆を相手に持ち物を物色しつつ、盗られた財布が自分の肩の上にあるのに持ち主が気付かないといった芸当が、人間の認知能力の欠陥を利用することでいかに可能になるかを示します。” (TED Talks)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【iPhone】「iPhoneがコンピュータから取り外されたため、iPhoneをバックアップできませんでした。」という場合の対処方法
【Mac】YosemiteにアップグレードしたiMac(mid2011)でVMware FusionやParallelsの動作が重くなる場合の対処方法【仮想環境】
Welcome to Bucknell University | Bucknell University
L'ESPACE DE LA DANSE | ダンス・スタジオ・レスパス・ドゥ・ラ・ダンス
背景デザイン_無料テクスチャ素材50枚まとめPhotoshopVIP |
