スマホサイトを、Dreamweaver CS5.5についているPhoneGapを使ってネイティブアプリ化してみた | Tips | ナナホシブログ - 秋葉（とみた）ちひろ
母が絵本作家の勉強をしていて、グループ展をやるというので、自分の勉強も兼ねてスマホサイトを作ってみました！ zero art 絵本｜あんとみ＠ゼロアーティスト 絵本の中ではページごとにフリックのスライドをしてみたかったので、 jQueryのライブラリをいろいろ調べたのですが、次の理由でPhotoSwipeを使いました。 Photoswipeを使った理由 あらかじめついているヘッダー（キャプション部分）や、フッター（閉じる／前へ／次へ）がクール。 各デバイスに応じて、画面の最大の大きさにフィットしてくれる。 iPadでもフリックして見れたらいいなと思っていたので、画面の最大の大きさにフィットしてくれるのはとてもうれしい。 スマホサイトはさくっとできてしまった。 じゃあせっかくなのでこれをPhoneGapを使ってそのままパッケージングしてみたらどうなる？ということでやってみました。 Dream
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
自律訓練法をやってみよう
ゆったり落ち着けるところで、自律訓練法をやってみよう。 慣れてくると、ちょっとした仕事の合間や電車のなかでもできるようになります。 自律訓練法はもっともよく知られるリラクセーション法の1つ。 1932年にドイツの精神医学者Ｊ・Ｈ・シュルツ教授が始めました。 心療内科や精神科などでも使われる一種の自己催眠法で、わずか数分で 全身をリラックスさせることができ、心身の疲れがすっきりとれます。 慣れてくると、誰でも・いつでも・どこででもできるようになるので、是非チャレンジしてください。 「準備と姿勢」ができたら、「６つの公式」にチャレンジしましょう。 最初は「第２公式」までで十分です。 最後に「消去動作」をして、気分スッキリ。
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
Android エミュレータでサイト制作
Android エミュレータでサイト制作 AndroidではWindows、Mac OS X 、Linuxで利用できる Android SDK が公開されており、SDKに含まれるAndroid エミュレータを利用することで効率よくサイト作成を行うことができます。 ダウンロードとインストール Android SDKからSDKファイルをダウンロードしてインストールを行います(今回はWindowsの「installer_r09-windows.exe」を利用します)。ダウンロード後はウィザードにそってインストールを進めます。(JDK（Java SE Development Kit ）がインストールされていない場合は、事前にJDKをインストールする必要があります。) インストール後に「Android SDK and AVD Manager」が立ち上がり、パッケージにインストールが求められるので「I
スマートフォンで積極的に使いたい4つのCSS3｜クロノドライブ
CSS3は通常のWebサイトでは、IE6～8が高いシェアを持っているため現状ではあまり使われません。 しかし、iPhoneとAndroidのブラウザはwebkitという同じHTMLレンダリングエンジンが使われているため、古いブラウザを気にせずCSS3(*1)を使うことが出来ます（IEを気にせずコーディング出来るなんてちょっとうれしいですね！）。 ということで、スマートフォンで積極的に使っていきたいCSS3を紹介します。 *1…すべてのCSS3プロパティが使えるわけではありません。 ボーダーの角丸を指定する border-radiusプロパティを使うことで簡単に角丸を作ることが出来ます。 4つ角の半径を一度に指定するショートハンド
MdN Design｜総合情報サイト
スマートフォンと違い、iPadなどのタブレットに最適化された表示を行っているサイトはまだまだ少ない。 そこで今回は、LESSON 13同様、別HTMLを用意せず、同じHTMLにJavaScriptとCSSを使用して、タブレットタイプ用に表示を最適化させる。 タブレット用にするからといって特別にHTMLの作り方を変える必要はなく、正しくマークアップできていれば基本的に問題ない。 ただ、あまりにも無駄に多い入れ子構造や、レイアウトは避けたほうがよい。あくまでも(X)HTML/CSSを意識して作ろう。 今回はタブレットにも使用されるので、HTML5やCSS3を駆使してPC用も作ってよいが、IEなどの未対応ブラウザへの対応が発生するので注意が必要だ。 【1】のような、ブログ形式のPCページ構成をベースに構築していく。 使用するCSSは ・PC用CSS（デフォルト） ・スマートフォン用CSS ・タブ
スマートフォンコーディング : ノウハウコラム ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
iPhoneブラウザの特徴の一つとして、画面を左右に90度傾けると画面の中もそれに合わせて回転する機能があります。 そのため、画面幅に合わせて伸縮するリキッドレイアウトとしてデザイン・コーディングしますが、中にはそれだけでは難しいものもあります。 そこで、傾きに合わせてbodyのclassを切り替えるjqueryのjavascriptを紹介します。 サンプル サンプル ※iPhoneで見てみてください。 ダウンロード tilt.zip 使い方 ダウンロードしたtilt.jsをjquery.jsと一緒に読み込むだけで動作します。 用途 縦横でボックスの幅を切り替える 縦横で背景色を切り替える 縦（または横）の場合だけ表示する文章や画像を設置する 縦に最適化されたサイズのまま、横の場合はそれを中央寄せにして表示する 等々... 仕組み 仕組みはとても単純でwindow.orientatio
JavaScriptでCSSファイルを切替える M君
ジャバスクリプトでCSSファイルを切り替える css11.htmを開く（別ウィンドウ） 開いたページで、cssファイルの「変更ボタン」を押してみてください。 スタイルシートによるレイアウトデザイン見本帖。 大藤 幹 (著), 松原 慶太 (著), 押本 祐二 (著) を参考にしました。 ジャバスクリプトでCSSファイルを切り替えるHPの作成方法 css11を開いたら、ソースを表示してください。 このHTMLファイルをコピペして、「css11.htm」という名前で、適当なフォルダに保存してください。 「css11.htm」ファイルの先頭に以下の記述があります。 ＜!-- ============================== --＞ ＜link rel="stylesheet" href="base.css" type="text/css"/＞ ＜link rel="alternate
Fonts2u.com Download fonts
Unzip file(s) downloaded. Depending on the platform: Windows 10 / 8 / 7 / Vista - right-click the font file and select INSTALL Mac OS X - double-click the font file and select INSTALL FONT Linux - copy the font file(s) to /USR/SHARE/FONTS Fonts available at Fonts2u.com are either GNU/GPL, Freeware, free for Personal use, Donationware, Shareware or Demo. Although we have indicated the license type,
dafont.com
88,031 fonts of which: 35,047 with accents 45,800 with the Euro symbol How to install a font (details in the Help section) Extract the files you have downloaded, then:Windows 10/8/7/Vista: Right-click on the font files > "Install"Mac OS X: Double-click the font file > "Install font" button. Other OS...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【胎嚢胎芽】妊娠初期4週～11週【心拍確認】part42
サンプル – 少しのコードで実装可能な20のjQuery小技集 | Webクリエイターボックス
jQuery Mobile 1.1.0 日本語リファレンス
OpenSolaris 日本ポータル
コーディングTipsノウハウコラム｜クロノドライブ
Browsing Photoshop Custom Shapes
Comic Book Effect | Photo Manipulation | all-pages
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
http://webaf.biz/legume/sauce/bearnaise.html