ショック！ Twitterがサポートを始めたGIFアニメはGIFではなかった―しかしうまい考え | TechCrunch Japan
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
IEの古いバージョンをサポートしつつ、モダンブラウザ用のサイトを制作する時の20のアドバイス
Microsoft公式のIEのデベロッパサイト「modern.IE」から、古いブラウザをサポートしつつモダンブラウザ用のサイトを制作する時に役立つアドバイスをクロスブラウザの観点や、HTML, CSS, JavaScriptの実装時ごとに紹介します。 20 tips for building modern sites while supporting old versions of IE 下記は、各ポイントを意訳したものです。 クロスブラウザ HTML CSS JavaScript クロスブラウザ ウェブサイトはすべてのブラウザで同じように見える必要はありません。 例えば、最新のブラウザではよりリッチなUIを提供し、古いブラウザではソリッドに機能させます。 開発をシンプルにするために、堅実なテンプレートを利用しましょう。 動作が安定しているスタンダードにフォーカスを合わせて制作する。 スタ
WEB業界を賑わすブロガー達が来たので、HTMLカルタで遊んだよ。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
まいどおおきに。LIGの広報担当、ひろゆきです。 さて、先日（皇紀二六七三年卯月伍日）にウェブ業界を賑わすブロガーの方々がLIGに来たんやけど、その時の様子をレポートするで。 流行りの吹っ飛び画像や 最近流行ってる吹っ飛び画像を、LIGの段田と「OZPAの表４」で有名なOZPAさんが実践してくれたで。 OZPAさん、跳躍力ありすぎやろ…。 と、来て早々にこんな写真を撮ったんやけど、ここからが本題。 今日のテーマは 「HTML5カルタでLIGと勝負！」 やったんや。 HTML5カルタとは WEBCRI8の中の人が作っているHTMLタグを遊びながら覚える事ができる、ウェブデザイナー注目の面白ツールなんやで。 HTML5KARUTA公式サイトはこちら 遊び方は簡単。 取り札と読み札に分かれていて、取り札にはHTMLのタグ名が記載されており、読み札にはそのタグの意味が書かれている。読み手がそのタグ
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！：にわかデザイン（1）（1/3 ページ） Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思います。確かに、Twitter Bootstrapはリッチなデザインや機能を持つパーツがそろっていて、素早くレイアウトを組み上げるには便利です。しかし、そのためには独自の指定方法やお作法をそこそこ知っておかなければならないのも事実です。 であるならば……、CSS自体を覚えてしまうというのも1つの手では
“オープン”に舵を切るKDDI--「Mozilla Factory」参画の意義
Mozilla Japanは、日本発で「Mozilla Factory」という新しい取り組みを開始した。Mozilla Factory では、中高生を中心に、「“オープン”に考える、作る、伝える」を軸にしたモノづくりを進めていく場所や環境を提供する。そして、ここでの「考える、創造する、作る、伝える、教える」という体験を通じて、才能や可能性を引き出し、伸ばしていくことを目指している。 具体的には、まずプロジェクトを募った後、各プロジェクトごとに関わりたいという参加者を募る。参加者は中高生を核として想定している「プレイヤー」、高校生から大学院生の世代を中心に想定している「チューター」、各方面で活躍しているプロフェッショナルが、プレイヤーやチューターとともに考え、アドバイザー的な立場でプロジェクトに携わる「メンター」として、プロジェクトを進めていく。 すでに、プロジェクト案は10を超えており、メ
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
HTML5でスマホアプリを作ってみよう。第１回「じゃんけんゲーム」 - もとまか日記
以前から書いてる、以下の開発向け簡単チュートリアル。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム 今回は、これをHTML5のCanvasで作ってみました。 で、ついでにチュートリアル的な内容を書いてみたメモ。 前提条件 前提条件として、ある程度HTML等が分かる人向け、という感じです。また、レンタルサーバの利用等についても割愛です。 その辺の詳細な説明は省いてるのでご了承ください。 HTML5の基礎情報 以前、以下でまとめました。 前から気になってたHTML5について色々調べてみました HTML5のスマホアプリの基本構成 ここから本題のコーディング。今回使う、スマホアプリ向けの基本となるHTMLは以下です。 html> head> meta name="viewport" content="width=device-width, initial-scale
Mozilla、HTML5の威力を紹介するMMORPG「BrowserQuest」を公開
Mozillaは3月27日（現地時間）、HTML5の性能を紹介する目的で開発したMMORPG（多人数同時参加型オンラインロールプレイングゲーム）「BrowserQuest」を公開したと発表した。Firefoxや米AppleのSafari（iOS版を含む）、米GoogleのChromeなど、HTML5をサポートするWebブラウザで楽しめる。 BrowserQuestは、Mozillaがフランスのゲーム開発メーカーLittle Workshopと共同で開発したMMORG。好きな名前を付けたキャラクタで村の中を動き回り、村人と会話したり敵キャラを倒してアイテムを獲得したりして先に進む伝統的なロールプレイングゲームになっている。本稿執筆段階でMac版Safariで参加したところ、74人のプレーヤーが同時に参加していた。プレーヤー同士はテキストチャットで交流することもできる。 このゲームは、HTML
いまさら聞けない＞＜； 基礎から学ぶ「HTML5」超入門！
HTML5 旋風、吹き荒れてますね！(^0^)／ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました！ 株式会社カヤック（本社：神奈川県鎌倉市、 代表取締役CEO：柳澤大輔、http://www.kayac.com以下「カヤック」）は、HTML＋CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課（MEはMarkup Engineerの略）に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
CSSでキュウべえ(FULL)を描いてみた - jsdo.it - Share JavaScript, HTML5 and CSS
/* * CSSでキュウべえ(FULL)を描いてみた * ※Google Chrome, FireFox, Safari, Operaに対応しています。 */ <div class="qb"> <!-- tail --> <div class="tail"> <div class="parts-1"></div> <div class="parts-2"></div> <div class="parts-3"></div> <div class="parts-4"></div> <div class="parts-5"></div> <div class="parts-6"></div> <div class="parts-7"></div> <div class="parts-8"></div> <div class="parts-9"></div> </div> <!-- ear --
Create and publish HTML5 Canvas documents in Animate
Adobe Animate User Guide Introduction to Animate What's New in Animate Visual Glossary Animate system requirements Animate keyboard shortcuts Work with Multiple File Types in Animate Animation Animation basics in Animate How to use frames and keyframes in Animate Frame-by-frame animation in Animate How to work with classic tween animation in Animate Brush Tool Motion Guide Motion tween and ActionS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォン対応、気をつけたいトラブル
IBM Developer