Webデザインの参考になる、国内のギャラリーサイトまとめ（39サイト）

コーディングとWebデザインが好きな人間がいろいろやっているブログです。絵日記も書いているよ。誰かに「いいな」と思ってもらえるようにがんばるよ！

detailsタグのアニメーションについて

コーディングとWebデザインが好きな人間がいろいろやっているブログです。絵日記も書いているよ。誰かに「いいな」と思ってもらえるようにがんばるよ！

WordPress 6.3の変更内容 個人的まとめ

WordPress6.3「ライオネル」変更点交えて紹介しています。新ブロック追加、画像アスペクト比選択、カバーブロック、コマンドパレッなどの変更がありました。

AI（ChatGPT）で楽しくプログラミング学習してるよ

コーディングとWebデザインが好きな人間がいろいろやっているブログです。絵日記も書いているよ。誰かに「いいな」と思ってもらえるようにがんばるよ！

【GAS】特定の時間内だけ実行する方法

特定の時間内だけGoogle Apps Scriptを実行する仕組みを紹介しています。スクリプトとトリガーをうまく使えば実現できます。

Notionデータベース内の特定のプロパティに変化があったらSlackへ通知するGASを作ってみた

NotionのデータベースからSlackに通知する方法を紹介しています。特定のプロパティに変化があったときにSlackへ通知します。

DartSassもコンパイルできるVSCodeの拡張機能「Live Sass Compiler（by Glenn Marks）」の紹介

DartSassもコンパイルできるVSCodeの拡張機能「Live Sass Compiler（by Glenn Marks）」の紹介です。node.jsやsassの導入も不要で、気軽にコンパイルできます。

Adobe XDでFontAwesomeを使う方法

Adobe XDでテキストとしてFontAwesomeのアイコンを使用できる便利な機能があります。コーディング時の注意点なども紹介。

【絵日記】ゴールデンウイークなにもできてないな～の日

コーディングとWebデザインが好きな人間がいろいろやっているブログです。絵日記も書いているよ。誰かに「いいな」と思ってもらえるようにがんばるよ！

【勉強メモ】コーダー目線のSTUDIO覚書4～ページの作成、ヘッダーの作成、リンクにhoverを設定する、MV作成～

コーダー目線でSTUDIOを勉強してみたLOG4。STUDIOではhoverする際、after要素はつけられないのでdivで代用します。

Webデザインの”パーツ”を見れるギャラリーサイト10選。

Webデザインの「パーツ」、部分デザインを集めたギャラリーを紹介します。Webデザインで悩んだときに眺めているだけでも参考になるので是非見てみてください！

【2022年4月】デザイン・コーディング関係で気になった記事まとめ+オススメの漫画や記事

コーディングとWebデザインが好きな人間がいろいろやっているブログです。絵日記も書いているよ。誰かに「いいな」と思ってもらえるようにがんばるよ！

【漫画】お仕事の依頼を断った漫画

- もぐもぐ食べるおいしいwebデザイン。 もぐでざ

ブログにカード型リンクを貼る方法を考えた

見栄えの良さと回遊率を上げるため、リンクをカードタイプにして表示したいので調べてみたよ。 この記事は未解決です。今後少しずつ加筆していく予定です - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【勉強メモ】コーダー目線のSTUDIO覚書3～グルーピングとシンボルについて～

コーダー目線でSTUDIOを勉強してみたLOG2。横幅・縦幅の配置はpx・%・auto・vh。またflexでの配置が細かく指定できます。

iPadを初めて購入＆使ってみた感想とか

～～～～～～～3年前～～～～～～～～ ～～～～～～～2年前～～～～～～～～ ～～～～～～～1年前～～～～～～～～ 喝！！！！！！！！ ってことで買いました。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【勉強メモ】コーダー目線のSTUDIO覚書2 ～ボックスレイアウトとflexの概念について～

コーダー目線でSTUDIOを勉強してみたLOG2。横幅・縦幅の配置はpx・%・auto・vh。またflexでの配置が細かく指定できます。

