サイトのコンテンツはテキストだけだと単調になりがちですが、吹き出しがあると目を引きますし楽しくなりますよね。また、会話形式のコンテンツが吹き出しで作られていると親しみが湧くはずです。この吹き出し、画像は使わずにCSSだけで作ることができてしまいます。 この記事では吹き出しの作り方の説明から吹き出しのデザインサンプルも用意しました。コピペも改変もOKですのでご自由に使ってみてください。 まずは吹き出しの基本！三角部分の作り方 吹き出しから飛び出ている三角の部分はborderプロパティを使えば簡単に作れます。 以下のサンプルは上下左右に異なる色を指定したものです。三角が4つ集まっているように見えますね。 See the Pen border-color-test by Beco (@becolomochi) on CodePen. HTML [html] <div class=”box”></

皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな

最近日本でもエンジニアを中心に広く使われ始めているチャットツール「Slack（スラック）」。 ではいったいどういった点が具体的に優れているのでしょう。 今回は、有名なチャットツールの1つであるSkypeと比べて、Slackの方が便利だと言える機能をピックアップして紹介したいと思います。 Slack（スラック）とは Slackとは、チャットベースのコミュニケーションツールです。 2013年8月にリリースされた北米発のサービスで、2015年の7月時点で1日に110万人を超えるユーザーが利用するほどの人気を誇っており、海外や日本でも多くの会社で利用され始めています。 特徴としては、UIが非常にシンプルなこと、ショートカットが豊富にあること、他のサービスとの連携が充実していることなどが挙げられ、特にエンジニアのコミュニケーションツールとして人気を誇っています。 Slackを生み出したのは、写真共有

Netflix（ネットフリックス） 世界最大級の映像配信サービス「Netflix」。 米国カリフォルニアに本社を構える「Netflix」が、2015年9月1日に日本版を開始するとして話題となりました。ソフトバンクとの業務提携も決まり盛り上がりを見せています。 2015年9月現在では、世界50カ国以上、6500万人を超える会員数を誇ります。 気になる月額料金は、同時利用台数1台の「ベーシック」が650円（画質SD）、同時利用台数2台の「スタンダード」が950円（画質HD）、そして同時利用台数4台の「プレミアム」が1450円（画質UHD 4K）という値段設定。1ヵ月の無料体験もあるので、興味がある人はぜひ利用してみてください。 キャッチコピーは「映画やドラマをもっと自由に。」 フカセ暗号ジェネレーター 2015年8月7日、4人組ロックバンドSEKAI NO OWARIのFukaseさんが残した