サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
【本店Ⅱ1F】 Synology製NAS用拡張ユニットDX517が入荷しています! DX517 税込77,500円 Synology製NASのDS923+やDS723+、DS1522+等の上位モデルに5台のドライブベイを追加出来ます。 【本店Ⅱ2F】 2月12日まで、#VIVEXRElite に三連休価格実施中 合せて話題のこちらの商品 各種ご用意あります HTC 製 『VIVEトラッカー(Ultimate)』 税込31,000円 『VIVEワイヤレスドングル』 税込6,100円 『VIVEトラッカー(Ultimate) 3+1 キット』 税込91,900円 対応 #VR 機合せ、ご検討下さい
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 携帯電話に搭載されている固有IDが波紋を呼んでいる。 問題の発端は、NTTドコモが開発者向けに開示した情報だった。公開されたのは、同社のスマートフォン向けコンテンツ開発に関する情報で、ドコモがスマートフォンにプリインストールする「メディアプレイヤー」アプリが、動画を再生する際にIMEIと呼ばれる端末一意の固有IDを送信する、というものだった。 この記述自体はその後、マイクロソフトの「PlayReady」と呼ばれるDRMを使った動画の再生時に「ライセンスが確認できない場合」のみ送信され、1回ごとにユーザーに送信の可否を問うダイアログが出る仕組みであると説明が追記(修正)され、問題自体は終息している。 しかし、これをきっかけに、スマートフォ
前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど>< さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPad、iPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
iPhoneのWebクリップという機能を使ってホームにアイコンを表示することができます。 PCでいうファビコン(favicon)のようなもの、と考えて良いです。 このWebクリップを使うと、 サイト側でアイコンの指定をしていない場合、サイトのトップ部分を画面キャプチャしたアイコンが自動で作成されます。 ま、自動で作成してくれるのはそれはそれでいいのですが、 やはりアイコン画像くらい用意しておきたい所です。 さて、このアイコンの指定方法についてですがあちこちで情報が氾濫していて 正しい情報と間違った情報が普通に溢れかえっているのでここで整理しておきます。 まず、iPhone用に必要になってくる画像のサイズは57x57ピクセルのpng画像。 128だとか256だとか512とか必要ありません。 というかサイズが大きいと無駄なトラフィックが発生するだけなのでやめましょう。 ただ、サイズが違った場合
禁煙してから3ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきました。 ちょうどスマートフォンのデザインとコーディングのお仕事が進行中でしたので、とても参考になりました。現在セミナー内容を振り返り学習中です。 それとCSS Nite関連ですと、何やら CSS Nite LP14 にて弊社メンバーが登壇するとかしないとか。 スマートフォンコーディングでは、CSS3で角丸やらグラデーションが使えるので画像の使用頻度は少なくなります。ボタンまわりについてもCSSのみで実装する機会が多いです。 フォームのsubmitボタンをCSSのみで表現する際には、ちょっとクセがありましたので 解決方法をご紹介します。 検索するsubmitボタンを、以下のようなデザインをCSSのみで実装することにします。 まずは簡単に横幅と背景色・角丸をCSSで設定してみます
iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
現在動いているシステムやテンプレートを触り、重要度の小さな「iPhone対応サイト」を作るなんてナンセンスです。 (私個人的には重要度MAXですけど、、、) それでもiPhone対応はしたいものです。 そこで!CSSのみでiPhone対応する方法をご紹介いたします。 この方法ですと、システムによる不具合発生を最小限に抑える事ができるので、かなり有効な手段だと思います。 実際の方法は「Read more」 作業時間 私の場合、tableで困ったりしたので2時間強でした。 iPhone設定 ページ内に下記のように追記してください。 オススメは、全てのCSS読み込み後がよろしいかと思います。 <link media="only screen and (max-device-width:480px)" href="/css/******.css" type="text/css" re
Ajaxian で Wot no magnifying glass? - Ajaxian という記事があった。 HTML はそれなりにかじってるつもりだけど、以下のmetaタグが何を意味するのかが分からなかったので調べてみた。 <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> Travellers Tales : iPhone 用 Web ページおよびアプリケーションの作り方 - iPhone Development Guidelines を読むによると以下の通り。 以下は viewport meta tag の属性です。すべてを設定する必要はありません。 width:デフォルトの幅は 980、範囲は [200, 10,000] heigh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く