デザインを華やかに！Photoshopの花柄ブラシ10選
女性的なデザインでよく使うPhotoshopの花柄ブラシ。 今回は配布されている花柄ブラシを紹介していきます。 ※一応無料の物などを集めたつもりですが、規約が変わっている可能性もあるので使用の際にはチェックしてしてください。 目次1 Flower Brushes Part 3 – The Smell Of Roses2 にじんだ水彩花柄3 flower brushes 034 Pressed Wildflower Photoshop and GIMP Brushe […]
知っておくと便利なcssの小技 part15
今回は知っておくと便利なcssの小技 part15です。 バックナンバー 知っておくと便利なcssの小技 part14 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 目次1 テキストが空の場合、要素を表示させない2 親要素の幅や高さが可変な時に上下中央に要素を置きたい テキストが空の場合、要素を表示させない テキストがないときにpaddingだけが残って中途半端に表示されてしまう、なんてことがあったりします。 こういう時はCMSで […]
【WordPress】tax_query を使って条件にあった記事だけ取得する
tax_queryを使用すれば、条件指定して記事を取得することができます。 目次1 tax_queryはこんな時に便利2 tax_queryで記事を取得3 tax_queryで取得した記事を表示する4 条件を複雑にする tax_queryはこんな時に便利 例えばこんな時。 [図A] 図のように、条件に合致する記事だけ取得したりすることができます。 カテゴリで絞り込んだ一覧ページを作ったりする際に便利です。 tax_queryで記事を取得 図Aの例の場合、下記のように記述すると […]
【Illustrator】解像度別の画像書き出しが爆速に！「アセット」機能の紹介
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 これなら続けられる♪ とにかくシンプルな基礎体温管理アプリ 『シンプル・体温ノート』は、毎日続けて記録することを目的としています。 生理日や排卵日などの予測機能、コラムや掲示板もありません。 「朝が弱いから画面はシンプルな方が良い」 「毎日の記録が面倒くさくて続けられ […]
おみくじ占い付きのQRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました！
Android版 QRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました！ 目次1 かわいい！？ゆるキャラが登場！2 ただのQRコードリーダーじゃない！3 履歴機能 かわいい！？ゆるキャラが登場！ アプリ自体はとってもシンプル。カメラでQRコードを読み取って、ブラウザで開いたり、テキストをコピーすることが出来ます。 このアプリに登場するゆるキャラ、ギョロリンとヨーミーがかわいく案内してくれます♪ ▲QRコード読み取り画面 ▲かわいいゆるキャラ「ギョロリン」 […]
知っておくと便利なcssの小技 part14（テキストエリア編）
今回は知っておくと便利なcssの小技 part14です。 テキストエリアの装飾について紹介します。 バックナンバー 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 知っておくと便利なcssの小技 part11 目次1 テキストエリアのリサイズをさせない2 テキストエリアのフォーカス時の色を変える テキストエリアのリサイズをさせない テキストエリアの右下ですが、ブラウザによってはリサイズ用の領域がありますよね。 リサイズをできると場合 […]
【jQuery】ボタン連打の対策をする（処理中は追加処理をキャンセルする）
「やめて！そのボタンは連打しないで！」 そのつらい気持ち、よくわかります。 今回はフラグを立てて、ボタン連打の対策をやってみましょう。 jQuery ＜処理のルート＞ cancelFlag という変数を定義しておき、値が「0」の場合は処理開始、「1」の場合は処理キャンセル、という判定を追加するだけです。意外とシンプル。 上記の例だと、クリックイベントが着火した直後に cancelFlag に「1」を代入、フラグを立てます。 そして処理が終了する際に「0」を代入し、フラグをおろ […]
Youtube埋め込みプレーヤーでできるカスタマイズまとめ
目次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パターン 計算機のボタンや背景な […]
【photoshop】選択範囲の作成をトーンカーブで手早く済ませるテク
女性の写真のフォトレタッチでよく起こりがちなのが、髪と服の色が似ていて、クイック選択ツールで選択範囲が混ざってしまう現象。 今回は色調補正やトーンカーブを使用して、パーツごとに選択できる小技を紹介します。 例えば、この女性の写真の髪の色を変更してみましょう。 目次0.1 1.調整レイヤーを作成し、色の差を作る0.2 2.自動ツールを使用して選択範囲を作成する0.3 3.色を調整1 YoutubeChannelのご紹介 1.調整レイヤーを作成し、色の差を作る 考えてみれば実は簡 […]
知っておくと便利なcssの小技 part13
今回は知っておくと便利な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セレクタ。 ただ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 […]
既存サイトをレスポンシブ化する！落とし穴になりやすいポイント解説
Webサイト制作の現場において、スマートフォン向けサイトは、もはや欠かせない存在となっています。スマートフォンの所有率はなんと76.0%（出典:総務省/2016年）。今後もニーズはさらに高まっていくでしょう。 目次1 既存のPCサイトをレスポンシブ化したい！というご相談が増えつつある2 1.タブレット非対応の場合に崩れが発生！？3 解決 ⇒ viewportの設定を見直し！4 2.iPhoneXの横持ちの幅がブレークポイントを超えている！？5 解決 ⇒ Safari使用時は横 […]
ゆるキャラをダイエットで育成するアプリ「どうぶつ・ダイエット」をリリースしました。
Android版 ダイエットアプリ「どうぶつ・ダイエット」をリリースしました！ どうぶつ・ダイエットは、目標体重の達成率でゆるキャラも一緒にダイエットする、ゲーム感覚でダイエットを楽しめるアプリです。機能はシンプルで誰にでも使いこなせます。 目次1 主な機能2 アプリの特徴 主な機能 ・毎日の体重レコード ・現在の体重に対してのBMI表示 ・体重推移のグラフ表示 ・目標体重の設定 アプリの特徴 目標体重の達成率によって、かわいいパンダのゆるキャラも一緒に進化(ダイエット)する […]
Web制作の書籍ではあまり書かれない、制作現場における支払いトラブルや瑕疵、著作権についての書籍が再出版となります。
本日、弊社スタッフによる共著が8/10に発売となりました。 (8/9には大型の書店には並んでいるかもしれません) Web制作におけるトラブルあるある事例をまとめた本です。 以前、レクシスネクシス・ジャパン社より出版された「Web業界 受注契約の教科書」「Web業界 発注制作の教科書」の改訂版として、第一法規社より再出版されました。 タイトルに教科書という言葉が使われており、内容としてはちょっと違うのかなということで、対タイトルを変えての再販となっています。 制作会社など受注の […]
知っておくと便利なcssの小技 part12 -複数の背景要素-
今回は個人的に知っておくと便利だなと思うcssの小技part12 -複数の背景要素-です。 バックナンバー 知っておくと便利なcssの小技 part11 知っておくと便利なcssの小技 part10 知っておくと便利なcssの小技 part9 cssで複数の背景画像・背景色を指定する 1箇所の背景に複数の画像や色を指定したいという事があるかと思います。そんな時に使える方法です。 グラデーションもあるので複雑なように見えるかもしれませんが、案外簡単です。 HTML css とり […]
知っておくと便利なcssの小技 part11 -ボーダー編-
今回は個人的に知っておくと便利だなと思うcssの小技part11 -ボーダー編-です。 バックナンバー 知っておくと便利なcssの小技 part10 知っておくと便利なcssの小技 part9 知っておくと便利なcssの小技 part8 目次1 線の最初だけ色を変える2 グラデーションのボーダーで要素を囲う 線の最初だけ色を変える タイトルなどでよくあるボーダーの最初だけ色を変えるあれです。 今までは結構画像などでやることも多かったのですが、レスポンシブが多くなってからはcs […]
【Photoshop】CameraRAWフィルターで写真を補正する
PhotoshopのCameraRAWというフィルターの使い方を紹介します。 本来はカメラのデータ形式「RAW」を取りあつかうためのものなのですが、JPGなどの画像データにも適用することができます。 画像のトーンや明度彩度、シャープ、コントラト、レンズのゆがみ、色かぶり、モアレの解消…etc 様々な効果がこのフィルターひとつで調整できるため、作業の時短に有効です。 例えば、こんな風に色を補正することが可能です。 寒そうな廃屋の写真を、黄身っぽいカラーに変換しました […]
Android Studioでバージョン管理を行う
最近Androisアプリを制作することが増えてきましたが、バージョン管理をどうするかで少し悩んでいました。 弊社は基本的にSubversionで管理していたのですが、Android Studioでやろうとすると、どうも上手く行かないことが多く、作業効率が良くありません。 そこで思い切ってGitを使う事で、Androidアプリを制作するときにはこのルートを使おうと考えました。 環境は Windows 10 Pro Android Studio 3.0.1 （もう上のバージョンも […]
Photoshopで、動画データ（mp4）をもとにGIFアニメーションを作成する
目次1 Photoshopでmp4データを扱える2 作り方2.1 Photoshopの「タイムライン」パネルを使用する2.2 動画の不要な部分をトリミング2.3 GIFアニメーションをとして書き出す2.4 完成3 Windows10標準搭載の画面キャプチャソフト4 YoutubeChannelのご紹介 Photoshopでmp4データを扱える 実は、Photoshopで、mp4の簡単な編集なら行うことが可能です。ご存知でしたか？ トリミングやほかのフェードインフェードアウトく […]
運営会社:株式会社8bit
制作サービス
運営サービス
