New documentations: Next.js, click
HTMLとCSSによる表現を考える 複数のサムネイル画像を並べておき、画像をクリックするとモーダルウィンドウで拡大画像を表示するWebページを作成します。はじめに、HTML/XHTML(以下、HTML)とCSSでどのようにモーダルウィンドウを表現するか、静的なページを作って考えてみましょう。 HTMLは、ul/li要素で並べたサムネイル画像の後に、「glayLayer」と「overLayer」というid属性をつけたdiv要素を配置します。glayLayerはページ全体に重ねる半透明のレイヤーを表示するための要素で、overLayerは子ウィンドウを表示するための要素です。子ウィンドウに表示したい要素(今回はimg要素)はoverLayer内に配置します。 ▼サンプル01(HTML部分) <h1>jQueryを利用したモーダルウィンドウの作成</h1> <ul> <li><a href="i
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね! 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
TEXTAREA要素やINPUT要素の初期値を、クリックで自動に消すようにするプログラムを作ってみました。 初期値です。 TEXTAREA要素の初期値を指定しないと、HTMLの文法上にも問題があるので、使う意味はそこそこある気がします。 <TAG> には初期値となるテキストを指定しておきましょう。 仕様 基本 TEXTAREA 初期値です。 <textarea>初期値です。</textarea> 基本 INPUT <input type="text" value="初期値です。" /> type属性をtextにするか、type属性を省略します。 無効にする 初期値です。 <textarea class="nodes">初期値です。</textarea> <input type="text" class="nodes" value="初期値です。" /> class属性にnodesを付けると
LUCKY bag::blogさんにあったのを見ていつもそうしていたが今日ふと忘却していた。だからおぼえがき。 メニュー等でボックスの垂直方向で中央にテキストを配置したい場合はどうするか、というもの。 <div id="id-code"> <ul> <li><a href="">menutext1</a></li> <li><a href="">menutext2</a></li> <li><a href="">menutext3</a></li> <li><a href="">menutext4</a></li> <li><a href="">menutext5</a></li> <li><a href="">menutext6</a></li> </ul> </div> みたいな骨格でmenuがあるとすると、 ここでcssではまず・・・ div#id-code ul li { floa
CSS3のanimationプロパティ使うと、なんでも点滅させることができます! (現在、Chrome3以降、Safari4以降でしかサポートされていません) とりあえず、CSSファイルに、下記ソースをコピペしてみましょう。 @-webkit-keyframes pulse { from { opacity: 1.0;/*透明度100%*/ } to { opacity: 0.8;/*透明度80%*/ } } .blinking{ -webkit-animation-name: pulse;/* 実行する名前 */ -webkit-animation-duration: 0.3s;/* 0.3秒かけて実行 */ -webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */ -webkit-animation-tim
キャッシングによる融資は基本的に1度に何社までという制限はなく、何社申込みを行っても個別に審査が行われる仕組みになっています。 しかし、複数社からの融資を受けている多重債務の状態では、信用性の面から銀行系企業のキャッシングで審査が通りにくくなったり、総量規制による借入限度額上限に引っかかるなどの弊害が生じる可能性があります。 銀行系のローンやキャッシングは、通常の消費者金融より審査基準が高めの傾向を持っている理由から、個人信用情報に事故履歴があったり複数の企業から融資を受けている場合は、非常に不利な条件となってしまいます。 また、総量規制による借入限度額制限は個人年収によって決定される要素である為、複数社へ申し込みを行って全ての審査に通ったとしても、年収に応じた金額分しか借りられない決まりになっています。 消費者金融では他社の借り入れ状況を調査した上で、総量規制による上限額に引っかからない
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
Animate in a Snap Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an element's motion path to
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
LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator
With The Mark, the top web design company in Christchurch and beyond, enjoy digital brilliance. Together, you and our creative mavericks team will craft an enthralling web presence that skillfully combines stunning aesthetics and faultless functionality. We will take your ideas and turn them into a visually appealing and captivating website that enthralls your audience, paying attention to every l
1. HTML5@iPhoneゲーム開発 株式会社DeNA ソーシャルメディア事業本部 ソーシャルゲーム統括部スマートフォン開発グループ 岸 弘倫<kishi dot hiromichi at dena dot jp> DeNA Technology Seminar #3 1 2. 自己紹介 ‣ 2009年DeNAに入社 – モバゲーの3Dアバター関連開発 – iアプリ開発 – 子会社のMiniNationにて海外向けのiPhoneアプリ 開発 ‣ 現在 – iPhone・Androidアプリ開発 DeNA Technology Seminar #3 2 3. 本日の 本日の内容 ‣ MiniNationからリリースしたiPhoneゲーム 「Pirate Nation」 ‣ HTML, CSS, Javascriptで主に開発 ‣ 今日は開発で得たノウハウについて話します。 – ゲームとい
去年作った戦車が撃ちあうゲームをGAEのページへ移行した。 Canvas Tank Battle | 無職のHTML5 Canvas 移行のついでに、地形マップをCanvasタグではなく背景のdiv要素に描画するようにした。 ステージ開始時にだけ地形の描画が行われるようになるので、負荷がちょっと減る。 背景に画像などを使用する場合は、負荷の減少が大きくなるだろう。 やったことをまとめようと思ったが、CSSで要素を重ねただけなので書くことが無い。 HTMLはこんな感じ。 <div class="divcv"> <div class="backdiv"></div> <div id="mcvback" class="landdiv"></div> <div class="wrapcv"><canvas id="mcv" class="cv" width="400" height="400"><
あるWeb系セミナーイベントのおまけで作ったcanvasを使ったゲームです。 と言っても点数が出るわけでもなく、戦闘機を動かして、クリックしたら弾が出て敵のタコキャラを消していくって一連の流れを追って作っていきましょう。 まずcanvasですが、お決まりのパターンとして憶えておきます。 //HTML内 <canvas id="shootingCanvas" width="1200" height="800"></canvas> 1200pxの横幅、800pxの高さのcanvasタグを書きます。 これをJavaScriptで読みにいきます。 これで、このあとはJavaScriptで変数「ctx」にドットシンタックス(ドット「.」で命令をつないでいく文法、JavaScriptやActionScriptでは定番)で書いていくことになります。 で、四角を描く方法は以下の通りです。(ソースをコピペし
Galactic Plunder This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash. The first level of the game is fully implemented, and the second is in development. More Information Game Play Music & Artwork Credits About the Code Revisions more experiments
<img>タグは、画像を表示する際に使用します。 必須属性のsrc属性で画像ファイルのURLを指定します。 一般的なブラウザで表示できる画像フォーマットとしては、PNG・GIF・JPEGがよく利用されています。 他にも、ウェブ用のベクター画像フォーマットであるSVGや、単一ページのPDF・アニメPNG・アニメGIFなどをsrc属性の値として指定できます。 alt属性には、画像が利用できない環境向けのテキストを指定します。 HTML5ではalt属性は必須ではありませんが、指定しておけばアクセシビリティーが高まるでしょう。 <img>にtitle属性を指定すると、その値が画像のキャプション情報となります。 また、<legend>を子に持つ<figure>~</figure>の中に、<img>を子として配置した場合には、 その最初の<legend>~</legend>の内容が画像のキャプション情
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く