jay926のブックマーク - はてなブックマーク

jay926 id:jay926

jay926のブックマーク (2,583)

BootstrapとjQueryのスムーススクロールをうまく使う方法
こんにちは、プロクラスの渡辺です！この間、五山の送り火でした！いつも都合が合えば見ているのですが、これを見るために時間になるとご近所の方が外に出てきて少し会話をしたりしているときにいつもお盆が終わるんだなあ～と思います。まあ、今年は映画を見ていて気が付いたら終わっていましたが…︵笑︶今回は︵も︶備忘録です。最近、便利なBootstrapを使う機会が増えたのですが、jQueryのスムーススクロールと相性が良くないものがあるんですよね。﹁カルーセル﹂﹁ドロップダウンメニュー﹂﹁タブメニュー﹂とか、つまり︻href=”#”︼を使うやつ！ 😈 でも、Bootrtrapのこういうのが簡単に実装できるのは捨てがたいので一度自分で解決していたのですが、数か月後にすっかり忘れてまた調べていたので、ブログに書いて記憶にとどめようと思います！ 😉 そもそもなんでちゃんと機能しなくなるの？これがわ
jay926 2019/07/18
jquery

スクロール

bootstrap
リンク
中田敦彦　方針変更！「良い夫」やめました | 中田敦彦　HUMANアップデート中 | 日経DUAL
オリエンタルラジオ・中田敦彦さんが、子育てや夫婦関係について語る連載﹁イクメンアップデート中﹂がリニューアル！　タレントの福田萌さんを妻に、5歳と1歳の子育て中でもある中田さん。わが身で働き方改革を実践するなど、﹁時代をけん引するDUALなパパ﹂として発信していました。ところがここにきて、方針を大転換｡﹁︵自分が夫としてやってきたことは︶真逆だったのかもしれない﹂と、﹁良い夫をやめた﹂宣言が飛び出しました。中田家に、一体何があったのでしょうか…。僕は、良い夫であることも、良い夫であろうとすることも、やめました。日経DUALで連載を始めて2年半、僕ら世代の家族が幸せになるための方法論を、仮説と実践を繰り返しながら探ってきました。最も力を入れていたのは、働き方改革です。﹁仕事量を減らして、家族といる時間を増やして育児をする﹂。ワーク・ライフ・バランスを求める妻の声と世の中への解決策を追求
jay926 2018/10/24
「お願いしていい？」→「やっといて」→「なんで言うまでやんないの？」　私はこれで嫁を捨てました。思い返してもムカつく

夫婦

考え方
リンク
どんな背景でも自由に描ける! CSS Paint APIの使い方 - ICS MEDIA
最近のChromeにはCSSの新機能が次々と搭載されています。2017年にはCSS Grid Layoutなどインパクトの大きい新機能が話題になりましたが、他にも有用な新機能があることをご存じでしょうか？　この記事では、CSSPaintAPIを紹介します。 CSSPaintAPIはグラフィックを描く機能 CSSPaintAPIは自由にグラフィックを描ける仕様です。HTML Canvasのようなものを要素の背景画像︵background-imageやborder-image︶として設定できます。JavaScriptを使って自由にグラフィックを描けるため、従来のCSSで再現の難しかった表現が実現可能になります。たとえば、次のようなビジュアルを考えてみましょう。四隅の形状が欠けたような表現となっています。従来のCSSではdivタグを複雑に組む必要がありました。サンプルを別ウインド
jay926 2018/08/24
webデザイン

css3

Tutorial
リンク
越智眼科
医院よりお知らせ 2024年6月1日6月14日︵金︶の午後臨時休診につきまして 2024年5月2日5月13日・30日の午前診療時間につきまして 2024年3月25日診療時間変更のご案内 2023年10月30日年末年始の診療のご案内 2023年9月11日10月7日︵土︶臨時休診のご案内メディア掲載市報すいた8月号ドクターメモテーマは﹃飛蚊症﹄です。目の前に黒い点や糸くずのような浮遊物が飛んでいるように見える症状を﹃飛蚊症﹄と言います。ご興味をお持ちの方はご一読下さい。詳しくはこちら
jay926 2018/03/06
medical

