スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、菊池 崇氏が解説します。
1: 以下、名無しにかわりましてVIPがお送りします 2014/01/17 09:26:05 ID:/J8+U9+z0 ブログじゃなくて昔風にいうホームページみたいなやつ作るとしたらどうすればいいの? HTMLとCSSだけ何とか使えるけどあとは何もわからん 3: 以下、名無しにかわりましてVIPがお送りします 2014/01/17 09:27:22 ID:HZH2ZaYr0 まず外に出ます 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/17 09:27:58 ID:/J8+U9+z0 >>3 家にいながらにして作れる方法でおなしゃす 6: 以下、名無しにかわりましてVIPがお送りします 2014/01/17 09:28:13 ID:2UlHWhxA0 textにHTML言語打って拡張子を.htmlに変えて保存するだけ 7: 以下、名無しにかわりましてVIPがお送りし
photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは? ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは? 2年程前から流行し始めたレスポンシブWebデザイン。 基本的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基本 レスポンシブWebデザインの基礎 必読!5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです(サーバ側スクリプト
「PCの死」と「平等なウェブ世界の終焉」 ここに書かれているようなウェブ世界の終焉が、近い将来実際にやって来る可能性は十分にあると思った。 ウェブ世界といっているのは、要はウェブブラウザのこと。 10年後、ウェブブラウザというのは時代遅れのアプリケーションになっているかもしれない。 完全に消えはしなくても、現在の RSS リーダーのようなストイックな位置づけになって、HTML リーダーと呼ばれているかもしれない。 ティムバーナーズリーが作った WWW は、HTML、HTTP、URL によって成り立っている。 その三要素のうち、HTML はもう半分ぐらい死んでいる。 ウェブサービスの多くは RESTful な API を持っており、ウェブブラウザやネイティブアプリなど複数種類のクライアントから利用される。これらはサーバーから JSON や XML といった非 HTML データを取得し、パース
キャッシュ制御の方法 サーバサイドからキャッシュを制御するには、以下の2つの方法がある。 HTTPヘッダによる制御 METAタグによる制御 まずは、これらがどのようなものか、軽くおさらいしておく。 ■HTTPヘッダによる制御 HTTPプロトコルでは、HTTPヘッダにさまざまな情報を格納することができる。そのうちいくつかの情報は、キャッシュ制御のためのヘッダである。リクエスト(クライアント→サーバ)用のものと、レスポンス(サーバ→クライアント)用、リクエスト/レスポンス共通のものが存在する。 ■リクエスト用 If-Modified-Since 日時を指定する。指定した日時より新しいコンテンツの場合のみデータを返却するようにサーバに指示する。ローカルキャッシュの最新確認に使用される If-None-Match 指定したエンティティタグに一致しない場合のみコンテンツを返却するようにサーバに指示す
サーバ負荷分散の基本構成と動作 負荷分散装置(ロードバランサ)のニーズは現在も高まる一方です。従来はWebサーバのみを主な対象としていましたが、現在ではルータ#1/アプリケーションサーバ/メールサーバ/SIPサーバ/ファイアウォール/VPNゲートウェイ/ウイルスゲートウェイ/IDSなど、多種多様の機器やプロトコルが負荷分散の対象となっています。それに応じてロードバランサも現在では非常に多機能となっていますが、本連載では、全3回に渡ってアプリケーションベースではなく、ネットワークベースの技術、基本となるパケットフローやサーバヘルスチェック、接続維持などの動作について紹介します。また、パフォーマンス測定についてもお話ししましょう。 #1 ルータはレイヤ3でインターネット回線のマルチホーミングとして機能する(=複数のWAN回線を接続して、同時に通信させることで負荷分散し、必要な帯域を確保するし、
作成:2013/12/24 更新:2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ できること 1.リファレンス スクリプトの書き方/基礎知識 2.スクリプトの記述 3.文字列/特殊文字 4.演算子 5.オブジェクト 6.プロトタイプ 7.イベント 8.変数 9.if文 10.配列 11.連想配列 12.正規表現 13.デバッグ できること 1.リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー&ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ
プログラミングを「本気」で勉強するのに役立つサイト10選とその解説 | 今年はWebディレクターもコードを書こう! 『Webディレクターは、コードを書く必要はない??』 もちろん本業のエンジニアと同等のコードを書く必要はありません。しかし、プログラムの全容や工数を把握し機能の優先順位を付けたり、技術面でエンジニアとのコミュニケーションをする上で、プログラミングを覚えることはプラスになります。 さらに、「こんな実装が出来るなんて凄い!」といった実感を伴った一つ一つのコミュニケーションが、エンジニアからの信頼を獲得する助けになるのです。 どうやってプログラミングを覚えるか? プログラミングは、毎日のちょっとした勉強の積み重ねで学習する事もできます。 今回はスタートアップで働くWebディレクターの方々に向けて、プログラミングを学べるサイトを10連発でまとめました。 このエントリーでは、
ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
いきなりですが、僕のブログはまだまだ記事数も年数も少ないですが、SEO対策の結果はかなりの結果を出しています。僕もそうですが、Wordpressでブログをやる方にとってSEO対策やアフィリエイトはとても関心のある事だと思います。なので、僕なりの手法を手前味噌ながらご紹介致します。 [追記] この記事の続きを書きました。 新しいはてなブックマークの現在とSEOの効果 スポンサーリンク 僕のWordPressのSEO対策の結果 まずは、僕のブログの検索キーワードの結果をお見せ致します。 (2013.04.13現在) 例えば、まず「痩せる」というキーワード。こちらは11,100,000件中5位にいます。 簡単!痩せる方法 ~運動してもやせない理由~ 「iphone カメラ アプリ」だと45,500,000件の中で1位です。 撮って比較!iPhoneおすすめカメラアプリの写真ランキング 他にも「カ
大学のWebサイトといえば、かっちりとした企業サイトみたいなデザインが多いですが、最近はデザインに凝ったおしゃれで動きのある大学サイトも多くなってきました。 今回は、国公立、私立問わず、特におしゃれだと感じた大学サイトをピックアップしてみました。 武蔵野美術大学 [browser-shot url=”http://www.musabi.ac.jp/” width=”550″] 一見、大学のサイトには見えない、クリエイティブで洗練されたデザイン。 数の多いメニューも、上手く配置することによってユーザーにとってわかりやすくなっています。 デジタルハリウッド大学 [browser-shot url=”http://www.dhw.ac.jp/” width=”550″] フラットデザインを取り入れたとても今風なデザイン。 UIも分かりやすく、さすがデジハリという感じです。 京都精華大学 [bro
Web業界の技術革新って日進月歩だと言われるので、棚にある「Web Desigining」の2003年2月号をめくってみた。10年前の業界専門誌には、何が取り上げられているのか。 何が変わったと考えるのか 第1特集は「ブロードバンドでWebは変わったか」。動画配信、Flashによるリッチコンテンツ、Web3Dが取り上げられている。第2特集は「正しいSEOのススメ」。ディレクトリ型検索エンジンからロボット型検索エンジンへの移行、適切なマークアップ、キーワード、検索によるトップページ以外からの流入対策、Webポジショニング。そのほかの連載では、GoLiveを使ったワークフロー、FlashのUIコンポーネント、JavaScriptのクロスブラウザテクニック、など。あと、Mac版Safariのベータ版が提供開始、という記事があった。 取り上げられている技術の中には、今とは扱われ方が異なっているもの
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. SEOを最短で効率的に攻略することを考えた時、WordPressはベストの選択肢の一つだ。 最近では、検索エンジンで上位に表示されているサイトやブログのほとんどがWordPressで作られているほどで、その有効性は、Googleの検索エンジンチームのリーダーとして著名なマット・カッツ氏も認めている。 そこで本日は、SEO効果を極限まで高めるために、WordPressでブログテーマを構築する際に必ず抑えておくべきポイントをご紹介する。 ぜひ、あなたが自社でWordPressブログを構築する時の参考にして欲しい。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く