めっちゃ可愛く手書き文字を書かなきゃいけない時の書き方 | 本日、校了！｜本の編集者が心をこめてつくるWebマガジン
「あ〜今めっちゃ〇〇しなきゃいけない！ こんなとき、どうしたらいいの？」 「これ、あの人が得意なことだったよなあ。やり方を聞いてみたいな。」 なんて、日常に転がっている小さな悩み。 その悩みを、『本日、校了！』メンバー同士で解決するコーナーです。 今回は、「めっちゃ可愛く手書き文字を書かなきゃいけない時の書き方」。デザイナーの戸田がお答えします！ 編集者さんや本屋さんは、「急きょPOP作れって言われた！ かわいく書かなきゃ！」って時に役立つかも。 日常生活でも、誕生日カードやお祝いの手紙で大活躍します。 このデジタルの時代に、アナログな手書き文字が使われてるの見るとほっこりするし、手間のこもった気持ちも伝わるし、いいですよね〜。私も手書き文字に関しては試行錯誤の日々なのですが… 実際に、日常生活やデザインのお仕事で使っている今すぐできるできる手書き文字のコツ5つをご紹介します！ 縦線を一本
Macでロックされてゴミ箱から削除できないファイルを消去する方法 / Inforati
Mac OS Xで、ロックされてゴミ箱から削除できないファイルを削除する方法です。「無理矢理」消去する裏技も紹介します。 ロックされてゴミ箱から削除できないファイルを削除 ゴミ箱の中身を削除しようとしても、「ロックされているために、ゴミ箱を空にすることができません」と表示されて、ゴミ箱を空にすることができない場合があります。 通常は理由があってMac OS自体がロックしているので、 ファイルを使用していたアプリケーションを終了してみる Macを再起動してみる などしてから削除した方がよいでしょう。 しかし、再起動してもロックが外れないなど動作がおかしい場合には以下の方法を試してみます。 警告を無視して削除する方法 警告を無視して削除するには、「Option」キーを押したまま、「ゴミ箱を空にする」を選ぶ方法があります。 また、「Command」キーと「Option」キーと「Shift」キーと
WordPress カスタムメニューにclass名をつける。 | WebNote
WordPressを使い始めたばかりのみなさまへ WordPressのカスタムメニューは自動でとても長いclass名が付けられます。 メニューを画像にする際、そのclass名を利用してもいいのですが、簡単でラクに短いオリジナルなclass名を付けちゃいましょう。 管理画面の外観＞メニューのページ上部にある「表示オプション」をクリックすると ダラリと表示オプションが出てきます。CSSクラスにチェックを入れておきましょう。 カスタムメニュー設定時に簡単にclass名を付けることが出来ます！ これでCSSでラクに画像に出来ますね。 知ってる人には今さら・・・って感じで何てことない記事ですが、知らない人には驚愕（？！笑）
ひとつのサイトに複数のブログ風ページを作りたい
はじめまして。 WordPress導入に当たり大変困っております。 ご教示いただければ大変ありがたいです。 今回新規サイトを立ち上げるにあたり、ユーザー様が更新しやすくするためにWordPressを導入することになりました。 今回作っているサイトは5つのコンテンツを用意しているのですが、そのうちの3つが『レポート』ページや『商品ご紹介』ページ『企画』ページで、それら3つのページはブログのようにHTMLをいじらなくても記事をエントリーできるようにしたいと思っております。 （それぞれのページで普通のブログのように時系列に依存したエントリーをしたいです。） 今WordPressのインストール、テンプレートの作成まではできたのですが、そのあとどうやって3つに分岐していけばいいのかわからず途方に暮れています。 そもそもひとつのサイトで複数のWordPressのページを持つことは可能なのでしょうか？
各固定ページのページデザインをテンプレート選択で可能にする方法 | はじめてのWordPressまとめ
はじめに このサイトは、WordPressのカスタマイズが出来るようになるための参考サイトとして作成した。 もし興味を持った事があり、それに対して深い知識を得たいと思うならば、他サイトを参考にしてもらいたい。 WordPressのインストール方法 XAMPPでローカル環境構築して、簡単WordPressインストール 今回はこちらの場合で説明を行う。 USBメモリにWordPress用のローカル環境を3分で構築、お手軽過ぎるInstant WordPress すぐにWordPressを使いたい場合にオススメ。 WordPressをカスタマイズするために必要な知識 WordPressのカスタマイズでは、大きく分けて下記の６つを理解しなければならない。 ・WordPressテンプレートタグ http://wpdocs.sourceforge.jp/テンプレートタグ ・WordPress条件分岐タ
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
WordPressテンプレートタグ集｜初心者即実践＆仕事で使えるコピペ用
webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile（ウェブモバイル）は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ本社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ
position:absolute;とbottom:0;でオブジェクトが消える…～CSS覚書き～
position:absolute;とbottom:0;でオブジェクトをどうしても固定配置したかったのに、ハマってなかなか上手くいかなかったので、その原因を覚書き。 親要素のCSSにoverflow: hidden;を追加する position:absolute;で上手く配置出来ない場合、親要素が上手く指定されていないことが大半の原因ということで、親要素の親要素のpositionをstaticに指定してみたり、新たに親要素を作ってみたり、色々試行錯誤するも上手くいかない。。top、left<->rightに指定すると狙った親要素内に収まっているはずなのだけど、bottomを指定すると画面から消える！！（ちなみに、どれも0指定。） 結局は、親要素のCSSにoverflow: hidden;を追加することで解決。 これは仕様上のことで、「親要素内に別の子要素がある場合で、その子要素がfloat
サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
[css] CSS3時代の上下中央に配置するパターン
最近多用するので…。 要素の全画面化について 先に親になる要素を画面いっぱいに広げる方法について補足しておく。 大きく分けると絶対配置とサイズ指定の２つある。 絶対配置は、position:absoluteを指定した上で ４方向の位置を0（または任意の値）にする。 #wrapper { position:absolute; top:0; right:0; bottom:0; left:0; } サイズ指定は、widthとheightを指定するだけだが、 対象の要素だけでなくその親も高さと横幅がないと指定したサイズにならない。 特に高さについての指定がハマりやすい。 単純にbody直下に要素を配置しただけの場合、 <body> <div id="wrapper"></div> </body> htmlとbodyもheightを指定してないと画面いっぱいに広がらない。 html, body,
もっと広まって欲しいCSS - dskd
公開日2013-12-02タグAdvent CalendarCSSCSS Property Advent Calendar 2013 ２日目のエントリです。 何度も同じことを書いているのでいいかげんにしろっていう感じがしますが、僕がこの１年半くらいで「なぜ使われないのだ！ もっと広まってくれ！」と思っている CSS について記載します。 position: absolute; を使った絶対中央配置 ある要素を包含ブロックのど真ん中に置きたい時はとにかく position: absolute; を使った絶対中央配置が便利です。大まかな書き方は親要素に position: relative; を指定したのち、配置したい子要素に対して下記を適用するというものです。 .child { position: absolute; top: 0; bottom: 0; left: 0; right: 0;
CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
Backjoyを買ってみたらほんとに腰が楽なminamiです。 CSSで要素を上下中央寄せする方法は古くから色々と試されてきました。 今回は海外のサイトで知って目から鱗だった方法をご紹介します。 基本的な設定 上下左右中央寄せしたい要素に以下のCSSを設定します。 position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 任意の値 height: 任意の値 これだけ。これだけで親要素に対しての上下左右中央寄せを実現できます。 追記： 親要素にはposition: absolute;かposition: relative; を設定してください。body に対してセンター寄せしたい場合はそのままでOKです！ 今までtop とleft の値を50%にとって、要素の高さと幅の分だけマイナスのmarg
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
９．売れるランディングページデザインの１０の特徴
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングページを作ると簡単に高い数字が出せる。 つまり、ゼロからデザインを考えるのではなく、既に結果が出ることが証明されている成果保証済のレイアウトやデザインを使う方が、遥かに簡単で結果が出やすいのだ。 そこで、近年非常に良く見られるランディングページのレ
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
Dropboxを使用するときに気をつけたいたった一つのこと | nanapi[ナナピ]
Dropboxを使用するときに気をつけたいたった一つのことに関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに さいきん非常に注目のDropbox。 Dropboxを使えば複数のパソコン間でファイルを共有したり、間違えてファイルを上書きしてしまった場合バックアップファイルを参照したり、さらには複数のパソコンの設定を同期したりなど非常に便利です。 登録するだけで無料で2GBの容量を使用することができます。 注意点 こんなに便利で使い方次第で無限の可能性を持ったDropboxですが、注意しなければならない点がひとつだけあります。 それはDropboxを使っていく上でパソコン内にキャッシュがたまっていくこと。 有料プランで50GBや100GB使用しているときはこのキャッシュフォルダの容量も膨大になってしまうので、ときどき掃除してあげる必要
iPhone上の画像をちょっとだけ気軽にMacに転送する方法 - griffin-stewieのブログ
Macユーザの方でiPhoneからMacに画像を移すのにiPhotoを使っているかたが多いかと思います。 僕も使ってますが、iPhotoに幾つか不満なところがありました。 iPhotoの不満点 起動が重い。 iPhotoで管理している画像の数によりますし、軽くする対策もあるようですが、多機能なアプリ故にちょっと重いです。 iPhoto Library としてわざわざ管理して欲しくない時がある 旅行で撮った写真とかならiPhotoで管理して一覧できる方が個人的に便利なのですが、 ”自分で撮影した写真”以外の画像もiPhoneにはあります。 スクリーンショット 添付ファイル Safari等で保存したWeb上の画像 僕としてはiPhotoだけにiPhotoでは”Photo”だけをiPhoto Libraryに残したいです。 今までは一旦iPhotoで画像を取り込み、Finderでその画像を表示さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress のページの中の画像のパスを自動的にテーマディレクトリまでのパスに置き換える方法
| こくみこのダメブロで…ざす！
[基本操作] 写真をハート型に切り抜こう