眼科
リンク
object-fitをCSSのみでIEにも対応してみる - Qiita
便利過ぎてobject-fitナシではもう組めなくなってきた今日このごろ。 modernizrなどを使わなくてもCSSだけでIE10︵IE9もいけるかも？︶に対応する方法を知ったので書いておきます。 absoluteにしてtansf ormを使って画像の真ん中を合わせています。︵transf ormが使えないブラウザなんてもう知らない。︶あくまでレガシー対応で、完全対応ではないですが、デザインによってはこれで十分なケースがあると思うので。 html <span class="media"> <img src="image01.jpg" alt="" /> </span> <span class="media"> <img src="image02.jpg" alt="" /> </span> .media { position: relative; width: 500px; height
jay926 2018/03/02
CSS

ie

object
リンク
Bootstrap横並びカラムの高さ（height）を揃える2つの方法 | Puzzle（パズル）
カラムを作る際、Bootstrapを使用する事が多いのですが、記事一覧などをカラムで作成した際﹁タイトルの長さ﹂﹁写真の構図﹂が原因で高さが一定に保てずカラムが崩れてしまう事があります。アイキャッチ画像の縦横構図を気にすることなく使用されるクライアント様もいらっしゃいます。そんな時でもカラムの横並びがキレイに保たれる方法を紹介します。 CSSのFlexで高さを揃える方法まずは、CSSのflexで高さを揃える方法をご紹介します。対応ブラウザは、Chrome、IE10以上、Firefox、safari︵一部のバージョンで未対応︶となっています。 <div class="container"> <div class="row row-height"> <div class="col-md-6"> 高さが変わっても横並びのカラムが崩れません。 <div> <div class="col-md-6
jay926 2018/03/02
bootstrap

テクニック
リンク
BootstrapとjQueryスムーズスクロール併用時の備忘録 | いとしさと切なさと富山市のとある広告制作会社
jay926 2018/02/18
jQuery

bootstrap

scroll
リンク
知ってると便利なフォルダ・ファイル構造をツリー形式にテキスト化してくれるコマンド「tree」
HTML制作物一式を納品する場合、サーバーにアップする場合と、ファイルを納める場合といろいろケースがあると思いますが、ファイルを納める時にファイル構造のリスト化が必要な時があります。そんな時、知ってると便利なwindowsコマンド、コマンドプロンプトから操作を行うのですが、黒い画面に抵抗感が高い人も多いと思います。今回の操作は、覚えてしまえば簡単なのでチャレンジしてみてください。やり方コマンドプロンプトの起動はスタートメニュー → アクセサリ → コマンドプロンプトです。起動すると、きっとC:¥Users¥名前>_のようになっていると思います。対象となるフォルダを指定する方法と移動してから実行する方法の2つパターンがありますが、まず移動してからの説明をします。 C:¥Users¥名前>_ の状態から cd ¥フォルダのパスを打ち込みEnterキー cd は移動命令で
jay926 2018/01/09
コマンドプロンプト

ツリー
リンク
【jQuery】背景画像のスライドショーを実装する「Vegas2」
背景画像切り替えのエフェクトや、オーバーレイ（網点）などが豊富に揃っており、設定も容易にできるので、一度は使ってみたいプラグインである。
jay926 2017/09/25
jquery

エフェクト

スライダー
リンク
htmlファイルのままphp includeし、相対パスで読み込めるようにする
最近大量のページ数のサイトをコーディングすることになって、全てがCMSではないため、今後の更新とかを考え共通エリアを設けてメンテナンスをどうにか楽にできないか、と思ったんですよ。20～30ページ位ならスタティックなhtmlで問題ないけど、さすがに200ページ強になるとまともに組んだのでは後々の修正とかがメンドイ。自身、こんなボリュームのサイトを1人でデザイン・コーディングするのは初めてだったので、メモを残そうと思った次第なのです。さて手段ですが、色々調べました。 php includeする JavaScriptでincludeする Dreamweaverのテンプレートかライブラリ機能を使う・・・予想通り。まぁ思いつくところでこれが代表的だと思う。そこで最初に消したのが、JavaScript。これはソースに出ないばかりか、SEO的にも疑問がありまくる。次にDreamweaverの
jay926 2017/09/07
php

web制作

インクルード
リンク
有限会社MITELI【ミテリ】｜大阪でロゴ作成・デザイン
創業21年。デザインの力で課題を解決します。 Webサイトのデザインやコンテンツの企画をはじめ、ロゴや各種印刷物のグラフィックデザインまで、一貫性のあるビジュアル構築を得意としています。
jay926 2017/09/07
web制作会社

デザイン
リンク
Googleアナリティクス基礎：パラメーターの設定や使い方＜完全版＞
パラメーターの記述方法 URLにパラメーターをつけるときには、ルールがあります。・先頭は?でつなぐ・以降、パラメーターをいくつもつなぐときは& ︵?は2つあってはいけない︶・パラメーター自体に&や?が含まれるときは、エンコードしたものを後で置換例えば、そもそも?が付いているURLに、パラメーターを付けたいときは以下のようにします。NG　//www.kagua.biz/?id=999?utm_source=Facebook&utm_medium=social OK　//www.kagua.biz/?id=999&utm_source=Facebook&utm_medium=social また、?のあとにまた?や&が来てはいけません。ですから、別な文字に置き換えたり、エンコードしたりして運用でカバーします。＞＞Web便利ツール/URLエンコード・デコードフォーム/処理完了 – TA
jay926 2017/08/23
Google Analytics

マーケティング
リンク
FONTBEAR.NET | 商用可能なフリーフォントを検索！
検索ワードカテゴリ（欧文・和文）カテゴリー一覧和文フォント角ゴシック体明朝体丸ゴシック体手書き風装飾フォント毛筆書体欧文フォントサンセリフセリフ手書き風ディスプレイタグ（特徴）商用可漢字ありアイコンレトロきれいおしゃれかっこいいかわいいポップコンデンスド毛筆極太
jay926 2017/08/01
フリーフォント

フォント

検索
リンク
Google アナリティクスのフィルタ機能で参照元URLを記録する方法(2014年2月版) - 小さい頃はエラ呼吸
photo credit: Nomadic Lass via photopin cc はじめに自分のブログにアクセスしてくる人がどこのページから飛んでくるのかを知りたい場合、はてなダイアリーであれば、はてなカウンターに表示されるリンク元で確認することができます。ただ、はてなカウンターの場合8件までしか記録してくれないので、その他のリンクがわかりません。そこで、Google アナリティクスのフィルタ機能を使って同じような参照元URLを確認する方法を紹介します。 Google アナリティクス実践Webサイト分析入門ユニバーサルアナリティクス対応 Web担当者が身につけておくべき新・100の法則。posted with amazlet at 14.02.02いちしま泰樹インプレスジャパン売り上げランキング: 2,100 Amazon.co.jpで詳細を見る Google アナリティク
jay926 2017/07/11
googleanalytics

フィルタ

参照元
リンク
速報！Google Optimize（グーグル・オプティマイズ）使用感レポート | 株式会社プリンシプル
本記事で触れているGoogleアナリティクスは、ユニバーサルアナリティクス︵UA︶を前提としています。 GA4を対象とした記事ではございませんので、ご注意ください。 Google Optimizeとは Google社が2015年5月に発表した、Google マーケティングプラットフォーム︵旧Google アナリティクス360 スイート︶製品シリーズの一つで、A/Bテストを行う製品、Google Optimize 360の無償版です。︵以下、単に﹁Google Optimize﹂と記述しているものは無償版を指しています。︶ A/Bテストツールといえば管理画面からテストパターンを作ることができる﹁Optimizely﹂や﹁Visual Website Optimizer﹂など有料ツールが多い印象ですが、無償で管理画面からA/Bテストを設定して試すことができるツールとして非常に有用なツールと目
jay926 2017/07/06
google

Googleアナリティクス

optimize

ABテスト
リンク
Popular Animated Icons – Free Download, GIF, JSON, AEP
Fast native apps with icons, illustrations and photos
jay926 2017/07/03
jQuery

icon
リンク
Timeline.js - easily creates timeline slider
Getting Started 1.1. Installation with Package Managers Timeline.js is now setup and ready to be used with Bower and NPM and can be installed using the following commands. bower install timelinejs-slider npm install timelinejs-slider Include the jQuery library and plugin: <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script type="text/javascript" src=
jay926 2017/07/03
jquery

javascript

webdesign
リンク
村上春樹のうなぎ説を応用して、Misocaうなぎ説でチームづくりに取り組む - 弥生開発者ブログ
ユーザー、プロダクト、チームこんにちは、こくぼ @yusuke_kokubo です。プロダクトをつくることと、つくりかたをデザインすることが好きです。早速ですが、プロダクトをつくる流れをごくごく簡単にまとめてみました。細かいことを言うと、他にもプロダクトのリリースに至るまでのプロジェクトについての話があったり、リリース後のユーザーサポートやメトリクスの話があったりしますが割愛します。今日はチームづくりの話をしますよいプロダクトはよいチームによってつくられます。よいチームをつくるためにはよいマネジメントが必要です。ボトムアップの行動と文化は勝手には育ちません。会社としてトップダウンで環境をつくり、指針をつくることで文化が育まれる、というのがぼくの考えです。今日はぼくがMisocaで行っているチームづくりについてお話しします。チーム内のコミュニケーションを活性化するために
jay926 2017/06/15
村上春樹

management
リンク
Peatix | 簡単イベント管理、チケット販売サイト（ピーティックス）
The best upcoming events, selected for you, by our local teams
jay926 2017/04/14
Webサービス

決済

イベント

チケット
リンク
ニュースリリース・プレスリリース配信サービスの株式会社ニューズ・ツー・ユー
﹁News2uリリース﹂サービス終了のお知らせ﹁News2uリリース﹂は、2020年6月30日をもちましてサービスを終了させていただきました。長年にわたりご愛顧いただき、ありがとうございました。﹁News2uリリース﹂は、国内初のリリースポータル﹁News2u.net﹂とともに、企業・団体のニュースリリース・プレスリリースをさまざまステークホルダーへダイレクトに届けるネットPRサービスとして、2001年のサービス開始以来、約20年にわたり多くの皆様のご支援をいただき運営を続けてまいりましたが、2020年6月30日︵火︶をもちまして両サービスを終了いたしました。これに伴い、情報サイト﹁ネットPR.JP﹂も終了いたしました。長年にわたりご愛顧いただき、誠にありがとうございました。今後ともニューズ・ツー・ユーグループを宜しくお願い申し上げます。
jay926 2017/03/10
Webサービス

ツール

web制作

explorer

excel

サイトマップ
リンク
1 2 3 4 5 6 7 8 9 10 次のページ