スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess - WeBridge｜WeBridge
スマホからのアクセスを判別して動作を切り替えるCSS、PHP、Javascript、.htaccess CSSで切り替える デバイスの幅によって動作をきりかえます。下記だと最大幅480pxの場合は「sp.css」を参照します。 <link rel="stylesheet" type="text/css" media="only screen and (max-device-width:480px)" href="./layout/sp.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-device-width:481px)" href="./layout/pc.css" /> PHPで切り替える ユーザーエージェントを判別してPHPで条件分岐します。 <?php $ua=$_SERVER['HTTP_U
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
『スマートフォン向けJavaScriptライブラリchikuwa.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
初心者でも今すぐできる！読まれる文章の書き方12のコツ - 自分を変える、人生を変える！
2013-02-02 初心者でも今すぐできる！読まれる文章の書き方12のコツ 文章術 一昔前と比べて、私たちが文章を書く機会は圧倒的に増えました。 ネットが普及し、個人が「情報発信の場」を持つのが当たり前になったからです。 ブログやmixi、ツイッター、フェイスブックなどをやっていれば、必ず文章を書くことになります。しかし自分の文章がなかなか読まれなかったりうまく伝わらなかったりして、悩んでいる方もいると思います。そこで今回は「読まれる文章の書き方12のコツ」をご紹介したいと思います。 高等技術を省き、できるだけ文章初心者の方でもすぐ使えるようなコツに絞ってまとめました。 1. 「何を伝えたいのか？」を1つに決める 文章には必ず「それを書く目的」があります。 目的をハッキリさせておかないと、途中で「あれ、えーと何が言いたかったんだっけ？」と迷路に迷い込んでしまいます。 そのよう
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
Photoshopをもっともっと好きになる、テキストをかっこよく魅せるチュートリアルのまとめ -2012年版
JavaScriptファイルの中からJavaScriptを呼び出す（import） - 高密度商業地域
JavaScriptファイルの中からJavaScriptを呼び出す、つまり、JavaScriptから別のjsファイルを呼び出したいということです。 例えば、Javaなら import java.util.Vector; またはjspならば、pageディレクティブで <%@ page import="java.util.Vector" %> のように外部ファイル（クラス）をインポートできます。当然、インポートした後はその先にある関数を呼び出すこともできます。 必要な関数だけを読み込むことで余計な処理がなくなり、全ての関数を読み込むことに動作も軽快になります。 これと同じことをJavaScriptでも実現したい、と思ったわけです。 しかし、残念ながら、「JavaScript」から「JavaScript」のインポートする仕組みは、言語仕様上は存在しません。 ただし、そこはJavaScript、不
[HTML5 入門]HTML5の略された49タグの語源全てを調べた
タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ
![[HTML5 入門]HTML5の略された49タグの語源全てを調べた](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
サイト内にクールにビデオやオーディオを設置できる「Yahoo! WebPlayer 」 | Web活メモ帳
米Yahoo! が埋め込み式のメディアプレイヤー Yahoo! WebPlayerを公開しました。かっこ良いのと使い勝手が良さそうだったのとで、いつか使うかもしれないメモ的エントリーです。 このライブラリを使用する事で、mp3へのリンクやYoutube、動画へのリンクがページ内でかっこ良く再生してくれます。 さらにページ内のリンクを自動で拾ってプライリストにしてくれたりもします。 ↑再生してみた様子 対応ブラウザにはIE6も含まれているようですね。 使い方 使い方は簡単で、以下のスクリプトタグを</body>の直前に挿入すればOKです。 <script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script> お手軽ですね:) 興味のある方は下のリンクからどうぞ〜。
|| Dummy Text Generator | Lorem ipsum for webdesigners ||
dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ノンデザイナーのための配色理論