【CSS】画像や動画を切り抜く「object-fit」について✍

object-fitとobject-position（位置）について。object-fitが効かないときはwidthとheightを指定する必要があります。

【勉強メモ】コーダー目線のSTUDIO覚書1

コーダー目線でSTUDIOを勉強してみたLOG1です。料金や何が出来るかなど。divやmargin、paddingも使えました。雑多に書いてますが誰かの参考になれば幸いです。

【Web制作の効率UP】時短になるブックマークレット一覧と作り方

Web制作の効率化・時短になるブックマークレットを集めました。「ブックマークレットとは何か、使い方、オススメブックマークレット」を紹介。

【SASS/SCSS】remやvwでサイズやフォントをレスポンシブ対応するメモ📝

vwとremを用いたサイズ指定・余白指定・フォント指定メモです。375pxを基準としたvw値を計算してくれるfunction、mixinもご紹介。

経歴・タイムラインのCSSデザインつくったよ+参考サイト

01.左右に写真を表示（スマホでは1列） PC 一番最後は矢印になってるよ スマホ See the Pen history list by - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

経歴・タイムラインのCSSデザインつくったよ+参考サイト

01.左右に写真を表示（スマホでは1列） PC 一番最後は矢印になってるよ スマホ See the Pen history list by - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

大根もちを作ろうと思ったまんが

もちとは… 大根もちって「餅」じゃないんだって。知らなかった 片栗粉を使うんだって～もちもちの「モチ」ってこと？！ - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【CSS】文字を大文字/小文字/全角にするtext-transformの紹介

文字を大文字/小文字/全角にするCSSプロパティtext-transformの紹介です。1文字目だけを大文字にしたり、全文字を大文字・小文字にする方法を紹介。

コロナで生活環境が変わったなぁという話～人生～

コロナでリモートワークが増えて、やる気とかがあまりでなくなっちゃいましたね。おいしいもの食べて、適度にだらだらして自分自身を爆上げしていこう。

【2022年3月】デザイン・コーディング関係で気になった記事まとめ+α

あったかくなってきましたね～。 デザイン関係 UIデザインのための心理学：33の法則・原則（実例つき） knowledge / baigie - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

ミスしたときに出てくる妖精

仕事でミスしたときに褒めてくれる人がいて、さらにポイントが加算される仕組みだと頑張れるんじゃないかなって思ったときに書いた漫画。

タイムマシンで1か月後の未来にいく漫画

こんにちは、今日はこちらのタイムマシンを使って1か月後の未来に行ってみようと思います！おや、あれは…ヒィィ！あ、あれは…

tableのth、tdでwidthがうまく効かないときにやったこと

tableのth、tdでwidthが効かないときの対処方法です。結論：tableにスタイルtable-layout: fixed;をつける！

投稿一覧で特定のカテゴリだけ2記事目以降を表示したいときメモ

