web work Laboratory

日々のwebのお仕事で学んだこと、
やってみたいことの実験場です。

【ターミナル】Mac OS コマンドラインの基礎操作

2019-11-04 13:46
Windowsでは「コマンドプロンプト」ですが、Mac OSでは「ターミナル」となります。今回はMac OSで […]

【js】SessionStorageでブラウザのセッションに値を格納

2019-09-01 10:38
「セッション」へ値を格納するメリットは、同じドメイン内でリンクをしていってもブラウザが閉じるまで、情報が保持さ […]

【Schema.org】構造化データ マークアップとは?

2019-08-18 12:18
SEO対策に有効な「構造化データ マークアップ」はご存知でしょうか?検索エンジンに向けてより詳細な文書構造を送 […]

【html】table/table-cellまとめ 上下中央揃えに最適

2019-07-07 12:11
コーディングを始めたばかりの方にも馴染み深い「table」について紹介します。tableは崩れにくく、安定です […]

【初心者必見!】CSSセレクタまとめ

2019-04-20 13:35
webページのコーディングにおいて、cssの存在はとても重要です。サイトの初期構築、ともなればなおさらかと思い […]

【html – iframe】Youtubeの埋め込みをきれいに表示する

2019-04-14 13:09
Youtubeを埋め込みたい時のやり方を紹介します。Youtubeを組み込むことでwebサイトが華やかになりま […]

           

思わぬところで崩れるIE、メルマガとの戦いをまとめました。

【CSS】object-fitの使い方、IE崩れ対策も

2019-04-10 14:03
css上で画像のトリミングできる「object-fit」はとても便利です。レスポンシブデザインがデフォルトにな […]

【htmlメルマガ】崩れを防ぐチェックポイント

2019-04-07 11:52
htmlメルマガをテスト配信したら崩れてた!なんてことはありませんか?たくさんテスト配信するのは大変です。少な […]

【CSSでグラデーション】厳選、コピペ用ソース作成ツール

2019-03-31 05:29
cssでグラデーションを簡単に作れるジェネレーターや参考サイトを紹介します。 ・グラデーションを提案してくれる […]

【js】URLで条件分岐(取得とif文の組み方)

2019-03-28 14:23
ディレクトリやクエリ、パラメーターやアンカーなど、URLにはたくさんの情報が詰まっています。 そこで今回はUR […]

【css/html/js】レスポンシブデザインの覚え書き

2019-03-26 13:15
2019年の時点でサイトのレスポンシブ化は必須と言えますね。Googleも「モバイルフレンドリー」を推奨し、サ […]

【HTML mailto:】リンクでメーラー起動の覚え書き

2019-03-24 04:02
お問い合わせフォームを作るのは大変ですが、メールでのお問い合わせなら、お手軽に設置できます。 htmlの&lt […]

使用ツールの紹介、参考サイト、勉強ツールの紹介はこちら

【無料】htmlメルマガ作成ツール(Bee.free)

2019-03-21 09:34
htmlメルマガを作りたいという人にオススメのツールお紹介します。 テスト配信ツールとしての使い方もできますし […]

【jQuery】コピペで解決!スムーススクロール

2019-03-21 07:24
クリックした時するするっと動く「スムーススクロール」を紹介します。 今回紹介するのは、jQueryを使ったもの […]

【崩れを最小限に!】htmlメルマガのテンプレート

2019-03-19 14:35
HTMLメルマガはとにかくメーラー依存や崩れがひどく、苦労が絶えないものですよね。 そこで今回は私が検証、実験 […]

【覚え書き】バッチファイルで一括置換/作成(フォルダ・.txt)

2019-03-18 14:19
今回はwebサイト運用にフューチャーした、バッチファイルの紹介です。主に参考サイト様のリンクを紹介しております […]

【js 演算子とは】or/and/not 条件分岐を解説!

2019-03-17 12:55
Java scriptの多くは複雑になればなるほど、if文の理解が必須になりますね。 そこで今回は「論理演算子 […]

【コピペで便利】CSS鉄板テンプレート(media query,clearfix)

2019-03-17 08:53
CSSの最初に書いておくと便利なスタイルを紹介します。 cssに追加して、スタイル調整やコーディングをサクサク […]

運営:mineta mami
webの仕事で勉強したこと、覚え書き、自分仕様にわかりやすくした情報を掲載していきます。

【コピペ追加でOK!】一発タブレット対応Java Script

2019-03-16 01:01
現在日本におけるのタブレット所有率は約30%となっています。テーマにもよりますが、3人に1人はタブレット端末で […]

【覚え書き】webフォントを簡単実装!(Google Font.ver)

2019-03-14 13:32
webを作成しているときにアクセントとして、凝ったフォントが使いたくなったら,Google Fontがとても優 […]

【CSSで解決】IEで画像がはみ出た時の解決法

2019-03-13 13:34
2カラムのレイアウトをIEで見てみたらはみ出でいる、変な隙間がある、指定した大きさより大きく表示されている…… […]

【優秀!】インストール不要!無料画像加工ツール

2019-03-10 05:19
画像加工がしたいけれど、AdobeのPhotoshopを買うのはちょっと敷居が高いという方にオススメ!無料で使 […]