【Web制作】Google Codeが終了→html5shivでIE8のHTML5対応している人は注意！
概要 ▶ IE8のHTML5対応としてhtml5shivのファイルをGoogle Codeからロードしている方はHTMLを今すぐ変更しましょう。他のCDNもあります。 画像出典：Google Code Google Codeがスパムや悪質なプロジェクトのために2016年1月25日に終了するというニュースが3月にありました。 米Googleは3月12日（現地時間）、開発者向けにAPIなどを提供したり、オープンソースプロジェクトをホスティングするサービス「Google Code」を来年1月に閉鎖すると発表した。同日、新たなプロジェクトの作成はできなくなった。 「Google Code」、2016年1月25日に閉鎖へ GitHubへの移行を奨励 - ITmedia エンタープライズ その時は「開発者向けのページが閉鎖か、別に開発者ではないし…（プロジェクトをアップしているわけでもないし）」という
IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！
2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを今回の記事で解消します！ ↑私が10年以上利用している会計ソフト！ Flexboxって何？ FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃうボックスです。具体的には主に以下のような事を手軽に実装できます。 CSSを一行プラスするだけで横並びにできる！ 横並びになった要素の高さが最初から揃ってる！ 要素を上下左右、好きな順序に並び替えられる！ スペースの
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
【JavaScript】HTMLで音楽ファイルを再生する【audio.js】 ｜ Tips Note by TAM
HTML上で音楽を再生できるページを作りたいという要望があったので調べてみました。 HTML5のaudio要素を使いたかったのですが、対応していない旧IE対策や、 対応ブラウザでもデフォルトの見た目の差が大きく、デザインを揃えることに困りました。 また、.mp3や.wavなどブラウザによって対応している拡張子がばらばらで、 すべてのパターンを揃えるとなると素材の準備だけで大変です。 そこで見つけたのが、【audio.js】です。 とても便利だったので使い方を紹介します。 【audio.js】を使うときは、準備する音声ファイルはMP3だけで良いです。 MP3やaudio要素に対応していないブラウザではFlash Playerを使って音声を再生できるようにしてくれます。 【audio.js】が動作対応しているブラウザは、 IE6以上・Safari・Chrome・Firefox・Operaと幅広
Webサイトに音楽/動画再生プレイヤーを組み込むことができるJPlayer！ | SHINGO IRIE
JQueryを使ったプラグイン「JPlayer」が凄いです。何が凄いかというと、音楽プレイヤーをサイト上に簡単に導入することができます。 再生できる音楽・動画ファイル音楽ファイル：mp3, m4a, ogg 動画ファイル：m4v, ogv, webmv 再生できる対応ブラウザiPhoneやアンドロイドでも再生できるのはいいですね。 Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 OSX: Safari, Firefox, Chrome, Opera iOS: Mobile Safari: iPad, iPhone, iPod Touch Android: Android 2.3 Browser Blackberry: OS 7 Phone Browser, PlayBook Browser プレイヤーの形状などはCSS
Bootstrap
BootstrapBootstrap v5.3 (switch to other versions) v5 releases Latest (5.3.x) v5.2.3 v5.1.3 v5.0.2 Previous releases v4.6.x v3.4.1 v2.3.2 All versions New! Never-Ending Support for Bootstrap Build fast, responsive sites with Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life wi
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
