Home - App Animations
Hello! Welcome to App Animations, a collection of iOS animations to inspire your next project. You can sort through the 58 animations by their patterns and style, save your favorites after registering, and embed the them on your own site or inspiration board. And be sure to visit this site on your mobile device for looping full screen animations! Ready to learn how to create beautiful UI animation
モバイルブラウザでピンチアウトすると position:fixed した要素がただよう | DriftwoodJP
症状モバイルブラウザでも同じデザインレイアウトで表示させたい。 PC向けにデザインされた Fixed-Width レイアウトメインコンテンツの左右に固定配置要素ナビゲーションやページタイトルといった要素が position:fixed されています。 CSS基礎 positionプロパティ(absolute／relative／fixed／static)の使い方 | Strongholdモバイル用のデザインはありません。 ユーザーの使い勝手を考えると、横幅を指定して表示し、ピンチイン/ピンチアウトによるスケールの変更を許可する必要がありそうです。 ビューポートを設定する – PageSpeed Insights — Google DevelopersスマートフォンサイトでのViewport設定 – 新世代Web制作テクニック総特集 – MdN Design Interactiveこの状況で、
現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | ページ 3 / 4 | 東京上野のWeb制作会社LIG
こんにちは、Web制作会社「株式会社LIG」の代表取締役会長、ゴウです。 今回、LIGで働くWebデザイナーとディレクターにアンケートを取り、制作する際に普段参考にしているかっこいいサイトや、おしゃれなギャラリーサイトを集めてみました。 毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になる、かっこいい・おしゃれなサイトが集まったと思います。 全部で27個も集まったので、ジャンル別に分類もしました。それではいってみましょう！ デザインの引き出しを増やすには？ デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。 💡現役のプロからデザインを学べる「デジタルハリウッドSTUDIO ｂｙ LIG」の詳細はこちらから ※このページは、2021
レスポンシブなサイト設計時に役立つモバイル用ペーパープロトタイプのPDFテンプレート | ツール・リソース | 15NOTE
自分のためにつくったモバイル用ペーパープロトタイプのPDFテンプレートをせっかくなので共有します。スマートフォン、タブレット端末それぞれの縦表示（portrait）と横表示（landscape）をちゃちゃっとスケッチすることができます。 こういったツール、探せばありそうだけど様々な解像度の画面を1枚に収めたやつがなかなか見つからなくて、自分でつくりました。（レスポンシブなサイトに限らず）設計の初期段階では実際の画面よりも小さく書いて考える時が多いのですが、その時に使うことを想定しています。 設計が固まってきたら、操作性を検証するため実寸サイズでスケッチを書いた方がいいので、その場合は「iPadのペーパープロトタイピングツールまとめ」で紹介されているような市販のツールを購入するのもいいと思います。個人的にこういうの大好きで、ちょくちょく購入しています。用途を特化した文房具って素敵やん。 印
QRコード(二次元バーコード）作成【無料】
URL（ホームページのアドレス）のQRコード 「URL用QR」メニューをご利用いただくと、QRコードを作成すると同時にホームページの実在チェックも行われます。このため、URLの入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 メールアドレスのQRコード 「メールQR」メニューをご利用いただくと、QRコードを作成すると同時にメールアドレスの体系チェックとメールサーバの実在チェックも行われます。このため、メールアドレス入力ミスによる誤ったQRコード作成を防ぐことが出来ます。 地図のQRコード 「地図QR」メニューをご利用いただくと、実際の地図を見ながら地図QRコードを作成することが出来ます。Googleマップなどの地図サイトの操作が苦手な方も簡単に地図QRコードを作成できます。 GPSの現在地からも地図のQRが作成できるようになりました。 作成したQRコードの保存 「作成済QR」メニュ
スマートフォン時代のWebサイト制作 第2回 スマートフォン特有の表示環境を理解する | デベロッパーセンター
スマートフォンを対象にしたHTML／CSSコーディングは、基本的にデスクトップ向けウェブサイトのコーディングができていれば、それほど難しくはありません。あとはスマートフォン特有の仕様や、コーディングのパターンを掴むことができれば大丈夫です。なお、HTML5をベースにしたマークアップや、CSS3でよく使われるプロパティなどについては、ADC内の小山田晃浩氏の連載「HTML5&CSS3入門 with HTML5 パック」をおすすめします。 今回はコーディングの前に知っておくべきこととして、スマートフォンのスクリーンサイズなどについて解説します。小さなスクリーンサイズを対象にデザイン／コーディングしますが、そのスクリーンサイズの値はHTML側で定義する必要があります。 iPhone／Android各機種のブラウザーについて iPhoneとAndroidともにWebkitブラウザーがデフォルトブラ
これからゆっくり考L +α
先日から提供が開始されたAdobe Creative CloudのCCシリーズ。 とりあえず色々インストールしてみました。 まだそんなにガッツリと使い込んではいないのですが、Photoshop CCでぐっときた機能をご紹介。 透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね？ 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー（泣」 っていうこと、ありますよね？（私だけですか...） 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです！」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの？と言われるとうま
1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineering
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
通信機器レンタルのププル
平素は、格別のご高配を賜り、厚く御礼申し上げます。 このたび弊社は、今後の事業拡大に備え、本社事務所を移転いたします。 これを機に社員一同気持ちを新たにし、皆様の信頼にお応えできますよう一層の努力をしてまいりますので 今後ともご支援ご愛顧を賜りますようお願い申し上げます。 １. 新事務所 〒105-6405 東京都港区虎ノ門一丁目17番1号 虎ノ門ヒルズ ビジネスタワー5階 TEL: 03-6268-8838 FAX: 03-6268-8837 ※電話、FAX番号の変更もございます。 ２. 業務開始日 2024年4月8日（月）9:30より通常営業 尚、移転作業に伴い2024年4月5日（金）12時より臨時休業とさせていただきます。 大変ご迷惑をお掛けいたしますが、ご了承賜りますようお願い申し上げます。
7/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎(7ページ目)携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 画像の掲載には、PC用サイトを作る場合と同じようにimg要素を使います。しかし、注意点が3つあります。 (1) 画像形式は、GIF または JPEG (2) ページの総サイズが 100KB以内(程度)に収まるように (3) 画像の横幅は 240ピクセル弱にしておく ■画像形式は、GIF または JPEG 一般にウェブ上で使われる画像形式には、GIF・PNG・JPEGの3種類があります。 GIFとPNGはイラストなど色の境目がハッキリした画像に向いている形式です。 JPEGは写真などのように境目がハッキリしない画像に向いている形式です。
![7/10 携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
無効なURLです
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込みです。
株式会社クライマークス | 東京のWeb制作・Webコンサルティング会社
企業コミュニケーションに、 クリエイティブで解を。 企業、学校、公共団体などのお客さまが、メディアを通じて行うブランディング／マーケティング／リクルーティング ―― 私たちは、そこで生じるさまざまな課題を、創造性と創造力で解決します。
スマートフォンサイトのデザイン集サイトのまとめ｜WEB Drawer -WEB制作に関するメモサイト-
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
全角カタカナ→半角カタカナ | 文字変換サイト（無料）
全角片仮名（カタカナ）を半角片仮名（カタカナ）に変換します。全角英数字、全角スペースも半角に変換されるよ。 （携帯サイト制作時に便利かも。利用はもちろん無料のカナ変換サイト。） ■運営会社より 株式会社ゼロスリーです。いつも当サイト「全角カタカナ→半角カタカナ」をご利用いただき、誠にありがとうございます。 この変換サービスを、いつまでも快適にご利用いただけるよう努力していきたいと思っております。 また弊社では、ホームページ（ウェブサイト）制作等のインターネット関連全般を承っております。ご検討中・ご興味ございましたら、お気軽にお問い合せ下さい。 弊社Facebookページへの「いいね！」もよろしくお願いします！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯サイトをiPhoneのスクリーンで見やすくする (AdLantis TechNote)
モバイルサイトの開発 : LINE Corporation ディレクターブログ
ktai-rental.net - このウェブサイトは販売用です！ - ktai-rental リソースおよび情報
携帯サイトの事ならモバイルデザイン.jp
http://www.designwalker.com/2009/06/mobile-web.html
