20140601_github-kaigi-yunico.pdfGitHub Kaigi 本当は怖くない！デザイナーがGitを大好きになった♡５つの理由（仮）
お役立ち情報 | 相互運輸株式会社
お役立ち情報 ホーム お役立ち情報 海上コンテナ寸法の目安 海上コンテナトラックシャーシ寸法の目安 拠点博多港からの主要都市までの距離 輸出入通関の流れ contact お問い合わせ ご質問・事業に関することなど、お気軽にお問合わせください。 電話・FAXによるお問い合わせ先一覧 メールによるお問い合わせ
MacでもできるIE/Firefox/Chromeブラウザテスト方法まとめ - Qiita
さまざまなブラウザのテスト大変ですよね・・・・ いろんなブラウザ使っている人が多いのでWebアプリ作る人にとって対応は必須です。 特にIEってWindowsでしか確認できないし、バージョンごとにJavascriptまわりの挙動が違うので色んなバージョンで操作テストするのは非常に骨が折れます。 １つのマシンに複数のバージョンのIEを入れることはできないので、テストのためだけに複数台Windowsを用意するのも大変です。 なんとかならないのでしょうか・・・・ 実はマイクロソフトがテスト用の環境を提供してくれていた！ マイクロソフトはそんな状況を打開できるように、検証用環境を用意してくれています。 modern.IE https://www.modern.ie/ja-jp/ modern.IEは以下の機能を提供してくれています。 仮想マシン IE6〜11まで各バージョンのIEがインストールされた
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
iOS Safari で絶対位置指定された要素のスクロールが出来ない件 - Qiita
表題の件にハマりました。 iOS7: 未確認 iOS8: 再現 iOS9: 未確認（巷の記事によるとiOS9でも発生する模様） iOS10: 再現 iOS11.3: 動いたり動かなかったりする（対策施した版もアウトだったかどうかははっきり記録してなかったです…） iOS11.X のどこかでは height: 100% の代わりに height: 100vh を使わないと動かない時代もあった模様？ iOS12.2: どちらの版も動いたり動かなかったりする（つまり本記事の対策では効果なし） 例えばページ上にレイヤーを重ねて、一覧から項目を選択させるような場合に、絶対位置指定した要素の中でスクロールさせたいことってありますよね？ デモ（過去Safariで動かなかった版） デモ（後述の対策を施した版） このとき、次の条件を満たしてしまうと iOS Safari でスクロールできなくなってしまいます
HTML5のAudioタグとイベント処理 - pekeqのブログ
HTML5のAudioタグを使ったサイトを作っていて、ブラウザごとにイベントの挙動が違うことに気づいたのでまとめました。 結論から先に書くと、audioタグで同じファイルを何度も再生させる場合、play,playingイベントに頼ってはいけないということがわかりました。 やったこと 以下の単純なスクリプトを各環境で動かして、それぞれどのイベントが発生するかを調べました。 スクリプトの動きは、以下の一連の動きの中で、Audio関連のイベントを拾って画面に表示しているというものです。 ロード後に、オーディオファイルを自動再生 再生が終わったら、PLAYを押して同じファイルを再度再生 <!DOCTYPE html> <html><head> <meta charset="UTF-8" /> <script src="http://ajax.googleapis.com/ajax/libs/jqu
ALL RIGHT PRINTING
ALL RIGHT PRINTING でできること 名刺、ショップカード、ポストカード、封筒、フライヤー、ポスター、パッケージ、タグなど、幅広く活版印刷を承っております。イメージにあった紙や加工のご提案もいたします。デザインからのご相談もお気軽にどうぞ。
「普通」の縛りから抜け出せば、もっと楽に生きられる｜pha『持たない幸福論～働きたくない、家族を作らない、お金に縛られない』をもう読んだ？｜pha
仕事のために自分の生活を犠牲にするのっておかしくない？ 家族を作ることだけが正しい生き方なの？ いつもお金に追いかけられてる感じって変じゃない？ 京大卒・日本一有名な“ニート”として知られるphaさんが、こんな問いを投げかけて、新しい生き方を提案したのが、新刊『持たない幸福論～働きたくない、家族を作らない、お金に縛られない～』。 大学を卒業して「通っぽい路線」を選んだものの、ずっと違和感があったphaさんが会社を辞めたのは、28歳、2007年夏のこと。 生計はどうやって立てたのか？ 今のスタイルをどう築いていったのか？ ニートになったphaさんが気づいたこと、大切にしていることのなかには、「生きるのがつらい人がたくさんいる世界」を「これまでの時代で一番自由な世界」に変えるヒントが、たくさん詰まっています。 ◎好きなものが自分を支える 会社を辞めた瞬間は本当にスッキリした。まあお金はあまりな
HTMLとCSSクラスでよく使う命名について - Qiita
HTMLとCSSクラスの命名について 命名で使用する単語に迷います。どうしたらいいですか。 基本単語のみをつかって命名すればいいんだ！！ ブロックなど親要素で使えそうなclass名 container : コンテナ main : メイン global : グローバル home : ホーム hero : でかいブロック。bootstrapのサンプルにある inner : 中味。 outer : 囲っているもの。親。wrapperと同じ。 wrapper : 囲っているもの。親。 例えば、facebookのidだとおおまかに home > globalContainer > content > mainContainer ブロックや子要素で使えそうなclass名 article : articleタグがあるのであまり使いたくない。 block : 囲っているもの。 card : カード cel
イージング関数チートシート
イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを（例えばペンのような）放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。
CSS3アニメーションをらく～に実装！オンラインツール7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてな
エラー｜au PAY マーケット－通販サイト
Feng Zhu Design
Contemplative Samurai by Raphael-Lacoste on DeviantArt
Painting Home - Corel Discovery Center
Concept Art
concrete5
Google HTML/CSS Style Guide
Primer