最近話題になったイケてるWebサービス・アプリ14選（2018年6月編）
[no_toc] 2018年も半分が終わりましたね！ ６月はワールドカップの開催もあって盛り上がっていた月でした。 そして、大きな話題を呼んだサービスも多かったですね。 さて、2018年６月に話題になったイケてるWebサービス・アプリを紹介します。 一緒に振り返っていきましょう。 【過去の記事はこちら】 » 【最新】話題のWebサービス・アプリまとめ IGTV Instagramから派生した動画アプリ。 最大で60分の縦長動画を投稿できることが特徴。 Instagramにもストーリーと呼ばれる動画機能がありましたが、最大15秒間までという尺でした。 それが60分までになったこと、そして縦長動画オンリーになったことで新たな使い方ができそうです。 既に多くのインフルエンサーが利用しており、工夫を凝らした動画の数々は、見ているだけでも楽しいです。 TRAVEL Now 旅行プランやホテルなどを予
Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、簡単なJavaScriptコードを記述するだけでインタラクティブなマップを自分のWebサイトに設置できるサービスをご紹介します！ Googleマップよりも手軽に扱えるのが特徴で、スクリプトを読み込んで少ないコードを記述するだけなので誰でも簡単に利用できると思います。 マップのカスタマイズやマーカーの設置、イベント処理、ナビ機能など…、それぞれの基本的な使い方を詳しく解説していきます！ 【 Mapfit 】 ■「Mapfit」の使い方 それでは、実際に「Mapfit」を使うために必要な準備から進めていきましょう！ 「Mapfit」を使うには、専用のCSSファイルとJavaScriptファイルが必要になるのですが、これらはCDN経由で簡単に導入できるようになっています。 以下の「linkタグ」と「scriptタグ」をHTMLファイルに挿入す
ユーザー登録不要で使えるコードスニペットツール「copycoding」
copycodingは、ユーザー登録不要で使えるコードスニペットツールです。コードをスニペットとして登録しておくことで、必要な時にコードをコピーして利用することができます。 copycodingの使い方 copycodingにアクセスして、Menuから[Add snipet]を選択します。 「type title here..」にスニペットのタイトル、「paste code」の部分にコードを貼り付けます。「summary / description of the code」にはコードの説明を入力します。 右下にある[Save]ボタンをクリックすれば、スニペットが保存されます。 Menuから[My list]にアクセスすると、登録したスニペットの一覧が表示されます。 スニペットを開いて、コードの部分をクリックするとコピーされます。 スニペットを編集・削除したい場合は、上部のボタンから実行しま
【解決】レイヤー名から「のコピー」を取り除きたい！
Illustratorでは，レイヤーパネルで選択しているレイヤーをオプションキーを押しながらドラッグすると複製できます。レイヤーの中にさらにレイヤー（サブレイヤー）を含む場合，その構造もそっくり同じになります。 このレイヤー構造を丸ごとコピーするやり方は，似ているけどちょっと違う地図を1つのファイルに何個も入れなければいけないときに便利です。例えば気象庁の天気図を3日分並べて1つの図版にするなどです。 ただこの方法ではサブレイヤーすべてに「のコピー」「のコピー 2」などが付くので，非常にうっとうしいです。かと言って消すには，1つひとつ選択してデリートキーを押す必要があります。穴を掘ってはそれを埋めているような気分になりますね。 そこで今回は選択しているレイヤーより下層のすべてのレイヤーの名前から，末尾の「のコピー」を取り除くJavaScriptを紹介します。
150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」
150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」 アイコンは意味を伝えるために欠かせないアイテムです。説明文ではなくイラストを用いることで理解もしやすくなるので、Webサイトなどでは多く使われています。そんな中今回は、150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」です。 150種類以上の豊富なアイコンが3パターンのカラー展開された、汎用性の高いアイテムです。 詳しくは以下 キッチンアイテムから食べ物、家具まで様々なアイテムが揃っており、全体的に丸みのあるラインとポップで可愛らしいカラーリングが女性にも好まれそうなデザ
[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法
CSSで子要素を親要素の中心に配置するには、水平と垂直の両方の方向に対して中央揃えにする必要があります。特に、子要素の幅や高さが不明な場合はやっかいです。 幅や高さが不明な子要素を親要素の中心に配置するIE8にも対応した古い方法、モダンブラウザ対応の最新の方法を紹介します。 Centering: The Newest Coolest Way vs. The Oldest Coolest Way 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 子要素を親要素の中心に配置するIE8にも対応した古い方法 子要素を親要素の中心に配置するモダンブラウザ対応の最新の方法 画像やテキストごとに適した配置方法は、下記の記事をご覧ください。 高さが分からない要素やテキストを上下中央に揃えるスタイルシートのまとめ 要素を上下左右の中央に配置、最近主
![[CSS]幅や高さが不明な要素を中心に配置する、IE8対応の古い方法とモダンブラウザ対応の最新の方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/db881b28449be2378d2166d55bdc38511b85c7a5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018062510.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用利用無料！写真やイラストや文字など、グラフィックに布地の質感を与えるphotoshopのデザイン素材
