-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
[Google調べ] 入力フォームの最適化のために必須な4つの設定
[対象: 全員] Google Research Blogがユーザーテストに基づいてまとめたレポートから、入力フォームの完了にもっとも大きな影響を与えた設定をこの記事では紹介します。 次の4つの設定になります。 入力条件を事前に指示する エラーメッセージをフィールドの横に配置する 必須の項目と任意の項目を区別しやすくする ラベルをフィールドの上に配置する 順に説明します。 入力条件を事前に指示する 入力条件（たとえば、パスワードの最低文字数）は、フォームを送信する前にフォームのなかで指示します。 このガイドラインの適用は、フォームの完了と被験者の評価に大きなプラスの影響を与えました。また、被験者のコメントにも（前もって指示してもらった方がいいと）頻繁に現れました。 エラーメッセージをフィールドの横に配置する ユーザーがすぐに訂正できるように、エラーメッセージは入力フィールドの隣に配置します
![[Google調べ] 入力フォームの最適化のために必須な4つの設定](https://cdn-ak-scissors.b.st-hatena.com/image/square/f00f4804fe59acd36d8e9d02e50d10db7dc9a119/height=288;version=1;width=512/https%3A%2F%2Fwww.suzukikenichi.com%2Fblog%2Fwp-content%2Fuploads%2Fsplash_1200_675.png)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
えもふり - E-mote Free Movie Maker
皆の2DキャラクターをTwitter、pixiv、GIFMAGAZINEとかでぬるぬる動かしちゃおう！WebGL、ティラノスクリプト、Unityや宴にも対応！ えもふりって？ E-mote Free Movie Maker(以下えもふり)は、 絵師さんの「もっと簡単にキャラクターを動かしたい！」 動画制作者さんの「設定なんて面倒なことしたくない！3秒で動かしたい！」 っていう、皆からの強い要望にお応えするために 『E-moteよりも簡単に、楽しく、ぬるぬる動くキャラクターを作る』 ことを目的として開発された、新しい形のE-moteだよ！ ・えもふりSDKは、無保証です。個人および同人目的の利用に限り、法人の商用利用はお断りします。 ・えもふりSDKには、キャラ表示の前にE-moteロゴを再生しないといけない制限があります（ロゴを再生するまでキャラが常にモノクロ表示されます）。 何ができるの
Miro Video Converter FREE - Convert any video to MP4, WebM (vp8), iPhone, Android, iPod, iPad, and more.
From the creators of Miro, a wonderful video player and downloader Try Miro! (also free and open) Finally! A beautiful, simple way to convert almost any video to MP4, WebM (vp8), Ogg Theora, or for Android, iPhone, and iPad. Batch conversion, custom sizing, and more! 100% Free and open-source. Download Download Download Mac Version 3.0 - Linux Source or Download for Windows - Windows Version 3
html5mediaでIE6,7,8でもHTML5で動画再生 – CamCam
これまでPCサイトでの動画再生といえばFLVが主流。 がしかし、iPhone iPadではFlash非対応で再生できない。ジョブズも時代はHTML5だと頑なにFlashを拒否してたのは周知の通り。 そんなこんなで時代の流れは脱Flashへと向かう中、アタクシ自身もかなり以前からFlash嫌いだったこともあって、Webでの動画再生はHTML5でやりたい。 そうなると次なる問題は、Flash以上にいかんともしがたい IE6,7,8 HTML5をまったく理解しないアホブラウザどもだ。 IEを抹殺しない限り地球に平和は訪れないとすら思える。 しかし時代はあっさりこの問題もクリアしてしまった。 html5media HTML5 video and audio tags in all major browsers これで、IE6-8でも問題なくHTML5のvideoタグを使って動画を再生できる。 ダウ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML アイテム数は、適当に変更して構いません。 <ul class="flex-container"> <li class="flex-item">1</li> <li class="flex-item">2</li> <li class="flex-item">3</li> <li class="flex-item">4</li> <li class="flex-item">5</li> <li cla
Macを買ったら絶ッッッ対すぐに使って欲しい５つアプリとTIPS。全部無料 - あなたのスイッチを押すブログ
Macを買ったら真っ先にインストールして欲しいアプリと、一番に覚えて欲しい操作方法があります。これらは、作業効率を少なくとも１０倍以上（勝手な経験則）にしてくれるものばかりなのです。 何故このような物をまとめたかというと、最近私の周りでMacを使い始めた方が増えたためです。その方々に漏れなくオススメしているものなので、きっとあなたにも喜んでもらえると思います。 Macを触り始めてすぐは、操作や仕様に慣れるまでに少し時間がかかるかもしれません。ですが、それに慣れるよりも先に、今日ご紹介するものを使ってみてください。 必ず、Macでの使い勝手が数倍は良くなりますので、ぜひっ！ XtraFinder アプリ「XtraFinder」は、Finderにタブを付けられるアプリなのです。ちなみに無料。 Mac内のファイルは「Finder」というアプリから閲覧・管理できます。ただ、複数のフォルダを開くため
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
たった1記事で8万人に読まれる文章を書けるようになるライティング術
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBマーケティングにおいて、ライティングの技術は必要不可欠だ。 決して大げさではなく、サイトやブログにどれだけ集客出来るかも、ランディングページからどれぐらいの売上をあげられるかも、メールマガジンを使って見込み客をリピート客まで育てられるかどうかまで全てライティングにかかっている。 そこで、本日は、特にブログやサイトに効果的な「読まれる文章」を書くためのライティングの技術を詳しくご紹介する。 この通りに試して頂ければ、下図のように、多くの読者に読んでもらえる記事を書くことができるようになる。 ぜひ、じっくりご覧頂いて、実践してみて欲しい。 WEBで読まれるライティングの基本構成とは？雑誌や書籍などの紙メディアとブログやサイトなどのWEB
マーケ担当なら必ず抑えておくべきコピーライティングの７つの基本
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. コピーライティングは、ビジネス上でもっとも重要なスキルの一つだ。 それ一つで、アクセス数が何十倍、何百倍と変わってくるし、商品やサービスの売上も変わってくる。 そこで本日は、効果的なコピーライティングの７つの基本をしっかりと抑えることで、WEBメディアやWEBサイトの運営に役立てて頂きたい。 １.コピーライティングの目的とは ブログでもメールマガジンでも、セールスレターでも、あなたは文章の一文字一文字に目的を込めて書いているだろうか？全米で最も有名なコピーライターの一人、ジョー・シュガーマンはこのように言っている。 「コピーライティングの目的は、最初の文章を読んでもらうことだ。そして、最初の文章の目的は、次の文章を読んでもらうことだ。そう
簡単！被写体から笑顔を引き出す撮影テクニック10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGのカメラ担当のゴウです。 昔からカメラが趣味でずっと人を中心に撮ってきたのですが、撮影をする際の「笑顔の引き出し方」に関してのノウハウを今回お伝えしたいと思います。 が、その前にひとつ、フォトコンテストの紹介をさせてください。 ベストスマイル・オブ・ザ・イヤー！ 日本歯科医師会が主催する、ベストスマイル・オブ・ザ・イヤーというフォトコンテスト。「とびきりの笑顔」というテーマで1993年から行われています。 今回、そのコンテストをLIGブログで紹介して欲しいというリクエストをいただいたので、紹介したいと思います。そうです、ステマというやつですね。 ベストスマイル・オブ・ザ・イヤー2013の公式サイトはこちら (・∀・) ｽﾃﾏ ﾊ ｺｺﾏﾃﾞ! はい！ という訳で、今回の記事ではカメラのテクニックというよりは、「笑顔をどう引き出すか」という所にフォーカスしてまとめてみました
【iPhone 5s/5c】LINEデータ消失の危険も!乗り換えユーザー必見、機種変前にやるべきことまとめ - ウレぴあ総研
「iPhone 5s」、「iPhone 5c」、そして「iOS 7」。Appleから新発表がありましたね。今回は、iPhone 5s／5cを購入予定、機種変予定の方向けに、スムーズに環境移行するための下準備をいくつかご紹介していきましょう。 iPhone 5s、iPhone 5c、そしてiOS 7。Appleから新しいこと尽くめの発表がありましたね。デザインこそ大きな変更は無いようですが、「ゴールド」などの新色も追加されました。 発売に向けて、いまから胸をふくらませている人も多いのではないでしょうか。 ここではiPhone 5s／5cをゲットした時にスムーズ＆快適に利用するための下準備をいくつかご紹介していきましょう。 アプリのバックアップや引き継ぎ手順を確認しておこう！ 特にLINEは一手間必要！ 機種変によってアプリは入れなおしになってしまうこともあります。SNS系やトーク系のアプリは
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
メインビジュアルを自動でゆっくりスライドさせて流す方法① | スターフィールド株式会社
最近いろんなwebサイトをチェックしていると、メインビジュアルが横にゆっくり自動で流れているものを 見かけることがあります。 気になったので、実際に試してみました。 DEMO 実装は難しくありません！ 背景画像を1pxずつずらしていくといった感じになっております。 javascript $(function(){ setInterval("bgslide()", 50); }); var current = 0; function bgslide(){ current -= 1; $('.head_wrap').css("background-position", current+"px 50px"); }
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高級感のある配色やデザインを作るコツまとめ
https://css3gen.com/box-shadow/
WordPressテンプレートタグ チートシート
http://www.hp-stylelink.com/news/2013/10/20131001.php
