2015年2月18日 CSS 過去に書いた「かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました」という記事でかわいい系デザインの作り方を紹介しました。今回はかわいい系第二弾！CSSだけでできるかわいい小技をいくつか紹介します。すべてデモ付きなのでイメージしやすいかな？と思います。デモ画面内にある「HTML」「CSS」タブでコードが表示されるので、コピペして使ってくださいね！ ↑私が10年以上利用している会計ソフト！ 目次 キラキラ系テキスト マーカーでラインを引く ステッチ風ボックス リボン 画像をハート型で切り抜く ハートの鼓動 ラブビーム 1. キラキラ系テキスト 某ギャル雑誌（もう刊行されてないのかな？）で毎回見かけていたこの白抜き＋明るい色のシャドウ。CSSでは text-shadow を用いて表現できます。ポイントは文字を白に設定し、シャドウの横位置・縦位置と

2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が

2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen

2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと

体幹トレーニングは一流のスポーツ選手などが取り入れるなどメディアでの話題に事欠かない最近のフィットネスの流行り言葉の一つと言えます。 ネット上で最近よく見かける体幹トレーニングの一つプランク（上図）を取ってみても「驚くほどお腹がへこむ」、「1日10秒でOK！」、「運動不足を解消」など少し行き過ぎた煽りを見かけることもしばしば…。 「体幹トレーニングだけ実践していれば完璧！」、「ダイエットにも効果的！！」と誤解してしまいそうなものも多々見かけます。（まったく効果が無いとは言えませんが…。） 本記事では『実践編としての具体的なやり方』から、『体幹トレーニングの基礎知識（体幹の定義や痩せるの？？）』といった疑問解決までを一挙ご案内いたします。 体幹トレーニングのやり方 当サイトでは過去に30記事以上の体幹トレーニングに関する記事をご紹介してきました。 「お腹」、「背中」など部位を中心とした区分け

きんどるどうでしょうによると、現在、Kindleストアが片っ端から半額セールを実施しているようだ！あまりにも数が多すぎて笑えてくるが、これだけ多数の書籍がセール中であれば、読みたい本も見つかるかもしれない！ 以下に現在開催中の50％オフセール、セール対象冊数、セール期限をまとめておく！ 開催中のセール 対象冊数 セール期限

子供の頃から絵を描くこと（ラクガキ）が大好きでした。 とはいえ、絵を仕事にする画家や漫画家になりたいというのはあまりなく、ただ単に絵を描くことが好きでテストの裏紙やノートや手帳に描いたりがほとんど。 それもあって「これは自分が楽しむためのラクガキなんですよ」といい続けてきました。 そんなある日、このブログで私のラクガキを見てくれた知人の「僕も絵を描けるようになりたいんです！」というリクエストに応えるために「ハッピーラクガキライフ」というラクガキ講座を開催することになりました。 今回はその講座の中でも一番キャッチーで多くの人に喜んでいただいている「絵が苦手な人でも一瞬で100の表情が描けるようになるテクニック」をご紹介したいと思います。 人間の表情を構成する要素 人間には人の顔にとても敏感に反応する本能が備わっています。この現象のことを「シミュラクラ現象」といいます。 ▼点3つが顔に見えるこ

こんにちは。しぶです。 みなさん筋肉痛はお好きですか？ 僕は体を動かした翌日に激しい筋肉痛がくると人知れず喜びをかみしめます。 さて、たまに会話の中で冗談で「筋肉痛が痛い」などといった表現を使うことってあるじゃないですか。 こういった日本語は、同じ内容を二度繰り返しており、本当は日本語として正しくありません。これを重複表現と呼びますが、前述したような分かりやすい重複表現から、それと知らずに使いがちな重複表現もあります。気になって調べてみると色々な重複表現がでてきましたので、まとめてみました。 原稿をチェックするときなどの参考になれば幸いです。 重複表現まとめ 必ずしも重複表現があやまりだとは言えない場合もあるようです。あくまで重複表現をまとめたものですので、気を張らずにお読みいただければ幸いです。 1. 頭痛が痛い ず‐つう【頭痛】 1 頭が痛むこと。とうつう。「―持ち」→一次性頭痛 →二

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

