これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
写真を使ってデザインするために最も重要な5つのルール
By takuhitofujita 写真を使ったデザインにおいては、単に優れた写真を使えばいいわけではなく、「どんな写真を」「どのように配置するか」によって読者に与える印象が大きく変化します。プロが作る雑誌やウェブサイトではそんなプロの手法やテクニックがふんだんに使用されているわけですが、そんなノウハウを集めたインフォグラフィック「写真を使うデザインで最も重要な5つのルール」を、クレムゾン大学でビジュアルコミュニケーションを教えるカーティス・ニューボールド教授が公開しています。 Top 5 Rules for Designing with Photographs http://thevisualcommunicationguy.com/2015/02/02/top-5-rules-for-designing-with-photographs/ ◆ルール1：解像度の低い写真は絶対に使わない
SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
TODO リストとメモ書きにだけ Emacs を使ってみませんか？ - Qiita
Emacs Advent Calender 2014 の 14 日目の記事です。 皆さん、普段 TODO リストを作成したり、PC でメモをとるために何を使っていますか？ Windows 標準のメモ帳や付箋機能を使っている人 Terapad やサクラエディタ、Vim などのエディタを使っている人 Microsoft Word を使っている人 Google カレンダーや Toodledo など Web 上のツールを使っている人 手書きでノートに書いたりディスプレイにたくさんの付箋を貼り付けている人 それぞれ様々な方法で TODO リストを作成したりメモをとったりしていると思います。 ここで私に1つ提案させてください。 「TODO リストとメモ書きにだけ Emacs を使ってみませんか？」 なぜ Emacs を使うのか TODO リストとメモ書きにだけ Emacs を使用する理由、それは文書を
初めてのHTTP/2サーバプッシュ | GREE Engineering
前回はWebサイトをHTTP/2に対応するためにリバースプロキシを検証した記事を書かせていただきました(HTTP2を試してみる)。 あれから幾つかの議論を経てHTTP/2の仕様も大分安定してきており、HTTP/2を実装したクライアントや実験的にHTTP/2を有効にしているサービスもあるので実際に試すことも出来ます。 そこで今回は応用編としてHTTP/2のサーバプッシュについて、その仕組と実際に試したことについて書かせていただきます。 余談ですが、 現在の仕様では "HTTP2.0" ではなく "HTTP/2" もしくは "HTTP2" が正しい名称になります。 HTTP/2概要 まず、軽くHTTP/2の概要に触れておきます。 HTTP/2は2012年の末頃より、HTTP/1のセマンティクスを維持したままパフォーマンスを改善する目的で議論が開始されました。 Googleの考案したSPDYと言
画像を拡大全画面表示するのに、まだLightBoxとか言ってんの？ - それマグで！
フルスクリーン・モード使えよ。楽だぞ 昨今のブラウザにはフルスクリーンモードが搭載されていて、それを使うと、コピペレベルで画像を拡大表示が出来る 画像をフルスクリーンにお手軽に作るHTMLの例 <div id='img01' onclick="this.webkitRequestFullScreen();" > <img src='http://cdn-ak.f.st-hatena.com/images/fotolife/t/takuya_1st/20141129/20141129034938.jpg' /> </div> <button onclick="img01.webkitRequestFullScreen();">フルスクリーンで表示</button> #img01:-webkit-full-screen { width: 80%; background-color: rgba(
必要なのはブラウザだけ。Python使ったWebサービス構築（画面を作ってみよう編） - 今日学んだこと
前回の続きになります 。きっと反響が少なかったのはタイトルが悪かったんだな！ということでタイトル変えました。(もし「お、いいかも」と思いましたら、ハテブよろしくです。モチベーション上がるので・・・) 前回で、環境を作ることができました。今回はページを作っていきます。 前回は「写経しよう！」が主な内容でしたが、今回からは好きなものを作っていこう！を主眼としようかと思います。 その前に・・・Webサービスってどうやって動くの？ 好きなものを作っていこう！と言いましたが、まずはWebサービス（プログラム）の概念的なイメージを抑えていた方がいいと思いまして。 基本的に、プログラムは単純化すると 入力→計算/保存→出力 というプロセスを経ることになります。これが、Webだと 画面で入力して→サーバーで計算/保存して→画面に描画する といった形になります。画面が２回出てくるので 画面をどうつくるか サ
14年間もネットを震撼させ続けたEolas社の恐るべき特許とは？
訴訟でMicrosoftに勝利し、5億2100万ドル(当時のレートで約625億円)もの賠償を認める判決を獲得したことで世界を驚かせた小さな会社Eolas Technologies(Eolas)。このMicrosoftを相手に勝訴判決を得たEolas社の保有する特許が、2013年7月23日、ついに無効であることが確定し、平和が訪れました。この結果により、同社が起こしてきた数々の訴訟が事実上すべて終結することになったのですが、一体どのような特許だったのでしょうか？ Eolas - Wikipedia http://en.wikipedia.org/wiki/Eolas The Web’s longest nightmare ends: Eolas’ patents are dead on appeal http://arstechnica.com/tech-policy/2013/07/the
第5回 独自フォーマット戦略の終焉 | gihyo.jp
一歩下がって「時代の流れ」を見る この業界では日々さまざまなことが起きている。そんな中で、個々の事象にいちいち惑わされず、自分なりに「時代の流れ」をしっかりととらえる目を養うことが大切である。 最近だと、MicrosoftがHTML5の採用に踏み切ったこと[1]、AppleとAdobeのFlashに関するにらみ合い、Googleが買収したOn2 Technologiesのビデオコーデック「V8」を「WebM」としてオープンソースにしたこと、シャープが提唱する電子書籍の独自フォーマット「次世代XMDF」が激しく批判されていることなどが目についたニュースだが、そのどれもが一つの強い方向性を示している..「独自フォーマット戦略」の終焉だ。 独自フォーマット戦略 独自フォーマット戦略とは、自社が所有する知的所有権をからめたメディアのフォーマットをなんらかの方法で「業界標準」とし、ツール、再生ソフ
複数のサイトをどうやって計測する？クロスドメイン計測の落とし穴（前編）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
サンプルで学ぶTumblrテーマの作り方 (1/2)
Webデザイナーへ向けて、Tumblrの魅力とテーマの制作方法を解説する本連載。前回は、既存のテーマを簡単にカスタマイズする方法を説明しました。今回は、いよいよオリジナルのTumblrテーマを実際に作っていきます。 Tumblrテーマの開発環境を準備しよう WordPressのようなCMSのテーマ制作では、MAMPやVagrantなどでローカル開発環境を構築して作業し、完成後に本番環境にコピーする流れが一般的です。Tumblrの場合は、ブラウザー上でテーマのHTMLを直接編集できるので、今回はHTMLファイルをデザインカスタマイズ画面に貼り付けて、保存とプレビューを繰り返しながら作っていきましょう。
「HTML」を性病だと思っている人が10人に1人いるという事実が判明
by Morten Wulff インターネット用語には英語の頭文字で表す言葉が数多く存在しますが、ウェブ上の文書を記述するための言語「HTML」を性行為感染症(STD)の1種だと思っているアメリカ人が11％存在することが調査によって判明しました。 1 in 10 Americans think HTML is an STD, study finds - latimes.com http://www.latimes.com/business/technology/la-fi-tn-1-10-americans-html-std-study-finds-20140304,0,1188415.story 調査を行ったのはオンラインショッピング用のクーポン配布サイトVouchercloud。広報担当者によるとVouchercloudにはテクノロジー・アイテムを購入するために毎月何千人もの人々が訪れ
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
W3Cは賞味期限切れ組織？ － ＠IT
「W3Cの賞味期限はあと何年ぐらいだと思いますか？」。先日、あるパーティーでこう聞かれた。私は虚を衝かれたように、思わず真意を聞き返した。なぜなら、私にこの質問をしたのは、日本人として唯一、W3CのXMLワーキンググループで1997～98年のXML 1.0の標準化プロセスに携わった村田真氏だったからだ。村田氏は現在、Office Open XML（主にMicrosoft Officeで用いられる文書形式）の標準化についても情報処理学会 情報規格調査会の専門委員として国際標準化に携わっているなど、この道のエキスパートだ。 驚きはしたが、やはりとも思った。W3Cはもう標準化組織としての黄金期を過ぎ、権威が失われつつある。もしかすると標準化プロセスにしても、もっと良い別のやり方があるのではないか。このところずっとそう感じていたからだ。 W3Cのウィジェット標準を知っていますか？ 村田氏の見立てで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe、オープンソースのWeb開発向けテキストエディター「Brackets」v1.0をリリース
Registered & Protected by MarkMonitor
あ、これ便利！HTMLエンティティを簡単に見つけることができるオンラインサービス -Entity Lookup
IDEA * IDEA
HTML5特集 の記事一覧 | DevelopersIO
いま使われているHTML5と、これからのHTML5
