しろあん

いろいろ

Photoshop切り抜きツールでずっと勘違いしていた

何かというとこうやって切り抜き用の枠を出したときこの赤まるで囲んだハンドルのところしか触れない(ドラッグできない)と思っていましたなので ほんの1~2ピクセルだけ切り抜きたいときは拡大して、その後手のひらツールでハンドルを探してドラッグ、と
web制作

Modaal.jsでモーダルウィンドウを出したときに背景がずれる

シンプルなモーダルウィンドウ用プラグイン「Modaal.js」まずは使い方からModaal ダウンロードページ緑色の「Code」ボタンからzipファイルをダウンロード使用するのはdist/css/modaal.min.css とdist/j
css

重なったボーダー(枠線)が太くなるのを解消するには…?

※つぶやきです。スマートな解決法ではありませんタイトルの通りなんですが例えばメニューの項目をボーダーで囲みくっつける形にしたい(主にスマホ用とか)が、実際にやるとこうなります↓ ↓ ↓ .article ul.shibamenu{displ
いろいろ

ChromeでPDFファイルがプレビューできない

Google ChromeでPDFファイルのリンクをクリックするとブラウザ上でプレビューできますよねそれがたまにauth.services.adobe.com で接続が拒否されました。と出てきてしまい、開かないときがあります(゚Д゚;解決策
css

Chrome画像ぼやける問題が解決 image-renderingプロパティ

レスポンシブ表示のため、ブラウザの幅に合わせて画像を拡大縮小させる指定をするとChromeではどの大きさであっても画像がぼやけることが多く特にイラストでそれがよくわかってしまうのが悩みでしたsvgにすればいいのかもしれないけどグラデーション
css

テキストの両端揃え

たまに出てくる両端揃えのメモHTML<table> <tr> <th>会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>副会長</th> <td>〇〇〇〇〇〇</td> </tr> <tr> <th>常任理事</
web制作

Webは誤字脱字への意識が薄くなりがちかもしれない

毎日スマホでYahoo!ニュースやいろんなサイトの記事を見ますが誤字脱字を結構見かけます多いのは漢字変換の間違いですがたまに 例)「ありがとうgざいました」 みたいなのとかも私もこんな大勢の人が見るようなものを書くことはないもののWeb上で
web制作

SEO対策のために気をつけていること

自分が「ここ忘れてないかな」と意識することのメモですm(_ _)m【最重要】<title>タグに適切にキーワードを入れる最も重要と言われるtitleタグですがその通りで、体感ですがここの変更が最もダイレクトに検索結果に影響するように思います
css

左揃えのテキストをページの中央に置きたい

テキストをページの真ん中(縦中央)に持ってきたいときtext-align:centerを使えば簡単しかしこれはテキストそのものが中央揃えになってしまうテキストのボックスは中央に持ってきてもテキストそのものは左揃えにしたいそんなときが結構あり
css

display:none→display:blockでふわっと出現させたい

タイトル通りdisplay:noneで非表示にしていたものをdisplay:blockで表示させるのに、そのままではなくふわっとフェードインさせようと思いましたがdisplay:noneにはtransitionプロパティが使えないのですね知