あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな？ CSS FlexboxやGridの挙動がまとめて知りたい、CSSのプロパティの値や対応ブラウザは？ Vue.js, React.jsのよく使用するイベントや構文、ブラウザごとのバグやハックはあるのか、がまとめられています。
新しい iPhone もやってきたことですし、開封の儀式スタジオも新しくなったので、さっそく張り切って開封していきましょー(｣°ﾛ°)｣レビューレビューん！ さて。 新しい iPhone が来たらまずは何を買います？ …そうですね。やっぱ液晶保護フィルムでしょうか。 ふむふむ。 ということで巷で流行っていた『ガラス』フィルムを買ってみることにしました。 わかめちゃんオススメのこちらをﾎﾟﾁｯφ(｀д´) これかなり流行ってたからな。 ずっと使ってみたかったんだ。(○´―`)ゞ｡o ○ 今回選んだのは、0.2mmの極薄ガラスフィルム。 しかもラウンドエッジときてるので、きっと触り心地もいいに違いない。 3,675円 って、液晶保護フィルムにしてはかなり高いけど、評判良さそうだったので、思い切って買ってみました。 届くのを心待ちにしていたら、数日経ってついにやってきましたよ。 いよいよ運命の開
Webサイトの待ち時間の80％はフロントエンドの処理によるもの なんて言われるとドキっとしちゃいます。どんな素敵にデザインして綺麗にコーディングしても、ページが重くてイライラしてるユーザーがいたら台無しです。なのでスマホ向けサイトのデザインに入る段階から、高速化・軽量化を意識するために、いくつか項目をメモしておきます。 デザインの段階から軽量化を意識する 画像を極力使わないで魅せる努力をする 当たり前ですが、画像を使えば使うだけレスポンスは遅くなります。背景画像にドデーンと写真を使ったり、見出しを使うたびに大きなアイコンを入れるなど、わざわざページを重くさせるようなデザインにする必要はありません。 多少シンプルになったとしても、色のメリハリ・1pxの線などでカバーしましょう。テキストも可能な限り画像にせず、デフォルト文字にするべきです。Webデザイナーの腕の見せ所ですね。 HTML5+C
ドラッグアンドドロップで簡単にファイル共有できるサービスとしてスタートした「minus」が、ここ最近恐ろしいほどパワーアップしているらしいので使ってみました。（参考記事：マルチプラットフォームで最大50GB無料！「Minus」が断然素敵な13の理由） 記事によると 「いきなり10GBが無料」「ファイルサイズ上限2GB」「TwitterやPinterestのようにフォロー機能がある」「URLを入力することでウェブキャプチャー(いわゆる魚拓)に使える」などなど、かなり凄そうです。 早速試してみました。英語版サービスなので、使い方を解説しながら進めていきます。 まず「minusサイト http://minus.com/」にいきます。 ▶おまけ 10GB+1GBでスタートする方法 下記の紹介用リンクからminus登録することで、お互いに+1GBされます。ぜひお使いください。※ブラウザか
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