すごい限定的だけど必要になったのでメモ。 <?php $the_query = new WP_Query( $args ); if ( - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【習慣化】習慣化のコツとおすすめアプリ

「毎日続ける」って大変…だけど、ハードルを下げて細分化することで比較的習慣化しやすくなります。習慣化することで生きやすくなったり、「これだけやった」という記録が自信につながったりします。

【CSS】「text-decorationすごい」のメモ。色、太さ、位置も変えられる

cssのtext-decorationで色んなことができるのでまとめました。色をつける、二重線、点線、波線、破線、線の太さを変える、位置を変える（余白をつける（、打ち消し線、上線などなど…ただしIE11では使えないので注意です。

【キャッシュ対策】WordPressでファイルを更新したら自動でパラメーターを付与する方法

PDFやCSSなどを更新したときに、お客さん側でキャッシュが残っていて「画像変わってないよ」と言われるまえにこちらで対策を取る方法を共有します。 パラメーターとは パラメーターは、Webサーバーに情報を伝えるための記述です。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【キャッシュ対策】WordPressでファイルを更新したら自動でパラメータを付与する方法

PDFやCSSなどを更新したときに、お客さん側でキャッシュが残っていて「画像変わってないよ」と言われるまえにこちらで対策を取る方法を共有します。 パラメーターとは パラメーターは、Webサーバーに情報を伝えるための記述です。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

あけましておめでとうございます。2022年やりたいこととか

あけましておめでとうございます。今年もよろしくお願いいたします。 今年やりたいこととかを色々まとめました。 ブログリニューアル - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【local by flywheel】WordPressのローカル環境構築の方法

WordPressのローカル環境を構築するのに特化したソフトウェア、「Local by Flywheel」の使い方について紹介します。MampやXamppよりも気軽に構築できるのでオススメです。

ブログのイメージキャラクターと近況

イメージキャラクター 最近、ブログのイメージキャラクターを考えてます。 もぐもぐデザインなのでもぐらを使いたいなーと思って もぐらっぽいのかいてます もぐらは基本土にいるけど、歩いたり手を伸ばしたりもしたいので悩んでます それだけ。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

平日の過ごし方

一年の8割くらいこれです。機械が代わりにしごとしてくれて、お駄賃だけ自動で口座振込される世界線に行きたいですね。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

平日の過ごし方

一年の8割くらいこれです。機械が代わりにしごとしてくれて、お駄賃だけ自動で口座振込される世界線に行きたいですね。 https://twitter.com/higemeganenoma/status/1375465880461615107 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

学び続けるということ

次から次に新しい技術が生まれてますね。 そのたびに「すごいな」と驚き、その便利さに感動します。 新しい技術を学んで取り入れて、"良く"なっていくのはワクワクします。 でも、学ぶのは楽しいけど、楽しいから続けてるけどたまにつらいこともあります。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

クラシック→ブロックエディタ移行時カスタムHTMLに個別・一括置換する方法

クラシックエディタで編集した記事をブロックエディタに移行する際、表示崩れせずにHTMLのまま出力する方法をご紹介します。カスタムHTML作成時に生成される「wp:html」のタグを利用し、フィルターフックを使って記事内に自動挿入して強制的にカスタムHTML化しています。

クラシック→ブロックエディター移行時の表示崩れやタグが消えるのを解消する方法

wordpressのクラシックエディタを、素のHTMLの状態でブロックエディタに変換し表示崩れを起こさせない方法をご紹介します。過去の記事もクラシックエディタの状態でカスタムHTML化することで、表示崩れを起こしません。変換時にpタグが消えたり不要なタグが追加されることもありません。

ブログで日記も書いちゃおうかなあと思っている話

最近文章を書くことがめっきり減ってしまいました。 アラサーになってじわじわと脳が衰退していくのを感じています。 なので、もう日記でもなんでもいいからなにか文章にしていこうかなと思ってます。 - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

HTML・CSSコーディングするときに役立つサイト

HTMLコーディングをする際に、知っておくと便利なサイトを集めました。誰でもサッと使えるサイトばかりなので、ぜひ利用してみてください！

副業を始めて半年が経ったので感想

webデザイン（コーディング）の副業を始めたので、メリットとデメリットをご紹介します。

【2020年8〜10月】デザイン・コーディング関係で気になった記事まとめ

アイデアが浮かばず更新が停滞していますが、そんな中でも気になるサイトはたくさんあるのでメモ。 便利サービス System UIcons / zwicon /Feather / BootstrapIcons /Forge Icons /Ikonate/Simple Icons /teenyicons - もぐもぐ食べるおいしいwebデザイン。 もぐでざ

【2020年2〜7月】デザイン・コーディング関係で気になった記事まとめ

1月にほぼ毎月更新すると言っておきながら、全く更新してませんでした。焼き土下座 便利サービス CSS Section Separator Generator CSSで斜め線や波線などを再現するジェネレーター。 Fancy Border Radius Generator - もぐもぐ食べるおいしいwebデザイン。 もぐでざ