git/index.lockを解除し無事にadd/commitできました。 | ハイパー猫背
なんかよく分からないが怒られた。 .git/index.lockとは エラーの文言的には，index.lockってファイルが存在しているからエラーになってるっぽい。 なんや，index.lockって。。 git/index.lockとは 同じgitのリポジトリ内で同時に複数の処理を行わないための排他制御を行うもの。 つまり，index.lockが存在するということは，裏で他のgit操作が行われている。 ならば，他のgit操作が終了するのを待てばいい。 もちろん，時間をおけばgit操作できるようになるのだが，「そんなの待ちきれないよ」って方は別の解決法で。 git/index.lockを削除 index.lockを削除してしまっても構わない。
Snow Monkey v11.3.2 をリリースしました
こちらの環境でいろいろ試してみたのですが全く再現できず、どうしようもなくなったのでトピックを作成してくださった NEPPIE さんに「NEPPIE さんの環境でテストさせてもらえませんか？」と訪ねたところご快諾いただけまして、なんとか解決することができました。NEPPIE さん、ありがとうございました！！ で、結局なにが原因だったのかを解説。 Snow Monkey のブログカードは、URL が埋め込まれたときにそのページを解析しにいって、取得した情報をキャッシュし、そのキャッシュをもとにブログカードを表示する仕組みになっています。 で、フロントでキャッシュが切れているページが表示されたときは js でregister_rest_route で登録したルートにアクセス同じようにページを解析しにいってキャッシュを生成キャッシュをもとに生成されたブログカードの HTML を取得ブログカードを表
ヘッダ固定時のアンカーリンクずれ解消法｜assassin@Web屋
position:fixedでヘッダーを固定しているデザインでページ内リンクを設定すると、リンク先へジャンプした時にヘッダの高さ分、位置がズレてしまうのをどうにか出来ないものか…と格闘したので、その対処法のメモです。 単純にheaderの高さ分paddingとmarginで相殺する例えば、以下のようなソースに実装すると <div class="header"> ヘッダー </div> <div class="content"> <a href="#link01">コンテンツ</a> </div> <div class="content" name="link01" id="link01">リンク先</div>ヘッダの高さが80pxとした場合 .header { width: 100%; min-width: 960px; height: 80px; position: fixed; lef
WordPress 5.0リリース間近！新エディタ「Gutenberg」の使用感と課題点まとめ | モンハコ
WordPress 5.0のリリースが近づいて来ました。当初のリリース予定日は11/19だったのですが、スケジュールが延期となり最新の情報では11/27�にリリースの予定です。 WordPress 5.0の最大のトピックスは新エディタ「Gutenberg」です。WordPressの使用感が大きく変わる大きな変更なのですが、未だ認知度はいまいちといった印象を持っています。 今回は改めて「Gutenberg」について解説してみます。 「Gutenberg」とはWordPress 5.0から標準搭載されるエディタのことです。WordPress 5.0にアップデートして、何しなければ記事を更新する際に自動的にGutenbergが使われるようになります。 Gutenbergは今まで利用されていたエディタとは全く異なるため、多くの人が混乱することが予想されます。 Gutenbergの最大の特徴は、ブロ
px -> vw 早見表 - Qiita
/* * font-size / view width * f-vieww (16/640); -> font-size : 2.5vw; */ f-vieww($decimal) font-size ( (ceil($decimal * 10000)) / 100 ) vw
レスポンシブ化する時に知っておきたいCSSテクニック | くろひつじのメモ帳
今年の夏もCSSでうにょーんとなっていました。 （毎年いただくお仕事なんですが、毎回頭をひねる…。お陰で勉強になっていますが） 今回は普通に組まれたHTML（元々レスポンシブする予定じゃなかったやつ）をレスポンシブ対応する作業がおおくて、ああこうすればいいのか…！というのが多かったので、まとめておきます。 レスポンシブデザインとは？ 1つのHTMLで、画面サイズによってレイアウトなどが変わってしまうデザイン。 PC画面サイズやタブレットサイズ、スマホサイズなどで切り替える事が多いです。 切り替え方法としてはCSS Media Queries を使って切り替えます。 この方法も２つあって、link要素のmedia属性で読み込むCSSファイルを分ける方法と、CSSソース内に書き込む方法とあります。 link要素のmedia属性でCSSファイルを分ける方法 CSSを読み込む際に、media属性を
【ポップアップ（吹き出し・ツールチップ）で「ツアー」や「チュートリアル」の表現ができるjQueryプラグイン「Joyride」】｜今村だけがよくわかるブログ
【ポップアップ（吹き出し・ツールチップ）で「ツアー」や「チュートリアル」の表現ができるjQueryプラグイン「Joyride」】 jQueryでポップアップ（吹き出し・ツールチップ）を使って「ツアー」や「チュートリアル」の表現ができるプラグインがありました。 「なんだ、どういう意味だ・・・？」 といいますと・・・言葉で表現するのはヘタなので、サンプルを作りました。興味がありましたらご参考ください。 サンプルはこちらタブの「Result」を押して動作をご確認ください スルスルッとスクロールするんで、見た目的にもおもしろいです。 まとめサンプルではたまたま「私のアカウント紹介ツアー」みたいに作りましたけど、使い方は発想次第でいろいろですね。こういったものをあらかじめwebに設計してあると、制作側の配慮が見られて「親切設計だな～」って私は感じます。 参考リンクhttp://www.zurb.co
『クリックしたらツールチップを表示するスクリプト』をちょっと変えてみた。 - Qiita
js苦手なデザイナーの筆者としては、なるべくならコピペして事なきを得たい…と考えている。 が、仕事をしている以上、コピペしてちょっと手を加えて…という事は避けて通れない。特に、今回は再開発案件だったので、仕様を大きく変更することが難しい。 そこを前提として、下記の要件で絞ってみた。 jsに弱いデザイナーが考えた要件 ツールチップちっくだけど、マウスオーバーではなくクリックして表示させる 再開発前のツールチップは、『閉じる』のボタン以外では閉じない。非常に邪魔。要素外でクリックしても閉じたい そもそも『閉じる』ボタンの表示が邪魔だからいらない（とデザイナーは思った） 高機能ツールチップもいいけど、少しでも軽量化したかったので、不要なアニメーションとか永遠に使わないオプションはいらない そこで発見したのが クリックされたらツールチップを表示するスクリプトをjQueryで組んでみた …要件ぴった
CSSのappearanceを使ったセレクトボックスのカスタマイズ | design Edge
セレクトボックス（select要素）のデザインを、CSSのappearanceを使ってカスタマイズする方法のまとめです。 つい先日、セレクトボックスをカスタマイズする機会があり、調べてみましたのでメモ代わりにまとめておきます。思いのほか、モダンブラウザでは見た目を整えることができるようなので機会があれば試してみてはいかがでしょうか。 <div class="select-box01"> <select> <option value="">セレクトボックス01</option> <option value="">選択肢01</option> <option value="">選択肢02</option> <option value="">選択肢03</option> <option value="">選択肢04</option> <option value="">選択肢05</option>
WordPress で AMP をプラグイン実装してカスタマイズ | LuftGarden
デフォルトで読み込むテンプレートを変更する functions.phpでテンプレートのパスを指定する関数をフックに登録します。 function custom_amp_template( $file, $type, $post ) { if ( is_string( $type ) && preg_match( '/\A[a-z\-]+\z/', $type ) ) { $file = WP_CONTENT_DIR . '/themes/[テーマ名]/amp/' . $type . '.php'; } return $file; } add_filter( 'amp_post_template_file','custom_amp_template', 10, 3 ); これでテーマディレクトリにコピーしたテンプレートを読み込んでくれます。 テンプレートを編集する テンプレートは自由に編集可
Flexbox入門 - 横並びを実現する定番のCSS - ICS MEDIA
ボックス要素の横並びをCSSで行う場合は、CSSの「Flexboxフレックスボックス」 が便利です。Flexboxを使用することで、簡潔なコードで豊富なボックスのレイアウトが可能です。本記事ではウェブページの作成を通してFlexboxの特徴と使い方について解説します。 この記事で学べること Flexboxの使い方 スマートフォンへのレスポンシブ対応 Flexboxはボックスレイアウト用のCSS Flexboxとは、ボックスのレイアウト方法を定めるCSSの機能です。ボックスとは、HTML上の各要素が生成する領域のことです。下図のHTMLコードのウェブページでは、div要素・h1要素・p要素がそれぞれボックスを生成します。 Flexboxでは、ボックスを横ならびにしたり、右寄せ・中央寄せ・左寄せをしたりと、さまざまなレイアウトを少量のコードで実現できます。 サンプルの紹介 今回はレスポンシブな
折り返し位置を word-break: keep-all で制御する - Qiita
細かい条件について Breaking is forbidden within “words”: implicit soft wrap opportunities between typographic letter units (or other typographic character units belonging to the NU, AL, AI, or ID Unicode line breaking classes [UAX14]) are suppressed, i.e. breaks are prohibited between pairs of such characters (regardless of line-break settings other than anywhere) except where opportunities exist due to di
HTML入門 第3回 -これからのHTML-｜オンライン動画授業・講座のSchoo（スクー）
たにぐち まこと 株式会社エイチツーオー・スペース 代表取締役 「ちゃんとWeb」をコーポレートテーマに、Web標準に準拠したメンテナンスしやすいWebサイトを「ちゃんと」作ることを目指したWeb制作会社。 WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。 また、CSS Niteや Word Campでの講演や著書などを通じ、クリエイターの育成にも力を入れている。 主な著書に『WordPressをちゃんと使うための教科書』（マイナビ刊）、『よくわかるPHPの教科書』（マイナビ刊）など。 Web http://h2o-space.com Twitter http://twitter.com/seltzer Facebook http://facebook.com/taniguchi.makoto 主な講演実績 C
もう迷わない、「@font-familyはこれでOK！」を色々考えてみた。 | unitopi - ユニトピ -
Macだから、Windowsだから、Androidだから… 端末それぞれの表示状態を気にしながらフォントを考えるのって大変ですよね。 とりあえずコレにしておけばいいや、というコピペ用テンプレが皆さん存在するのではないでしょうか？ 基本 font-family: sans-serif; sans-serif、つまりゴシック体であることを指定しています。 ただしそれ以上の指定ではないので、ブラウザ標準のものが使われます。WindowsであればメイリオとかMSゴシック系、Macであればヒラギノ角ゴシック系となります。 Windowsのことを考えると明瞭が由来でもあるメイリオがアンチエイリアスがかかって見やすいです。 しかし、Macの場合はヒラギノを優先させたいですよね。。 Macだと、多くのブラウザで日本語表記のフォント指定は無視されます。 つまり、“メイリオ”は読み込まれず、“Meiryo”と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
游書体を加えたCSS font-family
flexibility.jsとカラム落ち – Qroon
Loading...
万全影院,在线观看av片,极品少妇被猛得白浆直流草莓,苍井空全集
Font−familyのベストな書き方 2015年版 | それからデザイン スタッフブログ
https://www.ituore.com/entry/html-css-basic
