アスペクト比とは？計算ツールの使い方は？ アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比）は、画像サイズを16:9や3:2、4:3、黄金比などアスペクト比を簡単に計算をしてくれるツール。 写真サイズを入力するだけで、ピクセルで計算してくれたり、各比率で画像をシュミレーションができるアスペクト比計算ツールです。 下記の関連記事では、アスペクト比とは？このツールの使い方などを紹介しています。
アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比） | WordPressやWebデザインなど紹介 Ocadweb
アスペクト比とは？計算ツールの使い方は？ アスペクト比計算ツール（縦横比/16:9/4:3/3:2/2:1/黄金比）は、画像サイズを16:9や3:2、4:3、黄金比などアスペクト比を簡単に計算をしてくれるツール。 写真サイズを入力するだけで、ピクセルで計算してくれたり、各比率で画像をシュミレーションができるアスペクト比計算ツールです。 下記の関連記事では、アスペクト比とは？このツールの使い方などを紹介しています。
iOSブラウザのセレクトボックスUIが使い辛すぎ問題 | キノコログ
WEB屋さんなら、タイトルである程度察してもらえるこの問題。 昨今のWEBサイトは、スマートフォンからのアクセスがほとんどのため、デザインや操作性はスマートフォンでストレスなく使えることが最重要課題となっている。 特に、ユーザーが商品の購入を行う際に、必ず経由するであろう「フォーム」の入力。 ここがストレスなく入力できるかが、成約の肝となるのだが…。 ユーザーに入力する際に、選択肢の中から項目を選んでもらう「セレクトボックス」というものがある。 複数の選択肢の中から、ユーザーに選んでもらう、というフォームを設けたい場合は、「セレクトボックス」が最も使われていると思う。 （ラジオボタンやチェックボックスよりも癖がないため） 「セレクトボックス」とは、↓コレのことである。 今見ている端末によって、このSELECTの仕様が異なっていると思うが、iPhone端末はこんな表示になっている。 いわゆる
Googleが答えた「SEOにまつわる都市伝説」まとめ【Webmaster Conference】 | WEMO
そろそろSEOをちゃんと勉強しようと思い、Google主催の Webmaster Conference Osaka 2019 に参加してきました。 そのイベントの最初のセッションが Malik Mairaj Syed さんの『SEO Mythbusting』というタイトルのもので、よくあるSEOにまつわる都市伝説的なものに関してGoogle側が回答していくというものでした。 巷で噂される「それって本当にSEO的に効果あるの？」という話が次々とスライドに表示されていき、「イエス」か「ノー」かをMalikさんが回答していくという流れになっていて、まだまだ知識の浅い私にとっては大変勉強になる内容でした。 （SEO業界の人たちからすると当たり前すぎてつまらなかったそうですが…） 今回は、そのセッションの内容をざっくりとまとめていこうと思います。 （Googleからのスライド共有はされないそうなので
Everything You Ever Wanted to Know About inputmode | CSS-Tricks
Based on my tests, inputmode is indeed supported in Opera Mini and Opera Mobile, which contradicts the Caniuse data above. I’ve reached out to see if we can sync up our findings. But before we go deep into the ins and outs of the attribute, consider that the WHATWG living standard provides inputmode documentation while the W3C 5.2 spec no longer lists it in its contents, which suggests they consid
動画が流れる | SANKOU!
コーポレートサイト ブランドサイト･サービスサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ オーソドックス ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 スマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療･薬 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･
猫騙（上杉昇）interview 「生きることは、自然に逆らうこと」
仲間として、バンド・メンバーとして、自分に出来る事 ーー今回リリースされるこのシングルは、昨年亡くなったmiya38さんに捧げるトリビュート作品ということですが、この作品を制作するに至った経緯について教えて下さい。 上杉昇（以下、上杉） ： 自分のこれまでの人生を振り返ると、「信じる」ことでそれを現実にしてきたんですね。信じ込む力を微塵も疑ってはいけなくて、100％信じないと駄目だと思ってるんですけど、あいつ（miya38）がそういう病気だと聞かされた時に、信じたくなかったし、認めたくなかったし、治るって思いたかったんですね。実際、WANDSにしても、信じることでメジャー・デビューできたわけだし。あいつに関しても、衰弱していく姿を見たり、色々な話が耳に入る中でも、確率的にどうこうじゃなくて、大丈夫だと本当に信じていたんです。で、結果的に彼が亡くなってしまってから、対病気っていうことに関して
視覚障害を持つエンジニアが開発した「スマート白杖」が最先端！センサーで障害物を検知＆Googleマップで音声ナビもしてくれます
» 視覚障害を持つエンジニアが開発した「スマート白杖」が最先端！センサーで障害物を検知＆Googleマップで音声ナビもしてくれます 視覚障害を持つエンジニアが開発した「スマート白杖」が最先端！センサーで障害物を検知＆Googleマップで音声ナビもしてくれます 田端あんじ 2019年9月13日 0 視覚障害を持つ人のための杖、 “白杖（はくじょう）” 。この白杖が、テクノロジーによって大きく進化しました。 自身も視力がほぼないというトルコのエンジニア、クルサット・セイラン（Kursat Ceylan）さんが開発したのは、スマート白杖「WeWALK Smart Cane」。 なんとセンサーで障害物を検知したり、スマホと連携してナビゲーションしてくれたりと、目の不自由な人が安心して歩くためのサポートをしてくれるのです。 【センサーで障害物をキャッチ＆警告】 視覚障害を持つ人の自立と積極的な社会へ
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき、管理もしやすくなるでしょう。昔から愛されてきたこのFont Awesomeですが、少し前からアカウント登録が必要になりました。今回はアカウント登録の手順から基本的な使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Font Awesomeのアカウント登録手順 これまではCDNと呼ばれる、誰もが共通で使えるファイルのURLをコピペして使用できていました。しかしこれからはメールアドレスを登録し、個別に
BootCamp - WindowsとMacのキーボード対応表
キーボードヘルプ より詳細はBoot Campのキーボードヘルプを参照しましょう。 タスクバーの右のほうに「△」クリックします。 クリックするとシステムアイコンが表示されるので、「◆」をクリックします。 クリックするとBoot Campメニューが表示されるので、「Boot Campコントロールパネル」をクリックします。 クリックすると「Boot Campコントロールパネル」ウィンドウが表示されるので、上部タブメニュー「キーボード」をクリックします。 「キーボードヘルプ」をクリックすれば、Boot Camp上のWindowsでのキーボードの使い方が参照できます。 その他、Boot Camp の使い方や設定はこちらを参考にしてください。 Boot Camp の使い方
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
モバイルページの高速化！ AMPの利点と対応HTMLの作り方 - ICS MEDIA
AMP（Accelerated Mobile Pages＝アンプ）とは、2016年2月にGoogleが導入した、モバイル端末（スマートフォン・タブレット）でのウェブページの表示を高速化するためのプロジェクトです。AMP対応のウェブページは従来に比べ平均4倍程の速度で表示できるため、さまざまなメリットがあります。 本記事ではAMP導入のメリットと作り方を紹介します。AMP対応することによってアクセス数が増大した話もありますので、記事のシリーズで紹介します。 導入の利点① ページ表示が超高速になる モバイルブラウザで、AMPページにアクセスしたときにものすごいスピードでウェブページが表示されます。読み込み待ちのイライラがなくなるため、ユーザーストレスの軽減につながります。 導入の利点② 検索結果でAMP（稲妻マーク）が表示される モバイルでのGoogle検索で、AMP対応のウェブページは稲妻マ
容量だけで選んで大丈夫？無料オンラインファイルストレージの人気11サービス比較と特徴紹介｜ferret [フェレット]
ファイルやドキュメントなどのデータの共有や保存をするために、オンラインファイルストレージの利用は欠かせません。記事では、数あるオンラインファイルストレージサービスの中から、無料で人気があるものを18個ピックアップしました。これから使おうと思っている方や、今使っているサービスから他のサービスに乗り換えを考えている方は、ぜひ参考にしてみてください。 オンラインファイルストレージサービスとは オンラインファイルストレージサービスとは、インターネット上でファイルやドキュメントなどのデータを保管することができるサービスのこと。 場所やデバイスを選ばず、インターネットに接続していればどこでも閲覧・アップロード・共有などを行えます。Web上で直接利用できるものや、専用ソフトが必要なものなどがあります。 これらのサービスの多くは、Eメールで送れなかったファイルをファイルストレージにアップロードし、そのUR
![容量だけで選んで大丈夫？無料オンラインファイルストレージの人気11サービス比較と特徴紹介｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a53ad9c72a31b82132a785b085bfd4d595d83178/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2377%2Fog_image%2Fdefault-f0f09159bb2c1afe52b1b599b78e0bb2.jpg)
スマホネイティブ世代がURLをコピペしないでスクショする理由「見てほしい部分が分かりやすい」「ギガ不足の友だちに配慮」
リンク 日経 xTECH（クロステック） なぜスクショ？スマホネイティブ世代がコピペしない理由 「スクショ」という言葉をご存じだろうか。スクリーンショットの略で、スマホなどの端末画面を画像として保存することだ。言葉自体は以前から使われているが、今どきの若者のネット文化を読み解くうえで、大事なキーワードになっている。 230 users 563 ふじーよしたか（音楽八分目） @fj_pg_yochi ・20、30代のアプリ利用率No.1がSafariなのに対して10代は4位。 ・友達のギガが足りないのに配慮して画像共有 ・URLを貼るより画像のほうが確実に見てもらえる。 tech.nikkeibp.co.jp/atcl/nxt/colum… ろきsan@rokisan @AhrkIzo なるほど。勉強になる。 ・「シェア」あるからURLコピペの機会ない ・「ギガ足りない」(通信量)の配慮 ・
商用利用OK！2018年にリリースされた無料フォント40 | Webクリエイターボックス
2018年12月19日 フォント 2018年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日本語フォント 木漏れ日ゴシック どこかほっとするような、優しい雰囲気のフォント。所々わざと線をつなげていない切れ間があります。手書きの流れを残してカタカナの方が小さめだそうです。 源暎Nuゴシック 漫画の強調セリフとして使える特太モダンゴシック体。漫画でよく使われる「!!」「!?」などの組み合わせが簡単に使え、母音や「
デザインは第一印象が大切！5秒でできる3つのデザインチェック方法 | Webクリエイターボックス
2016年5月10日 Webデザイン, ユーザビリティ, 色彩 人間は一瞬で物を識別します。研究によると、たった0.1秒で人を判別できるようです。Webサイトにおいても同じことが言え、ユーザーはWebサイトを開いて0.05秒でそのサイトが好きかどうかを判断し、そのサイトを見続けるか、閉じるかを決めるそうです。そんな大切な「第一印象」。どのようにチェックすればいいのか、考えていきましょう！ ↑私が10年以上利用している会計ソフト！ ぼかしテスト ぼかしテストでは、デザインをぼかした状態で確認し、強調するべき箇所が強調されているかをチェックします。 テスト方法 Photoshopを使う方法と、ブラウザーを使う方法があります。 Photoshopを使う方法 バナー広告やWebサイトのスクリーンショット画像を用意 Photoshopで フィルター＞ぼかし＞ぼかし（ガウス）で5〜10pxほど画像をぼ
Vvverb.js - ドラッグ&ドロップでWebサイトを作成 MOONGIFT
かつてはWebサイトを構築する際にオーサリングツールを使うのが当たり前でしたが、最近ではUIフレームワークが出てきたり、CSS3の多機能性によってHTMLを手打ちすることも増えてきました。とはいえ、簡易的な内容であればオーサリングツールを使った方が簡単でしょう。 そこで使ってみたいのがVvverb.jsになります。ドラッグ&ドロップでWeb UIが作成できるソフトウェアです。 Vvverb.jsの使い方 メイン画面です。左側にコンポーネント、中央が編集画面です。 コンポーネントを選ぶと右側にプロパティが出ます。 テンプレートは幾つも用意されています。 デスクトップだけでなく、スマートフォンサイズも確認できます。 Vvverb.jsは多彩なコンポーネントが用意されており、大抵のニーズは満たせるのではないでしょうか。アンケートフォームを作ったり、ユーザベースでページを作る、Webサイトのモック
Googleドキュメントでブログを生成できるサービス「You Don’t Need WordPress」 | Webクリエイターボックス
2018年10月9日 便利ツール 手軽にWebサイトを作成するサービスは多々ありますが、「You Don’t Need WordPress」というWebサービスはGoogleドキュメントと連携させるという、今まであまり見なかった角度から発足したCMS。「WordPressは必要ないよ」という挑戦的なネーミングも気になったので、さっそく試してみました！ 「You Don’t Need WordPress」の使い方 さっそくYou Don’t Need WordPressのページにアクセスし、「Create Your Blog」ボタンからアカウントを作成してみましょう！WebサイトのURLは「https://www.youdontneedwp.com/ユーザー名」となり、ユーザー名がそのままドメインに使われます。 Googleドキュメントと連携させるGoogleアカウントを選択します。 Goo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Public APIs: A Collection of Public and Free APIs for Development
『店のWebサイト、そろそろFacebookはやめてほしい』という意見に同意する人たち「サイトが別にあってSNSもやってる、ってんならまだしもねぇ」「必要な情報すぐ出てこない」 - Togetter
PayPayに登録していないクレカで高額不正利用された被害を訴える声多数…PayPayのセキュリティのザルさを疑う声も - Togetter
