新境地!フィルターを自作できる斬新な参加型カメラアプリ『Filters』アプリ【画像】ずっと見ていたい。Stinger3にレスポンシブデザインを取り入れてみようレスポンシブデザインの魅力ブログデザインの骨格でもあるテーマ。このブログは開設当初からStinger3を使用していますが、Stinger5がリリースされたことで乗り換えようか迷っています。Stinger5の特徴の1つはレスポンシブデザイン。レスポンシブデザインとは、Webデザインの手法の一つで、様々な種類の機器や画面サイズに単一のファイルで対応すること。——e-Words通常は、それぞれのデバイスに最適化するよう複数のHTMLファイルやCSSファイルを用意します。最近ではタブレットやスマートフォンの機種が増えてきたので、それぞれのデバイスに合わせてファイルを容易するのは大変。そこで登場するのがレスポンシブデザイン。ファイル1つに画面サイズ別に記述することで、管理がとても簡単になるのです。Stinger3の場合、CSSは2つあり、モバイルとパソコンで分かれていますが、Stinger5だとCSS1つでまとめられています。スポンサーリンクStinger3にレスポンシブデザインを取り入れてみようレスポンシブデザインはCSSに条件を記載するだけで簡単に採用することができます。Queriesというものが使われています。構造についてはこちらの記事が参考になります。Stinger5カスタマイズ!どこがどのデバイスに対応?「style.css」徹底分析!最新版のStinger5はどのデバイスから見ても見た目が自動で最適化される...記述はシンプル。widthの大きさを指定すると、その記述下の領域のスタイルが適用されます。px)このブログの場合、記事下の人気記事の表示をスマートフォンのサイズ別で調整しています。iPhone4sや5の場合、人気記事は2つ並びになっています。こちらはiPhone6での表示。記事が3つ並ぶように調整しました。記事数3つは変わりませんが、余白ができないよう記事のサムネイルの大きさを大きくしました。smart.cssの表記で、通常のデザインの他以下の2つのコードで調整しています。Plusは414pxなので、それぞれ表示がわかれるようにしました。レイアウトのずれで気になったところは今のところここぐらいなので、今後も主要デバイスに合わせて色々と調整していきたいと思います。ブログで特定のスマホユーザーが多ければ、そちらを優先してデザインレイアウトを考えていくことをおすすめします。ひとこと長期的に考えれば、全部レスポンシブを採用した方がいいんだけど、とりあえず応急処置。2013-03-30Amazon楽天市場OKINOTEからお知らせ沖縄の役立つリンクまとめ始めました。沖縄ファミリーマート初寄稿記事!沖縄の道の駅を取材しました。\(^o^)/300196本日の「ブログ」カテゴリ人気記事!記事タイトル悩んでる?惹きつけるタイトルは雑誌の見出しから学べ!ブログ初心者の執筆効率化に最適!ユーザー辞書よりDASHを導入しよう!Stingerにソースコードを表示する『Highlight.js』を実装しましたSEO的な観点から過去記事の修正はNG?この記事似てるかも?LINE自作スタンプクリエイター向け。2,000円から広告販売始めました。今月で半年を迎えるこのブログ。おかげさまでアクセス数が順調に伸びており、7万PVを突破しました。...記事を読むブログ記事作成が捗る!5万PV達成した僕が使っている無料ツール7つ2014年1月からOKINOTEを始めてそろそろ半年になります。おかげさまで、多くの方々に見てもらえるブログに順調に成長してきました。...記事を読むブログデザイン更新。固定ヘッダー&ドロワーメニューとスライダーを追加!Stinger3に、話題のWordpressテーマ「ハミングバード」のようなスライダーを追加。固定ヘッダーとドロワーメニューも導入しました。どんなデザインになったのか。使ったツールの紹介をします。ブログがある程度落ち着いてきたらレイアウトやデザインを変更するカスタマイズに挑戦したくなりますよね。Images(ゲッティイメージズ)。サイトのイメージをロゴに表現してみました。このブログのタイトルにもなっているOKINOTE(オキノート)。僕が沖縄出身であること、ノートみたい...記事を読むSEO的な観点から過去記事の修正はNG?このブログの運営を始めて半年以上経過し記事も250以上になりました。検索流入が9割を占める当ブログ。月間1...記事を読むブログ開始1年経過。1年間で最も読まれた記事ランキングTOP20!ハイサイ!ショウ(@OKI_NOTE)です。ブログの運営を開始してはや1年が過ぎました。今回は、この1年間で書いた記事の中で閲覧数が高い記事のTOP20を紹介したいと思...記事を読む【2014年】買ってよかったものまとめ2014年はブログを始めた年でもあったのですが、なんだかんだであっという間に過ぎました。当ブログでも紹介した商品もありますが、2014年買ってよかったものを7つ紹介したいと...記事を読むブログはじめました。きっかけはひとつの記事。ENTRY秋夜彩る電照菊。涼しくなってきたこの時期。いかとお過ごしで...予約不要でいちご狩り。南部に「美らイチゴ糸満農園」がオープン!2017年2月15日に開園した新いちご狩りスポットに行ってきました。予...プールに浮かぶ青イルカ。ホテル『ルネッサンスリゾート』のイルミネーション大きく光る「R」のロゴ。ライトアップイベントは、2016年度...海も見渡せる沖縄最北端の花カーニバル『東村つつじ祭り』に行ってきた。ハイサイ!ショウ(@OKI_NOTE)です。ハイサイ!ショウ(@OKI_NOTE)です。...多彩!奇麗で奇妙な色のカクテル10選お洒落で上品なお酒といったらカクテル。味や色が多種多様で楽しま...結婚式写真をネットで閲覧できるサービス『グロリアーレ』はこんな感じハイサイ!ショウ(@OKI_NOTE)です。ハイサイ!ショウ(@OKI_NOTE)...Chromeブラウザ上でサイト内Flashのswfファイルを抽出する方法けっこういろんなサイトでみかけるFlash。気になるサイトの動...管理人について1988年沖縄生まれ沖縄育ち。2014年1月に『OKINOTE』スタート。カメラ』『App』ネタを中心に定期発信中。最近のマイブームは一眼レフ。[随時更新]Amazonでほしい物リストを公開しました。Reserved.∨301096。