記事一覧
remodal
Remodal : http://vodkabears.github.io/remodal/ GitHub : https://github.com/VodkaBears/Remodal/ js読み込み <link rel="stylesheet" href="remodal.css"><link rel=…
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 .
fontawesomeを背景に使う
&::before{ content: '\f13a'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; }
背景つけたいところのbeforeに☝︎のように
c
ラスタ画像をイラレで自動でパスを起こす
ラスタライズされてしまって使い勝手が悪い画像をイラレでパスをトレースして大きさ気にせず使用したいとき
※写真や色数が多い画像には不向きです
イラレのCC2020を使っている場合はウィンドウ表示を設定しておくとラクオートトレースの詳細設定がワークスペースに出てくるので、これやっとくとラクですね
「ウィンドウ」➡︎「ワークスペース」➡︎「クラシック（初期設定）」
トレースしたい画像をイラレにドロッ
macでポートを調べる
「アプリケーション」→「ユーティリティ」と移動し「ネットワークユーティリティ」
127.0.0.1（自分のマシンのIP）
ポートスキャンを実行
詳しくは後日メモ
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
2.実際にHTMLを操ってみる
前回「1.HTMLって何なの」に続き今回は実際にHTMLを使ってみますね。
呪文にも古い呪文と新しい呪文がある。HTMLにも新旧あるんですよね。
話が長くなるので一つ一つの詳しい説明は端折りますが
で、私は原始の時代からやってるので全部知ってるんですけど
下手に古い知識入れてもパニクるし、最新版知ってれば何とかなるんで
ここでは「HTML5」を基準に説明していきます。
原始の時代から継承されて
投稿画像の一枚目をアイキャッチに使用
functions.phpfunction catch_first_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_con
もっとみる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="s
とくに何の芸もないリダイレクト
.htaccessで設定するのがムズかったとき用
何の芸もない普通すぎるJsリダイレクト
<script type="text/javascript"> document.location.href = "飛ばす先のURL";</script>
自動再生で資料完成させちゃう「マクロの記録」
事務が嫌いすぎて禿げそうなので、出来ることなら指一本触れずに完成させたい。
そんなズボラ欲求を叶える「マクロの記録」です。
残念ですけど、指一本くらいは触れることになります。
それくらいは忍耐力で乗り越えてください。
ミスるし、字が多い資料細かく見てらんないし、だいたい毎回同じようなことするのに手を動かすのがめんどくさい。
考えなくてもやることは一緒なのにどうして繰り返し作業をしなくちゃいけない
Winユーザー向けスクショツール
Windowsに最初からはいってるツールで
「Snipping Tools」っていうのがあるんですけど、意外と知られてないのでぜひ使ってほしい
どこにあるの？「アクセサリ」の中とかに合ったと思うんだけど、
探すのだるいので、検索で出せます
じゃーん
欲しいとこだけスクショ取れる
「新規作成」ってやると十字のカーソルが出てきて、ソイツを斜めに動かして欲しいとこだけ選択してスクショが取れるんです