FirefoxのレスポンシブデザインビューでRWDの見え方を簡単チェック
[対象: 中級] この記事では、さまざまなサイズのディスプレイでレスポンシブ・ウェブデザインがどのように見えるかを簡単に確認できるツールを紹介します。 ツールといっても特別なものは必要ありません。 SEOに取り組むあなたなら必ずインストールしてあるはずのFirefoxを使うだけです。 Firefoxの一機能である「レスポンシブデザインビュー」を利用します。 特別な設定やアドオンのインストールは不要です。 「ツール」―「Web開発」―「レスポンシブデザインビュー」で開始できます（Windowsは若干異なるかと思いますが、見つけられますよね）。 ウィンドウ（タブ）のなかに、そのページが独立したビューで表示されます。 四角形のビューの右・下・右下にカーソルを合わせてサイズを自由に変更できます。 プリセットであらかじめ作成されているサイズを選ぶこともできます。 プリセットの隣にある矢印アイコンは、
最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills
ヘッダやフッタ、ナビゲーション、タブ、アコーディオン、カードコンテンツ、モーダル、パンくず、オーバーレイコンテンツなど、最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集を紹介します。
iPhoneでSafari、でもPCはChromeという人へ：メニューバーからデバイスごとのiCloudタブを表示できる『CloudyTabs』 | ライフハッカー・ジャパン
Mac：あなたがiPhoneもしくはiPadユーザーであれば、iCloudがコンピューター間で全てのSafariを同期してくれる便利さを知っているでしょう。しかし残念なことに、MacでSafariを使わない場合はiCloudはそれほど便利でもありません。 『CloudyTabs』なら、メニューバーに留まり、異なったデバイスで開いている全てのタブを表示してくれます。タブの一つをクリックすれば、Mac上のいつも使うブラウザで開くことができるのです。 一旦CloudyTabsがインストールされると、iCloudを用いて開いている全てのデバイス上のタブリストが表示されます。そのうちの一つをクリックすると、全ての規定ブラウザ上でそれが開きます。 これは携帯デバイスでSafariを使用している場合や、デスクトップ上でChromeまたはFirefoxを使う場合に大変便利です。Chromeは長年この機能を
iOS開発者にためになる大ヒットアプリ開発社のインタビュー記事6選 - showrtpath - iOSブラウザ開発日記
2013-12-24 iOS開発者にためになる大ヒットアプリ開発社のインタビュー記事6選 iOSの大ヒットアプリは開発者のアイデアや思想、テクニックなどで成り立っています。今回まとめたのは、その一部分が感じられる開発者のインタビューです。これらのインタビューから大ヒットアプリのヒントをつかめるかもしれません。 Pocketの注目新機能「ハイライト」秘話：アイデア誕生からローンチまで2年を要した理由とは？ : ライフハッカー［日本版］ 『Mailbox』のつくりかた：最強のGmailアプリを生んだ、試行錯誤の舞台裏 : ライフハッカー［日本版］ 『CARROT』のつくりかた：作家志望の私は如何にしてプログラミングを覚えてアプリを生み出したか : ライフハッカー［日本版］ ユニクロ「スマホアプリも世界展開」でシステム再構築、その全容がすごい【ファーストリテイリング×ゆめみ座談会】 - エンジニ
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
CSSとJavaScriptで実装するタブ型インターフェイス37選 -noupe | コリス
noupeのエントリー「37+ Great Ajax, CSS Tab-Based Interfaces」から、CSSとJavaScriptで実装するタブ型インターフェイス37選の紹介です。 37+ Great Ajax, CSS Tab-Based Interfaces 自動で切り替わるタブ型インターフェイス Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) スライド式のタブ型インターフェイス Sliding Tabs Coda-Slider Perspective Tabs AJAXを使用したタブ型インターフェイス Ajax Tabs Content Script (v 2.1) 閉じることも可能なタブ型インターフェイス Tab Panels Close
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
