サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
PC向けに用意していた既存のフォームをそのままに表示すると、画面サイズや操作方法の違いから 「入力欄が小さい」「手で画面拡大しなければならない」「設問が確認出来ない」等、様々な問題が起こります。 起こりがちなフォームのトラブル事例とともにユーザビリティのポイントをご紹介します。
スマートフォンでサイトをにょごにょ見ててスマホ向けに最適化されていないサイトでもまあ我慢して見れるんだけど、 ちょっと問い合わせてみるか！って思った時にスマートフォンでPCサイトのフォームを見て激しく萎えた。。。 こんな経験したことありませんか？ 拡大すりゃいーじゃんっていう意見もありますが、1ユーザーとしては実際非常に面倒だ。 だってスマホでPCのフォーム見たらこんなだもの。 うーん、これは確かに入力する気が萎えません？ 絶対にこっち↓↓の方が入力し易いっぽい。 で、自社のサイト用にいちいちフォームを作るのも面倒だったんで、エンジニアのスタッフにスマホ用のフォーム作るASP作ってってお願いして出来たのがさぶみっと！フォーム for smartphoneってサービス。 フォームの作り方は至ってシンプル。特に知識無くてもOK! まず、テンプレートと基本色を選びます。 それからフォームに入力し
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか？ 今回は、弊社コンサルタントの自主調査から、スマートフォン端末（特にiPhone）でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】＜推奨＞入力例を入力ボックスの上または下に配置する項目名（ラベル）を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
齋藤精一氏 rhizomatiks（ライゾマティクス）の齋藤と申します。僕はもともと大学と大学院で建築を学んでいて、卒業後広告代理店でCMのディレクションやモーターショーのブースのデザイン等を行なっていました。アーティストとしての活動も始めましたが、ご存知のとおりアートをやっていても食べれるわけでもなく、お金をかせぎながら美術を作る方向を探っていって、それがのちのrhizomatiksになっています。 rhizomatiksは2007年に設立したWebや映像制作などの会社ですが、もともとアーティストが集まって作った会社です。ですので、新しいことに挑戦していく「アート」と、その商品をどう売るかという問題を解決する「コマーシャル」を対等に見ています。ただ、今の時代はアートもコマーシャルも「実験的」であるべきだと僕は思っています。特に今回の「Intel The Museum of Me」のプロジ
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
This Domain is NOT Suspended Anymore This domain has all already been restored and not Suspended anymore. If you are the registrant of the domain please update your nameservers so it resolves to your site. Este Dominio Ya NO Esta Suspendido Este dominio ya fue restaurado y no está suspendido. Si usted es el titular por favor actualice los nameservers para que resuelva a su página.
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
弊社のSEOサービスでも、スマートフォン（アンドロイド、iPhoneなど）でSEOをしたいという声があったりするので、今回は、スマートフォンのSEO情報をまとめてみました。 「スマートフォン対応サイトを設計するときのノウハウ」 URL:http://ascii.jp/elem/000/000/547/547283/ よくスマートフォン対応サイトでよく間違われるのが、「スマートフォン対応サイト」だからといって、スマートフォン対応のクローラーが巡回してくるわけではないです。モバイル（au,ドコモ,ソフトバンク）の場合はモバイル用クローラーが巡回していきますが。 なので、上記のサイトにも書かれているように、 PCサイトの検索結果が表示されます。現状では「スマートフォンサイト」という特別な分類はなく、PCサイトと扱いは同じです。 また、 同一のURLでPCとスマートフォンとで振り分けて表示するサイ
Webサイトの制作は、一般的にサイト設計／構造設計→画面設計→デザイン制作→HTML/CSS制作→JavaScript開発といった手順で進めます。 スマートフォンサイトの場合も基本的な手順は同様で、各設計工程を経て制作していきますが、PCとも携帯電話とも違うスマートフォンの場合、サイト設計段階でも注意すべき点が多くあります。今回は、スマートフォンサイトを設計する際のポイントを解説します。 スマートフォンサイトの構造設計 「構造設計」とは、Webサイト全体の各ページのつながりを考え、いわゆる「サイトマップ」を作成する作業です。 トップページから連なるWebサイトにおいて、利用者に見てもらいたい情報を探しやすく整理し、Webサイトの目的に応じた「ゴール」への誘導を考えます。 入口は検索エンジン対策（SEO）重視で考える 一般的な携帯電話ではカメラ機能と2次元バーコード（QRコード）が普及してい
Ich schreibe hier über interessante Ansätze zur Mitarbeiterführung, Mitarbeiterbindung und über die Situation als Führungskraft allgemein. In einer Ära, in der agile Arbeitsmethoden und Mitarbeiterautonomie an Bedeutung gewinnen, ist ein Umdenken in der Führungsphilosophie unumgänglich. Moderne Führungskräfte stehen vor der Herausforderung, das Gleichgewicht zwischen Lenkung und Freiraum für ihre
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
