あれはどうだったかな? という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな? CSS FlexboxやGridの挙動がまとめて知りたい、CSSのプロパティの値や対応ブラウザは? Vue.js, React.jsのよく使用するイベントや構文、ブラウザごとのバグやハックはあるのか、がまとめられています。
![Web制作者が備えておきたい最新版チートシートのまとめ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/47626634ccc1432c41d69ed195292660d0e4cea5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018110701.png)
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの?という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元: テクニックではなく、今、本気で取り組むべきWebパフォーマンス (html5jパフォーマンス部 部長 竹洞さん) 心得 パフォーマンス向上に対する施策は大別すると以下の2通り 軽量化 (単純にやりとりするデータ容量を小さくすること) 圧縮 削除 最適化 (その時に最も適している実装・実行をとること) 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
HOME暮らしのこと【F-LIFE SHIFT story vol.15】世界を舞台に活動する映画監督が、福岡を拠点に選んだ「価値」とは。 「F-LIFE SHIFT story」は福岡に移住してきて暮らしや働き方、考え方などをシフトした人たち(先輩移住者)のストーリーを追った特集です。福岡に来て何が変わったのか、これから福岡で暮らしていきたい・変えていきたいという人たちの参考になればと思います。 今回ご紹介する神保慶政さんは、日本のみならず韓国、シンガポール、ケニア、イランなど世界各地を舞台に映画監督として活動しています。2017年には福岡県直方市を舞台にした映画『えんえんと、えんえんと』も手掛けられました。10月某日のインタビュー当日、イランで新作長編の編集作業を終えて帰国したばかりの神保さんに、福岡空港から福岡市内のご自宅に戻る前に直方市に足を運んでいただきました。場所は、彼にとても
借金10億円、倒産まであと半年――創業100年の老舗旅館「陣屋」をたった3年でV字回復させた方法:【特集】Transborder ~デジタル変革の旗手たち~(1/5 ページ) 神奈川県秦野市にある鶴巻温泉。閑静な住宅街の中に、働き方改革の先端を走る老舗旅館「陣屋」がある。業界では珍しい週休3日を実現するなど注目を集めているが、10年前は10億円の借金を抱え、あと半年で倒産というところまで追い詰められていた。 神奈川県秦野市にある鶴巻温泉。熱海や箱根と同じく、都心から1時間程度でアクセスできる小さな温泉郷だ。戦後は首都圏の“奥座敷”として栄えたが、バブル崩壊などを経て、宿泊施設が激減した歴史がある。 この閑静な住宅街に囲まれた土地に、働き方改革の先端を走る老舗旅館がある。創業100年の「元湯 陣屋」だ。将棋のタイトル戦が行われることで有名なこの旅館は、最近では、業界では珍しい週休3日を実現し
古坂大魔王オフィシャルブログ『古坂大魔王のブログンだい魔くん!』powered by アメブロ 古坂大魔王オフィシャルブログ『古坂大魔王のブログンだい魔くん!』powered by アメブロ 奇跡。 その確実な割合は知らないし、きっと定義がない言葉。 でも、人は多分にある考えられない確率に起こる物を通常「奇跡」と呼んでいる気がする。 2018年9月29日…僕はスペインの首都マドリードにいる。 JAPAN WEEKEND MADRIDとこちらの大人気番組「LATE MOTIV」にピコ太郎が呼んでもらえたのである。 僕はいつもの通りプロデューサーとして帯同していた。 無論、ここにそんな数年前では考えられない、1つのどでかい「奇跡」があるのは否定しようがない。しかし、今回はそこには触れずに書きたい事があるのです。 今年、4月… 一人の可愛らしい三歳の女の子と出会いました。 名前は「あいり」ちゃん
こんにちは、坂本です。 今回のテーマは「脱・二重価格」。 楽天日本一セールにおける二重価格問題に端を発して、EC業界がザワザワしてます。このシュークリーム高いよねハハ、っていう話ではありません。 本件は、今後のECの行方を考えるにあたり、非常に示唆に富む出来事だとも考えています。ちょっと時間経っちゃいましたが、大事なことなので記事化しました。誰かを悪者にして済ませるのではなく、深掘りして考えることに意義があるはず。まずは現状の整理から。 11/19追記:楽天の法律担当の方から、本記事について「ここ間違っているよ」ということで、幾つか丁寧にご指摘を頂きました。訂正箇所には取り消し線を引いています。お詫びして訂正致します。 ※EC関係じゃない読者さんも多いので、比較的基本的なことも説明しています。 ※二重価格やってない方にとっては対岸の火事だと思いますが、役立つ話もあるので最後までお付き合い下
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
福島市の巨大モニュメントにネットで批判「科学的にあり得ぬ」「新たな風評引き起こす」制作者謝罪、市と扱い協議 福島市に恒久展示された巨大モニュメントにインターネット上で批判が噴出し、制作者が謝罪文を掲載する事態となったことが11日、分かった。問題視されたのは作品の胸にあるデジタル表示「000」。放射線量を計測する線量計を模したが、「科学的にあり得ない」などと指摘された。 作品は、東京電力福島第1原発事故に着想を得た現代アート。寄贈を受けた福島市の木幡浩市長はツイッターで「現代アートは科学とは異なり抽象化して表現します」などとつぶやきを重ねて理解を求めている。 モニュメントは高さ6.2メートルの「サン・チャイルド」。ヘルメットを外した防護服姿の子どもの像で、放射線不安が解消された様子を表現している。 現代美術作家ヤノベケンジさんが2011年10月に初公開した。今月からJR福島駅近くの教育文化複
Sorry, JavaScript is required to view Global Stats charts.
Webデザインは1年単位で流行が変わるため、常に最新のトレンドにキャッチアップし続けなければなりません。デザインの流行は技術やデバイスの進化や環境の変化が影響することも多く、ユーザビリティやUI/UXの観点からも最新のデザインを取り入れることはとても大切なことです。 今回は、2018年に流行するであろうWebデザインについて参考になるサイトと合わせてご紹介していきたいと思います。 2019年のWebデザイントレンドに関する記事を公開しました。最新情報を知りたい方はこちらをご覧ください。 2019年に流行するWebデザインの最新トレンド18個まとめ そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか... Web Design Trends 1
2017年6月23日にGoogleマイビジネスに「投稿」機能が追加されましたね!お客様から「どのように活用したらいいの?」というお声が多かったので、投稿機能の活用方法と投稿方法をご紹介します。 目次 (1)Googleマイビジネスの「投稿」機能でできることは? ・「投稿」の表示はGoogleの検索結果画面 ・Googleマイビジネス投稿のメリット (2)「投稿」機能について ・「投稿」は1週間以内の投稿内容のみ ・「投稿」の表示方法は2種類 ・「投稿」の種類は5つ ・日付を限定することができるイベント機能 ・「投稿」が表示されるのは社名・店舗名検索のときだけ (3)Googleマイビジネスの投稿方法・使い方 Googleマイビジネスの「投稿」機能でできることは? Googleでは下記のように紹介されています。 Google マイビジネスの「投稿」機能では、自社のイベント、商品、サービスなど
洗練されたお仏壇 まつおが誇る、匠自慢のこだわりの逸品 歴史を感じさせる装飾と型。金表紙が荘厳な雰囲気を醸しだします。価格を抑えた、収納面にも優れたお仏壇です。 通常価格 \189,000
この記事について 「GoogleAnalyticsの設定、どうしたらいいんだっけ...」と迷ったときのためのレファレンスです。 新規のサイトを立ち上げる時・GAの再設計がしたくなった時に参照してください。 のちのちアクセス解析しつつ改善していくために、できるだけ汎用的にデータを拾っておく 可能な限り、非コーダーができる作業で完結させる というのをテーマにまとめました。 STEP 0: GTM・GAのアカウントを取得 Googleのアカウントがあれば、驚くほど簡単に取得できます。 GoogleAnalyticsのアカウントを作る GoogleTagManagerのアカウントを作る 基本的には、GoogleTagManager(以下、GTM)経由でGoogleAnalytics(以下、GA)を導入します。GTMの使い勝手がよいのはもちろん、GAをカスタマイズしたくなったときに、コーダーの手を借
ウェブサイトやアプリの開発を行っている場合、ユーザーと直接連絡が取れると製品のフィードバックに役立ちますが、同時に心無い中傷に担当者がストレスを受けてしまう可能性もあります。ウェブサービスの運営者がカスタマーサポートの写真と名前を「女性」「男性」「ブロンド美女」「猫のキャラクター」にすることで、届くメッセージにどのような変化が見られるかを実験しており、写真1つでストレスを格段に減らせる可能性が示されています。 Why I don't use my real photo when messaging with customers on my website · Kapwing Blog https://www.kapwing.com/blog/why-i-dont-use-my-real-photo/ オンライン・ムービー編集ツール「Kapwing」の開発者で創業者の1人である24歳の女性・
僕のことを直接しっている人にはよく知られた話ですが、僕はなかなかどうして話すのがヘタでして、コミュニケーションをとるのが得意ではないのですね。 特に、大人数の前だとすごい緊張しちゃうので、落ち着いて話すこともできません。心臓がバクバクいい、足が震えます。10人以上いる会議で発言とかかなりキツイです。 で、そんな僕なんですが、プレゼンをしなさい、となる時もたまにあって、そういう時、結構困るのですね。どうしたらいいんだと。 しかし、何回か回を重ねていくことで、話す技術を向上することはできなくても、表面的なテクニックでなんとかカバーすることは出来るな、と思ってきました。ハウツーですね。僕はハウツーが好きなんです。 そのあたりのテクニックをたまに後輩に教えたりするのですが、ブログにまとまっているほうがいいかなと思ったので、紹介します。 ---✂--- 「遊び半分の起業のすすめ」 最近、こんな感じ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く