miho

いちいち忘れていちいちメモする

miho

いちいち忘れていちいちメモする

マガジン

  • 呪文を操る

  • word press

  • CSSとか

  • イラレ

  • その他?

最近の記事

myadmin設定

完全に自分用のメモ phpMyadminの設定毎回忘れるからとりあえずコレをやれ

    • CSS文字装飾いろいろ

      文字の上にドットをつけて強調 こうゆうやつ .dot-text { padding-top: .4em; background-position: top left -2px; background-repeat: repeat-x; background-size: 1.3em .3em; background-image: radial-gradient(.15em .15em at center center,orange,orange 100%

      • fontawesomeを背景に使う

        &::before{ content: '\f13a'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; } 背景つけたいところのbeforeに☝︎のように contentにfontawesomeのID的なやつ font-familyにFo

        • ラスタ画像をイラレで自動でパスを起こす

          ラスタライズされてしまって使い勝手が悪い画像をイラレでパスをトレースして大きさ気にせず使用したいとき ※写真や色数が多い画像には不向きです イラレのCC2020を使っている場合はウィンドウ表示を設定しておくとラクオートトレースの詳細設定がワークスペースに出てくるので、これやっとくとラクですね 「ウィンドウ」➡︎「ワークスペース」➡︎「クラシック(初期設定)」 トレースしたい画像をイラレにドロップ 今回は非常階段を例にしますけど、使う画像の利用規約は守ってくださいね 画

        myadmin設定

        マガジン

        • 呪文を操る
          2本
        • word press
          10本
        • CSSとか
          4本
        • イラレ
          1本
        • その他?
          4本
        • じぇーくえりーとか
          10本

        記事

          macでポートを調べる

          「アプリケーション」→「ユーティリティ」と移動し「ネットワークユーティリティ」 127.0.0.1(自分のマシンのIP) ポートスキャンを実行 詳しくは後日メモ

          macでポートを調べる

          連番付与

          投稿をモーダルで出すときにリンクとモーダルのIDに連番をつけて識別させるなどする場合 $(function(){ $('div.sample').each(function(i){ $(this).attr('id','box' + (i+1)); });});

          連番付与

          remodal

          Remodal : http://vodkabears.github.io/remodal/ GitHub : https://github.com/VodkaBears/Remodal/ js読み込み <link rel="stylesheet" href="remodal.css"><link rel="stylesheet" href="remodal-default-theme.css"><script src="//ajax.googleapis.com/aja

          2.実際にHTMLを操ってみる

          前回「1.HTMLって何なの」に続き今回は実際にHTMLを使ってみますね。 呪文にも古い呪文と新しい呪文がある。HTMLにも新旧あるんですよね。 話が長くなるので一つ一つの詳しい説明は端折りますが で、私は原始の時代からやってるので全部知ってるんですけど 下手に古い知識入れてもパニクるし、最新版知ってれば何とかなるんで ここでは「HTML5」を基準に説明していきます。 原始の時代から継承されている呪文もあるので、そこは踏襲してやっていきましょうねー。 呪文の書の作り方H

          2.実際にHTMLを操ってみる

          投稿画像の一枚目をアイキャッチに使用

          functions.phpfunction catch_first_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches

          投稿画像の一枚目をアイキャッチに使用

          1.HTMLって何なの

          全く何にも知らない人がカンタンに読んで理解できるようなシンプルな説明で書きたいと思います。 何かググると説明カタカナとか英語とかめっちゃ並んでんだけど、それで結局何なの?ド初心者に突然の英語とカタカナの説明文って、 結局わかったような気になるけど、簡単に言うと何なのか理解できない、 めんどくさい、もういいやってなりますよね。 一部の意識高い系の人はカタカナ出てくると復唱しながら喜んでくれるんですけど、それで結局わかったのか?と言われると微妙なこと多いですよね。 「横文字で説

          1.HTMLって何なの

          単色の画像からカスタムシェイプを起こす

          ラスタライズされちゃった画像をどうしてもパスに起こしたいときの解決法 余談ですけど「ラスタライズ」とはシェイプとかイラレで描いた画像っていうのは、線の集まりなのでボヤけないようにできてます。 これをベクトル画像っていうんですけど 一般的な写真とか画像っていうのは点の集まりで出来ているので、小さい画像を大きくしたり、大きい画像を小さくしたりとかを繰り返してるとどうしてもボヤけちゃう(画質が落ちちゃう)わけですねー この点の集まりになっている画像を「ラスタ画像」 つまりラスタ

          単色の画像からカスタムシェイプを起こす

          PCとスマホで呼び出すCSS切り替え

          最近はSassが楽なのでメディアクエリでやっちゃってますけど、 CSSごと読み替えしちゃいたいとき用に linkで切り替えこの場合は閲覧環境のブラウザの横幅で切り替え <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="sp.css"><link rel="stylesheet" type="text/css" media="screen

          PCとスマホで呼び出すCSS切り替え

          とくに何の芸もないリダイレクト

          .htaccessで設定するのがムズかったとき用 何の芸もない普通すぎるJsリダイレクト <script type="text/javascript"> document.location.href = "飛ばす先のURL";</script>

          とくに何の芸もないリダイレクト

          一定時間後に実行

          セール終了でバナー下げるとか、夜中に起きて処理するのイヤなので、一定時間後に何をどうする、みたいな処理をする setTimeout(function(){ $('.bnr').css("display","none");},1000); みたいな感じで、処理は任意変更、1000のとこが時間なので計算する もしくは JS$(document).ready(function() { $(".view_timer").each(function(index, targ

          一定時間後に実行

          自動再生で資料完成させちゃう「マクロの記録」

          事務が嫌いすぎて禿げそうなので、出来ることなら指一本触れずに完成させたい。 そんなズボラ欲求を叶える「マクロの記録」です。 残念ですけど、指一本くらいは触れることになります。 それくらいは忍耐力で乗り越えてください。 ミスるし、字が多い資料細かく見てらんないし、だいたい毎回同じようなことするのに手を動かすのがめんどくさい。 考えなくてもやることは一緒なのにどうして繰り返し作業をしなくちゃいけないんだ。 もう私の脳とCPUを直接管でつないで自動再生でもしていただきたい。 そん

          自動再生で資料完成させちゃう「マクロの記録」

          Winユーザー向けスクショツール

          Windowsに最初からはいってるツールで 「Snipping Tools」っていうのがあるんですけど、意外と知られてないのでぜひ使ってほしい どこにあるの?「アクセサリ」の中とかに合ったと思うんだけど、 探すのだるいので、検索で出せます じゃーん 欲しいとこだけスクショ取れる 「新規作成」ってやると十字のカーソルが出てきて、ソイツを斜めに動かして欲しいとこだけ選択してスクショが取れるんですよ こんな感じですね んで、この画面で「Ctrl+C」で普通にコピれる。 ペン

          Winユーザー向けスクショツール