※本記事は、2015年2月17日に公開された記事をマケスト提供により一部再編集を行っております。 近年、金融関連サービスのスタートアップが続々と誕生し、予想を上回る急成長を遂げています。 クラウド会計サービスの「MFクラウド会計・確定申告」は立ち上げから1年で利用者数12万人を突破し、昨年複数のVCから15億円の資金を調達しました。 参考 マネーフォワードの「MFクラウド会計・確定申告」、開始1年で利用者12万人 煩わしい確定申告や会計処理の負担を大幅に削減するクラウド会計ソフトは、認知度も徐々に広がり始めており、今後確実に伸びることが予測できます。 また、2015年2月10日にはLINE株式会社が決済サービスの「Webpay」を買収し、「LINE pay」　のシステム強化を図るようです。 参考 LINEによるウェブペイの100%子会社化について 確定申告や日々の記帳等、煩わしいファイナン

自分好みの完璧なゆで卵を目指して 「ゆで卵」には、トロトロの半熟ゆで卵からサラダなどに使う固茹でのゆで卵まで、茹で時間によって様々な「ゆで卵」が存在します。 黄身の固さによって用途が変わる「ゆで卵」ですが、半熟にしたかったのに固茹でになってしまった…固茹でにしたかったのに茹で時間が足りなくて半熟気味だった…など、意外と茹で時間を誤ってしまうことってありますよね。 そこで今回、お料理まとめ編集部にて、茹で時間ごとの黄身の状態をインフォグラフィックにまとめてみました。さらに、正しいゆで卵の作り方や使うと便利な卵グッズ、ゆで卵で魅力アップのレシピをご紹介いたします。 こちらの早見表は、沸騰したお湯で○○分茹でた場合の結果となります。（水からの茹で時間ではないのでご注意を。） 沸騰後5分あたりから、白身が完全に固まってきました。半熟と呼ばれる状態は7分あたりから。固茹では10分あたりからといった感

再生回数400万超えの大人気楽曲をカバー＆プロモーションまで…!? AWA新イベントの特典が豪華すぎる

airbnb（エアービーアンドビー） 僕が世界一周をしていた時に多く利用していたのが、Couch Surfingというサービス。簡単に言うと、旅人と現地の人をつなぐFacebookみたいなものです。Couch Surfingでは、今まで20人近くの人の家にお邪魔したりと、普段の旅では味わえない体験をさせてもらいました。 そのCouchSufingの有料版という認識だったのが、airbnb(エアービーアンドビー)でした。ただ今回のバリ渡航で2件airbnbで宿泊し、そこでの体験が凄まじく、認識が一変しました。普通の宿やゲストハウスじゃ絶対に体験できないことをairbnbでは体験できる、世界に新しい文化を作っている、そう思いました。 今回はそのairbnbの紹介をしていきたいと思います。普通の旅じゃ物足りない、もっと色んな旅の仕方をしたい、っていう人に参考になれば嬉しいです。 airbnbとは

まずは、Airbnbのアカウント作成！ Facebookで登録または、「名、姓、メールアドレス、パスワード」で新規登録してアカウントを作成します。 1．泊まりたい場所の街の名前で検索する。 Airbnbのトップページにどん！と検索ボックスがあります。 そこに泊まりたい街の名前を入力。 すでに旅行の予定が決まっている方は、日程と人数も入力しましょう。 ◆ 部屋の種類は3つ！貸切／個室／シェアの3つから選べます。 貸切：まるまる自分たちで使える貸切のスペース 個室：寝泊りする部屋は個室だが、一部他の人とシェアするスペースあり シェア：部屋が相部屋または共有スペースにある 部屋の種類や日程や場所などの他にも、ホストの言語や部屋のサイズ等に関するフィルターをかけて検索することが可能です。 2．検索結果から気になる部屋の写真をクリックしてみる。 検索結果に気になる部屋があったら、クリックして部屋の写

Gizmodo：2012年、私は個人宅などの空き部屋を有料で貸し借りできるウェブサービス「Airbnb」で部屋を貸すことを目的に、マンションの一室を購入しました。そして昨年、私は遠隔でその部屋を管理していました。今回は、そこから得た収益も含めて、この経験から学んだことすべてを紹介します。 購入する不動産を見つける Airbnb上に掲載されている部屋には公開カレンダーが付いており、そこでどの日が予約可能かをチェックできます。このツールを見るだけで、貸し主たちがどれほど稼いでいるのかの検討をつけられます。つまり、どこの不動産を買うか検討するときに、非常に有力な情報源になります。 試しに不動産の購入を考えている場所の部屋を選んで、カレンダーのタブをクリックしてみてください。ひと月に、赤い日（予約済みの日）と緑の日（予約可能日）がそれぞれ何日あるか、数えてみましょう。 プロフィールページに掲載され