ご縁がありまして、セクシー男優の吉村卓さんの似顔絵イラストと、WEBサイトのデザインを担当させていただきました。 そこで似顔絵イラストのグッズを制作したとのことで、ご厚意でアクリルキーホルダーと消しゴムを頂きました。ありがとうございます！ こちらのキーホルダーは今私のデスクの上に鎮座しており、時々笑顔を誘ってくれます。 トレードマークのブリーフ＆仁王立ちポーズが、それらしいとご好評の様子で、「卓ちゃんマン」との愛称で親しまれているそうです。 喜んで頂けて私としても大変嬉しく思 […]
今回は知っておくと便利なcssの小技 part16 セレクタの使い方編です。 バックナンバー 知っておくと便利なcssの小技 part15 知っておくと便利なcssの小技 part14 知っておくと便利なcssの小技 part13 目次1 子セレクタ（親要素 > 子要素）の使い方2 隣接セレクタ（要素1 + 要素2）の使い方 子セレクタ（親要素 > 子要素）の使い方 子セレクタとは、対象の親要素の直下にある子要素に対してのみスタイルを適用するセレクタです。 孫要素は対象になり […]
Firefoxのデフォルト機能についてるスクリーンショットは追尾してくる部分なども大体はきれいに処理してくれたり、使い勝手がよく便利です。 今回はその使い方をご紹介します。 目次1 PC表示で撮る1.1 1.URL部分のマークをクリック1.2 2.項目の中から『スクリーンショットを撮る』を選択1.3 3.スクリーンショットを撮る範囲を指定1.4 4.これで完了です2 スマートフォン表示で撮る2.1 1.開発ツールを起動して『レスポンシブデザインモード』を選択2.2 2.表示し […]
Wordpressでサイトを構築している時、headタグの中身が煩雑でうんざりしますよね。 今回はその不要なタグを取り除いてみましょう。 目次1 基本のやり方2 例:Wordpressのバージョン情報を消す場合3 例:rel=”canonical”タグの表示4 例:ショートリンク（短縮リンク）5 例:rel=”wlwmanifest”タグの削除6 例:コメントフィード用のタグ削除7 例:絵文字用のタグ削除 基本のやり方 使用しているテーマのfuctio […]
長くDreamweaverを使っている方こそ、意外と知らないこの機能。 最近といっても2017年時点に追加された機能なのですが、マルチカーソルという機能です。 なんとカーソルが伸びる！ Alt を押しながら縦にドラッグで伸びます。始点からしっかり引っ張るのが上手に伸ばすコツです。 増える！ Ctrl を押しながらクリックで好きな位置にカーソルを増殖できます。 Emmetなどは有名なのでみなさんご存じかと思うのですが、細かな機能のアップデートは見逃していたりするのはよくあること […]
デザインやプレゼンテーションなどに欠かせないiPhoneモックアップ。 今回は機種ごとにまとめてご紹介していきます。 ライセンスなどは各サイトでご確認ください。 目次1 iPhone XR1.1 Psd iPhone XR Mockup1.2 Psd iPhone XR Mockup Isometric Vol12 iPhone XS（Maxも含みます）2.1 Psd iPhone XS Max Mockup2.2 Iphone Mockup2.3 Psd iPhone XS […]
最近は働き方改革の手助けもあってか、ブログで副収入を得たり、SNSをきっかけに在宅で働いている方も珍しくなくなりましたね。ブログで数字を稼ぐにあたって、大きく関わってくるのがGoogleの検索順位。アクセスが無ければ広告収入もままなりません。今回はそんな検索順位に関する話です（SEOといいます）。 目次1 昨今のSEOの流れ2 「記事の更新」以外でできること3 Googleが「順位ダウンの対象」としているもの4 1.スマートフォンに対応していないサイト5 2.ページの読み込み […]
WordPressを独自カスタマイズしていたところ、記事の見出しやページのタイトルに使用されているアルファベットが勝手に大文字に置き換えられている現象に悩まされました。 目次1 原因：CSSのtext-transform2 それでも解消しなかった方へ 原因：CSSのtext-transform 原因は見出しの要素に適用されていたCSS、text-transform 。 text-transform が uppercase になっていた場合、全てのアルファベットが大文字で表示さ […]
女性的なデザインでよく使うPhotoshopの花柄ブラシ。 今回は配布されている花柄ブラシを紹介していきます。 ※一応無料の物などを集めたつもりですが、規約が変わっている可能性もあるので使用の際にはチェックしてしてください。 目次1 Flower Brushes Part 3 – The Smell Of Roses2 にじんだ水彩花柄3 flower brushes 034 Pressed Wildflower Photoshop and GIMP Brushe […]
今回は知っておくと便利なcssの小技 part15です。 バックナンバー 知っておくと便利なcssの小技 part14 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 目次1 テキストが空の場合、要素を表示させない2 親要素の幅や高さが可変な時に上下中央に要素を置きたい テキストが空の場合、要素を表示させない テキストがないときにpaddingだけが残って中途半端に表示されてしまう、なんてことがあったりします。 こういう時はCMSで […]
tax_queryを使用すれば、条件指定して記事を取得することができます。 目次1 tax_queryはこんな時に便利2 tax_queryで記事を取得3 tax_queryで取得した記事を表示する4 条件を複雑にする tax_queryはこんな時に便利 例えばこんな時。 [図A] 図のように、条件に合致する記事だけ取得したりすることができます。 カテゴリで絞り込んだ一覧ページを作ったりする際に便利です。 tax_queryで記事を取得 図Aの例の場合、下記のように記述すると […]
Androidアプリを作成する際に画面密度（dpi）別に画像素材を作るの、とてもめんどくさいですよね。 Androidのmdpiを基準に、xxdpiまで対応するとした場合、4枚の同じ画像が必要になります。 目次1 アセット機能って何？2 アセット機能の使いかた2.1 01.アセットの書き出しパネルを開く2.2 02.オブジェクトをアセットに登録2.3 03.必要な倍率を設定2.4 04.書き出しをしたいアセットを選択して、書き出しをクリック＆保存2.5 YoutubeChan […]
Android版 基礎体温管理アプリ『シンプル・体温ノート』をリリースしました！ 目次1 とにかくシンプルな基礎体温管理アプリ2 カレンダーとグラフ、2種類の表示！3 ピンクが嫌でも大丈夫！選べるテーマ4種類4 これなら続けられる♪ とにかくシンプルな基礎体温管理アプリ 『シンプル・体温ノート』は、毎日続けて記録することを目的としています。 生理日や排卵日などの予測機能、コラムや掲示板もありません。 「朝が弱いから画面はシンプルな方が良い」 「毎日の記録が面倒くさくて続けられ […]
Android版 QRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました！ 目次1 かわいい！？ゆるキャラが登場！2 ただのQRコードリーダーじゃない！3 履歴機能 かわいい！？ゆるキャラが登場！ アプリ自体はとってもシンプル。カメラでQRコードを読み取って、ブラウザで開いたり、テキストをコピーすることが出来ます。 このアプリに登場するゆるキャラ、ギョロリンとヨーミーがかわいく案内してくれます♪ ▲QRコード読み取り画面 ▲かわいいゆるキャラ「ギョロリン」 […]
今回は知っておくと便利なcssの小技 part14です。 テキストエリアの装飾について紹介します。 バックナンバー 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 知っておくと便利なcssの小技 part11 目次1 テキストエリアのリサイズをさせない2 テキストエリアのフォーカス時の色を変える テキストエリアのリサイズをさせない テキストエリアの右下ですが、ブラウザによってはリサイズ用の領域がありますよね。 リサイズをできると場合 […]
「やめて！そのボタンは連打しないで！」 そのつらい気持ち、よくわかります。 今回はフラグを立てて、ボタン連打の対策をやってみましょう。 jQuery ＜処理のルート＞ cancelFlag という変数を定義しておき、値が「0」の場合は処理開始、「1」の場合は処理キャンセル、という判定を追加するだけです。意外とシンプル。 上記の例だと、クリックイベントが着火した直後に cancelFlag に「1」を代入、フラグを立てます。 そして処理が終了する際に「0」を代入し、フラグをおろ […]
目次1 使用できるパラメーター（2018年10月現在）1.1 「全画面表示」ボタンを非表示に1.2 Youtubeロゴを非表示にする1.3 「関連動画」を非表示にする1.4 動画タイトルを非表示にする1.5 プレイヤーのシークバーの色を変更する1.6 プレーヤーのコントロールを非表示にする1.7 プレーヤーをJSで制御できるようにする1.8 動画を自動再生する1.9 ループ再生する1.10 動画を途中で再生・停止する2 パラメーターの使い方2.1 公式提供のジェネレーター 使 […]
Android版 カレンダーアプリ『めちゃカワカレンダー』をリリースしました！ 『めちゃカワカレンダー』はペタペタとスタンプを貼ってカレンダーで簡単にスケジュールを管理できる、シンプルでかわいいスケジュール帳アプリです。 ▲ かわいくて使いやすいアプリを目指しました♪ 今回はこちらのアプリについてご紹介していきます！ 目次1 使い方はシンプルで簡単！手帳のように今すぐ使える♪1.1 わかりやすいカレンダー表示1.2 かわいいスタンプ200種類以上が使い放題！1.3 気分によっ […]
Android版 メモアプリ「かわいいヤギのメモ帳」をリリースしました！ 普段のメモ帳もいいけれど、もうちょっとかわいくて使いやすいものが欲しい…なんて思ったことありませんか？ 「かわいいヤギのメモ帳」はシンプルでかわいいメモ機能で、ちょっとしたToDoリストやお買い物メモなど様々な用途にお使いいただけます！ ▲ 可愛くて使いやすいアプリに仕上がりました♪ 今回はこちらのアプリについてご紹介していきます！ 目次1 主な機能1.1 カテゴリ分け1.2 ラベル表示1.3 文字サイ […]
Web制作の書籍ではあまり書かれない、制作現場における支払いトラブルや瑕疵、著作権についての書籍が再出版となります。 以前、レクシスネクシス・ジャパン社より出版された「Web業界 受注契約の教科書」「Web業界 発注制作の教科書」の改訂版として、第一法規社より再出版されました。 前回に引き続き、両書の装丁デザインを担当致しました。 目次1 デザインに対する要望2 背表紙 デザインに対する要望 今回、書名が変更になったため、書名の入れ替えと 書店に並んだ時に、より目を引きそうな […]
Android版 電卓アプリ「かわいいねずみちゃん電卓」をリリースしました！ 「かわいいねずみちゃん電卓」はキャラクターの電卓アプリです。 シンプルな計算機能で、買い物やちょっとした計算など、日常で使う計算機能が付いています。どんな難しい計算でも、ねずみちゃんに癒されながら計算することができます！ 目次1 アプリの機能・特徴2 選べる着せ替え5パターン アプリの機能・特徴 ・電卓機能 ・テーマの着せ替え ・ねずみちゃんが動く！ 選べる着せ替え5パターン 計算機のボタンや背景な […]
女性の写真のフォトレタッチでよく起こりがちなのが、髪と服の色が似ていて、クイック選択ツールで選択範囲が混ざってしまう現象。 今回は色調補正やトーンカーブを使用して、パーツごとに選択できる小技を紹介します。 例えば、この女性の写真の髪の色を変更してみましょう。 目次0.1 1.調整レイヤーを作成し、色の差を作る0.2 2.自動ツールを使用して選択範囲を作成する0.3 3.色を調整1 YoutubeChannelのご紹介 1.調整レイヤーを作成し、色の差を作る 考えてみれば実は簡 […]
今回は知っておくと便利なcssの小技 part13です。 バックナンバー 知っておくと便利なcssの小技 part12 知っておくと便利なcssの小技 part11 知っておくと便利なcssの小技 part10 目次1 テキストが空の時のみ、『content』でURLを取得し表示させる2 画像をcssのみで切り抜く テキストが空の時のみ、『content』でURLを取得し表示させる リンクのテキストがHTML上で空の時に、contentでURLを取得して表示させてくれる方法で […]
今回はちょっと変わった、おもしろいプラグインをまとめました。 程度を守ればエフェクトがあるとサイトも華やかに見えますね。 目次1 要素が揺れるアニメーションを実現！『CSShake』2 ホバー時に他の要素をぼかす『Item Blur Effect with CSS3 & jQuery』3 テキストにフラットアイコンのようなシャドウをつけてくれる『flat-shadow』4 ホバー時に要素を立体的に！『Tilt Hover Effects』5 画像をかっこいいエフェク […]
コーディングをしているとよくお世話になるfirst-childとfirst-of-typeセレクタ。 ただfirst-childとfirst-of-typeの違いって最初のうちってよくわからないですよね。 今回はその2つの違いについてお話しようと思います。 目次1 first-childが効かない？そんな時はfirst-of-typeで！1.1 囲んでいる要素のなかでの順番の数え方が異なる1.1.1 first-childの場合1.1.2 first-of-typeの場合 f […]
運営会社:株式会社8bit
制作サービス
運営サービス
