Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
![25 HTML5 Features, Tips, and Techniques You Must Know | Envato Tuts+](https://cdn-ak-scissors.b.st-hatena.com/image/square/07e5971f139029d94a7d67af9b41ba333f99208d/height=288;version=1;width=512/https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F769%2Fposts%2F12357%2Fpreview_image%2Fachieving_success_in_web_development_2021_09_24_02_52_19_utc.jpg)
Java5以降では総称型(generics)がJava言語に導入されています。総称型自体は、最近の静的な型付けのプログラミング言語で珍しいことではなく、現在の最新版では.NETのC#やVisual Basicにも導入されています。一般的には総称型をサポートするクラスライブラリを自分で正しく定義することは非常にスキルがいるが、事前に定義されたクラスを使うだけであれば、それほど難しくないとされています。しかし、Java言語の総称型は本エントリで説明するように特殊なところがあり、単に利用するだけでも他の言語に比べて遥かに難しいところがあるというのも事実です。特に総称型をパラメータ化する際に指定するワイルドカード型(List<? extends Serializable>など)の意味を正しく理解して使いこなすことは簡単なことではありません。その結果、昔のJDK1.4までのように型パラメーターのない
長い文章になってしまったので、概要だけ先に書きます。 以下のJavaプログラムは、常に上から下に順番に命令が実行されると思いますか?つまり、aに1が格納された後に、bに2が格納されると思いますか? 実は場合によってはこの実行順序が入れ替わる場合があります。これはJavaの言語仕様として定義されていることです。これを考慮しないと信頼性のある並行処理は実装できません。 気になる人は以下を読んでみてください。 a = 1; b = 2; すでにインターネットは社会インフラ化しています。ソーシャルネットワークで多くの人とコミュケーションやコラボレーションできる時代で、個人が情報を作り消費することは当たり前になってきています。そして、インターネット上のコンテンツは増加の一途を辿っています。「情報爆発」なんて言葉も耳慣れた言葉になりましたが、その問題解決のためにMapReduceなどの分散処理技術に注
java-ja忘年会でharu860さんに聞かれたのでエントリを書くよ。と思ってざっくり書いて放置していましたすみません。この質問へのよくある回答として「EJBを使うとき」みたいなものがありますが、この回答は多くの場合何の役にも立ちませんね。このような回答をする人はJBossをあまり良く理解していない可能性があります。 というわけで、JBossを使っているユーザがどのようなモチベーションでTomcatではなくJBossを使うのか、もしくは完全にJBossに乗り換えているのか、実例ベースの理由をいくつか紹介しましょう。 機能 Tomcatで提供される機能は基本的にServlet, JSP, JDBC接続プールのみで、他のものは提供されていません。シンプルですが、他のものが必要になったときに、それらをインテグレーションするコストが発生するなど、少し面倒なことになります。 TomcatになくてJ
概要 Zen-Coding とは、CSSセレクタ風の簡単な記述を、複雑なHTMLソースへ素早く変換することを軸にしたコーディング支援ツールです。 例えば、div h1 aが<div><h1><a href=""></a></h1></div>になります。 その Zen-Coding を秀丸エディタでも利用できるようにすることをめざした秀丸マクロです。 本家にある機能のうち、「HTML生成」「生成したHTMLで既存のソースをラッピング」のみを実装しています。 そのほかの機能は別項で紹介するいくつかの秀丸マクロに任せ、連携していただく方針です。 インストール 秀丸エディタ(ver 7.00 以降のみで確認)を入れてください。 マクロフォルダのパスを確認します。秀丸エディタの [その他] - [動作環境] - [パス] - [環境] - [マクロファイル用のフォルダ] で指定されているフォルダで
Zen-CodingでHTML/CSSコーディング作業の効率があがった人が増えてきたのではないかと思いますが、そこでさらにカスタマイズすることで効率化アップする方法を紹介します。 Zen-Codingではあらかじめ多くのHTML/CSSのショートコード、スニペットが登録されていますが、Zen-Codingを構成するファイルを少し修正するだけで、オリジナルのコードを登録することができます。 JavaScriptを触ることにはなりますが、JavaScriptを知らなくても大丈夫なぐらい簡単です。 zen_setting.jsに秘密がある Zen-Codingをダウンロードすると、対応アプリケーションごとのファイルをダウンロードすることができますが、そのダウンロードしたファイルの中にはzen_setting.jsというファイルが存在しています。 実はその中に、省略コードやスニペットがすべて書き込
大学でプロキシ経由でgem installができない。 gem install rails --http-proxy http://proxy.example.com:PORT がTime outになる。 rubygems0.9.0のバグなのか、http_proxyの環境変数にプロキシを設定してやらないとダメらしい。 export http_proxy=http://proxy.example.com:PORT gem install rails でOKでした。 ちなみにWinだと set http_proxy=http://proxy.example.com:PORT gem install rails 前後の記事へ « 赤ちゃんの逆襲 トップ 自分の研究を説明する為に説明しないと行 »
こんにちは、KBMJの中平@railsエンジニアです。 今回は、ruby on railsでPDFファイル出力ができる prawnto というプラグインついて書きます。 rubyおよびrailsでPDFファイルを出力するプラグインは色々ありますが、今回は、railsのプラグインとして使用できること、日本語を使用できること、コントローラー・ビューに記述するだけで簡単にPDF出力ができるプラグインということで、 prawntoというpluginを紹介しようと思います。 (ほかのライブラリだと、サーバーにライブラリを入れておかないといけないものや、一旦PDFファイルを事前にファイル出力しておかなければならないものが多く面倒な気がしました) 環境 OS : Windows Vista Ruby : 1.8.7 ruby on rails : 2.3 (prawntoは公式ページでは2.1or
Rails 3.0.7にアップデートしようとしたら、タイトルどおりのエラーが出た。以下のブログの記述どおりにやればインストールできる様子。 buzzcOdington:“File not found: lib” error while installing Rails 3.0.7 まず、Railsをアンインストールしておく。 % sudo gem1.8 uninstall rails --version 3.0.7次にrdoc-dataをインストールする。 % sudo gem1.8 install rdoc-data % sudo rdoc-data --install % sudo rdoc-dataRailsをインストールする。 % sudo gem1.8 update rails
執筆: Brian Leonard、管理: Chris Kutler 2009 年 6 月 [リビジョン番号: V6.7--1] このチュートリアルでは、NetBeans IDE での Ruby サポートを使用して、簡単なデータベース Web アプリケーションを作成し、実行します。このチュートリアルの手順に従うことで、次の作業を行う方法を学ぶことができます。 Rake タスクとマイグレーションファイルを使用して、データベース表を作成および更新する スキャフォールドジェネレータを使用して、作成、読み取り、更新、削除 (CRUD) を行う基本的なデータベース Web アプリケーションを生成する ビューを編集して Web ページを調整する NetBeans IDE に習熟していない場合、このチュートリアルの前に「NetBeans IDE Ruby クイックスタートチュートリアル」を完了し、U
Ruby環境構築 Rubyの開発環境を整えるための作業内容 1.文字コードUTF-8(BOMなし)を表示・入力できるエディタをインストール(なくてもよい) Notepad++ または TeraPad 2.RubyInstaller(Ruby 1.8.7とrubygemsが入る)でインストール http://rubyinstaller.org/ RoR環境構築 Ruby on Railsの開発環境を整えるための作業内容 1.gemをアップデートする(コマンドプロンプト) gem update --system 2.gemでrails3(最新版)をインストールする gem install rails 3.sqlite3をダウンロードしてインストールする http://www.sqlite.org/のダウンロードページから、 sqlite-dll-win32-x86-3070500.zipをダウ
Công Nghệ [ REVIEW ] Học Kế Toán Thực Hành Ở Đâu Tốt Tại TPHCM Và Hà Nội
This is a alternative interface to browse the Official jQuery Documentation. It was created to get out of your way of your development work - quickly find what you are looking for, easy on the eyes, and lightning fast. Just start typing and see for yourself! FeaturesContent is the same as in the Official jQuery DocumentationStatically rendered pages powered by Astro, so the initial loading time is
We've put together a list of seven of our favorite JavaScript resources to help save you time and energy along the way. Whether you're a beginner or a seasoned pro, we think you'll find the sites below both informative and beneficial. If you know of other great resources, feel free to share them in the comments.
以前から言われていたがどうやらこのGoogle+のプロジェクトには前Appleのアンディーハーツフェルドが関わっている。 Google+がカッコイイ理由:それはオリジナルMacintosh開発チームのアンディー・ハーツフェルド byTechcrunch かっこいい。 これ以上の理由はない。 理由1:デザインがかっこいい 基本的にはSparksの画面なんかはFacebookの丸パクリ。このくらい潔いと逆に好感がもてる。ただ、これはITジャーナリストにはよく言われていたのだが、4度目のチャレンジでは素直にFacebookのインターフェイスを真似したほうが成功するのではないか、とは言われていた。 まさにそのまんまだ。 この写真はitmediaさんから。 人は変化を嫌うものだ。 インターフェイス周りは特に。FinalCutXなんかもこのあたりで結構叩かれてる。これに関してはケースバイケースだが、今
まず第一に大切なのは塾の雰囲気が自分に合っているかということです。中学受験で失敗しないためには塾をうまく活用することが重要ですが、その際に先生や他の生徒との相性が悪いと自分のストレスとなってしまい…
a small library for generating and manipulating CSS 3D transforms NOTICE: This page is slowly getting outdated. In my spare time, I've been working on a major syntax revision, Firefox compatibility issues and a new version of this page. Until I get the time to finish all of this, here's a list of the most up to date resources : "v2" branch on github (featuring a simplified syntax) A more recent li
[img src="https://ssl.gstatic.com/images/icons/gplus-64.png" caption="" credit="" alt=""]Google+: It's the hot social network on the block. In just a few months, Google's competitor to Facebook and Twitter has amassed more than 40 million users, and its growth hasn't stopped. It's become a hotbed for early adopters, tech luminaries, marketers and businesses around the world. Google+, however, isn'
とうとう本日、現時点では最強のChrome拡張機能がリリースされました。(ちなみに、7月28日にFirefoxアドオン版もでました。) それがこのStart G+です。 インストールすると、右上にアイコンが追加されます。そのアイコンをクリックすると、Start G+のメニューが表示されます。 Twitter Loginをクリックしてtwitterアカウントの認証を行い、Facebook Loginで同様にFacebookの認証を行います。 すると、メニューがこのように変わります。 このメニューでは、Google+のストリームにtwitterのタイムラインやFacebookのウォールを含めるかどうかを設定できます。 早速ストリームを見てみますと、 twitterからのツイートと、FacebookからのアップデートがGoogle+のストリームに混ざって表示されていることがわかります。 では、次
レトリカ(弁論術)は、発想法、構成法、修辞法、記憶法、提示法(今でいうプレゼンテーション)をコンポーネントとする、実践知性の総合技術である。 キケロはこの技術における史上最高の実践家であると同時に、ピタゴラス-プラトン以来の厳密知とソロン以来の実践知の系譜とを調停しようとした理論家、思想家であった。 ルネサンスでも、あるいはフランス革命でも、あるいはキリスト教ですらも、およそ我々が「西洋」と呼ぶ文明を形成したムーブメントにあって、この大昔のローマ人から直接間接にインスピレーションを得なかったものはほとんどないといっていい。 ヘンな宗教にはまって、さんざんな青年時代をおくっていた放蕩者のアウグスティヌスは、このローマ人の書に触れて真人間となり、やがては聖人にまでまつりあげられた。 同じく聖ヒエロスムスは夢の中で、この共和制ローマ最大の弁論家と自ら信仰の源たるイエス・キリストとどっちを取るのか
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
タイトルには若干語弊があるんですが、Googleさんが先にブログで公開した「Authorship Markup」のことを書いておこうかと思います。これまでそんなにGoogleプロフィールを気にすることもなかったのですが、Google+も始まっていろいろ変わってきてますしね。 このAuthorshipっていうのは、「コンテンツ(の作者)とGoogleプロフィールを結びつけて、そのコンテンツの原作者が誰かなのかをはっきりさせること。それによって、Googleを使う人たちも検索結果からその作者を見つけやすくなるでしょう」といった感じでしょうか。 そんなわけで簡単ですが、Authorshipの追加の仕方をひとつ。 ブログを例に挙げて解説するとこんな感じわかりやすく説明するためにブログを例にしてみますね。ブログの記事っていうのは、それぞれの記事に執筆者がいます。執筆者が単体であるうちのようなブログも
Document has moved, if you aren't automatically redirected go here.
Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn’t, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. Common Mista
7/7 に東京、7/9 に札幌で Java SE 7 ラウンチイベントに登壇しました。 東京と札幌では基本的に同じ資料を使ってプレゼンをしました。JavaFX 2.0 は先月行った JavaFX 勉強会の修正版です。 で、思ったのはやはりプレゼンというのはストーリーが重要だということ。 Fork/Join Framework は全体を通して分かりやすいストーリーがあるので、自分でも話しやすいですし、聞いていただいている方たちにも分かりやすいだろうなと思います。 しかし、NIO2 は全体を通すストーリーを作れませんでした。前半はそれなりにちゃんと作り込んだんですが、後半がダメ。機能の羅列になってしまいました。 機能を羅列するにしても、それはそれなりのやり方があるはずです。機能を示すことは各論になりがち。でも、その機能が全体の中でどのような位置づけにあるかということを示せれば、より理解度が深ま
次期OSであるLionのリリースが迫ってきているということで、今現在まで、Snow Leopard を使用してきた環境、使ってきたアプリケーションやプラグインなどなど、全てまとめてみようと思います。 本当に便利なツールばかり。開発者の方々に敬意を表するとともに、今後自分がLionへ移行した時に以前の環境を参照するメモの一つとして、また次のOSでもできるだけ同じ環境が作れたらなぁという期待を込めて。 また、自分自身Macを購入したばかりの時、Macの手書き説明書さんの以下のエントリーをかなり参考にさせていただいたという経緯があります。少し時間の経った記事ですが。 僕のMacができるまで | Macの手書き説明書 この素晴らしい仕事を非常にありがたく感じていて、またこれまでMacを使ってきた自分も自分なりに快適な環境を晒せば誰かの役に立つかもしれないと考えました。いつかまとめたいと思っていたの
古川 享 @SamFURUKAWA KMDの学生がEvernote本社を訪問した時トラック便が来て、フィルが「ちょっと失礼」と席を立ち荷物を受領。「目の前で起きていることを誰が実行するのか迅速な判断が必要、他の社員が忙しく働いていたら、CEOでも真っ先に体を動かすんだ」って、ベンチャー社長の極意を見た。 2011-06-25 22:06:10 古川 享 @SamFURUKAWA FATシステムのヘッダーファイル、の文字がMZから始まるのは、シャープのMZではなく、チーフエンジニアのマーク・ズビコフスキーが「俺のイニシャルにしちゃった」せいである。ちなみに世界初でFATシステムを導入したのは、NEC PC-8001ディスクBASICであーる。 2011-06-25 22:17:10
少し前から ReadWriteWeb でプログラミング言語毎に無料の e-book、チュートリアル紹介記事が定期的にあるなと思っていたのだが、ちょっと気になって調べたら、エントリ数10本を越える堂々たるシリーズになっていた。 http://www.readwriteweb.com/hack/2010/12/6-free-javascript-e-books.php http://www.readwriteweb.com/hack/2011/03/python-is-an-increasingly-popu.php http://www.readwriteweb.com/hack/2011/04/10-free-e-books-on-ruby-for-be.php http://www.readwriteweb.com/hack/2011/04/5-free-b-books-and-tuto
Watching the browser wars unfold has been interesting. Mozilla Firefox was possibly the king only a few years ago, whereas now it seems Google Chrome has taken much of their market shares. For those who use Chrome it may have some bugs but ultimately runs much quicker and scales better than Firefox. And while Mozilla has an Extensions gallery, Google has launched an extensions gallery side-by-side
Since usually the best galleries are created in jQuery, we’ve mainly focussed on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution. Your Web Designer Toolbox Unlimited Down
Tabs are a fundamental part of the web, and they’ve been around for years, but with even more developers going open source there’s a whole world of free code snippets out there. If you’re building a tabbed widget, you could always start from scratch, or you could rework someone else’s code and style the element to fit your project. That’s why I’ve created this collection of the best-tabbed widget
URBAN SOUL RELAX blog クリエイティブスタジオ”URBAN SOULRELAX”を主宰するDJ Y-parkによるTumblr blogです。 活動のインフォメーションや、ちょっとした徒然なテキスト発信など、様々な情報をお送りしています。 Google+ http://www.google.com/intl/ja/+/learnmore/ - - - 様々なSNSを渡り歩き、どこもかしこも経年劣化させてきた皆様、こんにちわ。 新しいのきましたね、Google+。 Google+についての解説は、生卵てんてーのブログ記事も紹介しておきます。 “Google+でソーシャルネットワークはどう変わる?” - - - みんな思い思いにSNSを使い倒してきて、いろいろな疲れ方をしてきたと思うんです。それで結局SNSごととかで人格分裂引き起こして妥協点見つけるとかしないと対外的にスマ
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
An adaptive website is a website that builds a model of user activity and modifies the information and/or presentation of information to the user in order to better address the user's needs.[1] Overview[edit] An adaptive website adjusts the structure, content, or presentation of information in response to measured user interaction with the site, with the objective of optimizing future user interac
Facebookで私たちが行うすべてのことは、世界をより開かれた場所にし、 そのなかでより多くのつながりをつくるという目標に向けられています。 その結果、人々のコミュニケーションやインタラクションのあり方は大きく変化してきています。 私たちは、つねに、Facebook上で、またウェブ全体を通じて、人と人がつながり、 また人々と彼らが関心を向けるビジネス、ブランド、制度がつながるための、 あるべきあり方を開発し続けています。 Facebookを使うことで、マーケティング担当者は人々と一日中つながっていることができます。 人々がコンピュータの前にいようと携帯機器を使っていようと、自宅にいようと職場にいようと、 テレビを観ていようと友達とショッピングしていようと、つねにつながっていられるのです。 そのため、企業は豊かなソーシャル体験を創出し持続的な関係を構築し、 最も強力なタイプのマーケティング
Google+関連のアイコンセットがダウンロードできるサイトを集めてみました。 最近では、Google+1のアイコンもよく見かけるようになりましたね。 ブログやサイトに+1ボタンを付けたい人は、デザインの参考になると思うのでチェックしてみてください。 90-fps.ru Free Google+ Icon Pack Download Source Freebie: Google+ Icon Set Download Source Google+ Icon Download Source Google Plus(+) Circular Icon Set Download Source 4 Free Google+ Icons and also join us On Google+ Download Source Google icons 9 365psd Download Source Fr
Winterfest 2021! Marked 2 is 25% off now through January 11 in celebration of Winterfest 2021.Just use code WINTERFEST2021 at checkout (or click here)! Marked is a previewer for Markdown and other plain text markups. Use it with your favorite text editor and it updates every time you save. With robust features for previewing, reviewing and exporting beautiful documents, you can work in plain text
本連載では、Webデザイナーに向けて、HTML5/CSS3でWebデザインや制作手法はどう変わるのかを解説していきます。主なHTML5/CSS3の役割や機能を学んでいただくとともに、サンプル作成を通してコーディング手法を習得していただくことを目的としています。なお、サンプル作成のツールとしてDreamweaver CS5以降を使用しています。CS5をお使いの場合は、拡張機能「HTML5 パック for Dreamweaver CS5」が必要です。CS5にHTML5 パックをインストールするには、Dreamweaver CS5のアップデータ11.0.3を適用する必要があります。CS5.5の場合、これらのHTML5 パックの機能はデフォルトで実装されています。 ※HTML5とCSS3は現在策定中の草案です。本連載は執筆時点の草案の内容にもとづいており、正式に勧告されるまでに変更されることもあり
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Home も読んでね(本書にまつわる情報をまとめています) アジャイルサムライ道場 ReadingAgileSamuraiInShibuya ... 渋谷道場での読書会 ReadingAgileSamuraiInYushima ... 湯島道場での読書会 ReadingAgileSamuraiInSapporo ... 札幌道場での読書会 ReadingAgileSamuraiInESM ... 永和システムマネジメント(ESM)での読書会 ReadingAgileSamuraiInDwango ... ドワンゴでの読書会 ReadingAgileSamuraiInECNavi ... ECナビでの読書会 ReadingAgileSamuraiInDrecom ... ドリコムでの読書会 ReadingAgileSamuraiInAkita ... 秋田での読書会 ReadingAgile
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city. In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in orde
データベース設計の話をしていて、「連番の主キーは業務上意味のないデータだから、テーブルに持たせるのはムダだ。複合主キーにするべき」という意見を聞く機会がありました。 脊髄反射で「ないわー」と思ったものの、理由を上手く説明できなかったので、改めて考えてみました。 その結果、次のような結論に至りました。 単一の連番カラムによる主キーと、複合カラムによる主キーとで迷ったら 実装をシンプルにし、業務変更の影響範囲を小さくするために、複合主キーを避ける というわけで、調べたことや考えたことをメモしておきます。# 間違っている部分があれば、教えていただけると嬉しいです。 (2011/07/25 追記)複合主キーとサロゲートキーについては、要件やシステムに依存して多様な判断がありうると思います。にもかかわらず、「避けるべき」というタイトルにしたのは極端でした。申し訳ありません。ご指摘下さった皆さん、あり
椿ブログDreaming to impact the world with the Internet! Wife of Brazilian:) Based in Tokyo. Live socially Make people more Happy! 今日、仕込んでいるサービスの第一弾デモプレゼンを社内で実施しました。 始まりは2月14日、バレンタインデーの日にエンジニアSさんにジョインしてもらってから、一週間ムニャムニャスクラップandビルドしつつ、プレスリリースを作ってました。 2月21日の週でプレスリリースを画面遷移にして、デモ版を作り、 2月28日にデモプレゼン (リリースはもっと先、ですけどね) 事実上ゼロから作るサービスを一週間でデモ、プロトタイプを作るなんてやった事なかったし、周りでも「本当にできるの?」と心配されていたので(笑) 本当にできるかなぁ?!と不安半分でしたが、結
ウェブ実装技術が支える電子書籍「読書体験」のデザイン - HTML5・CSS3 でつくった EPUB 3.0 ファイルで実感してみよう EPUB 3.0 の仕様が5月23日に固まり、あとは正式公開を見守るだけという段階になりました。先週末まで開催されていた国際電子出版エキスポの様子からも、出版・印刷各社が本気で電子書籍・EPUB に注力しているのがうかがえます。 EPUB とはなにか・EPUB 3.0 でなにができるのかは、以前このブログにディレクタの内藤が書いた記事(1・2)などで確認していただくとして、今日は、EPUB 電子書籍の制作とウェブデザインとの関連をテーマにしてお話ししたいとおもいます。 EPUB も 3.0 から HTML5 ベース(XHTML5)となり、ウェブページの表現や設計実装に起きている大きな変化の流れに一層寄り添うことが決まりました。 今後、ウェブ制作業界は、HT
This article presents an extremely useful set of tips and best practices for those who are still fairly new to working with typography on the web. We’ll go over the most popular methods for embedding web fonts, sizing fonts and setting a solid line-height. The Ultimate Designer Toolkit: 2 Million+ Assets Envato Elements gives you unlimited access to 2 million+ pro design resources, themes, templat
AppMobi has just launched 2 new HTML5 javascript frameworks for developers building mobile applications. The new aUX (appMobi User Experience) APIs are being offered to the community as open source projects here on GitHub, where they are available for free. One framework is designed for building apps using appMobi's suite of tools while the other can be used by anyone building HTML5 mobile apps, s
おひさしぶりです. 今年3月に開催されたJTPAによるシリコンバレーカンファレンス2011(SVC2011)にあわせて3月9日〜16日の約一週間,カリフォルニアに滞在して企業を回ったり観光したりしてきました. もう帰国してだいぶ経ってるので忘れてる人も多いのではないかと思います.書いては消し,書いては直しを続け,吐き出すのに時間がかかってしまいました.シリコンバレーについては多くの方が色んな事をそれぞれ書いてるので*1,僕が見たままの世界を感じたまま書いていきたいと思います. ビールでも飲みながらゆっくり読んで下さい. 「出発前」 旅立つ前に,シリコンバレーに行く理由としてはっきりとしたものは持っていませんでした*2. 梅田望夫さんの著書を読んだり,Googleのオフィス行ってみたいなーとか「マジで行ったほうがいいよ!」という過去の参加者の方々の熱い話やid:hxmasakiさんの記事*3
In the inaugural topic of this blog on site speed, Hugh Williams spoke briefly about image spriting as a technique to speed up the rendering of a page. CSS Image Sprites are now commonly used to remove the performance problems created by making separate HTTP requests for every image on a web page. Unfortunately the technique cannot be used on a web page with a dynamic image set such as the eBay se
みなさんこんにちは。@ryuzeeです。 2011年6月30日にShibuya.tracの第12回勉強会として、チケット管理システム大決戦第二弾を実施しました。 僕はモデレータ役として登壇させていただきました。普段講演者として発表する機会は多いのですが、モデレータは初体験でしたので段取りが悪かった点もあるかと思いますがご容赦ください。 以下に当日利用した資料を公開します。 手前味噌ですが、このレベルの内容が揃った資料はなかなか無いと思いますし、資料的価値もあると思いますので、参加された方もそうでない方も是非ご覧ください。 質問等がある場合は#shibutraタグをつけてつぶやいて頂ければと思います。(また各資料の左端に作成者のIDを記載しておきました) ご登壇頂いた池田さん、中村さん、山本さん、大貫さん、関さん、藤原さん、原田さん、かぬさん、ご参加頂いた皆さん、事前準備に奔走してくださった
この夏はクーラーの効いた図書館にでも行って、好きな本を読みながらすずしく過ごすのがよさそうですな。 というわけで、図書館好きのあなたにおすすめの無料iPhoneアプリです。 【追記】2014/05 見直し・修正しました 図書館日和図書館日和 1.4.5(無料) カテゴリ: ライフスタイル, ブック 販売元: hiKnowledge Software - Hiroto Kusuda(3.9 MB) ▲よく行く図書館を登録して、蔵書検索と管理。高機能かつバランスの良さに好感 ぞーしょ - 図書館の本を探せるアプリぞーしょ - 図書館の本を探せるアプリ 1.2(無料) カテゴリ: ライフスタイル, 教育 販売元: ELASTIC Consultants Inc.(4.2 MB) ▲全国6000を超える図書館を網羅。蔵書状況・貸し出し状況チェック、予約も可能の万能アプリ。Evernote連携もうれ
今回の原因 #1789: jQuery Mobile XSS Problem by jnlin for jquery/jquery-mobile - Pull Request - GitHubに書かれているXSSが今回の内容。 これは以下のようなhash値をjQueryMobile側のhashchangeイベントがキャッチし、 #<img src=/ss onerror={alert('xss');}> $()関数にhash値を渡すところで発生するよう。 jQueryMobileの2488行目あたりの以下のコードがそれ。このコードは2360行あたりにも存在する。 to = $( ":jqmData(url='" + url + "')" ); そして今回のjQueryのXSSに関する詳しい内容はmalaさんの記事を参考。 jQueryにおけるXSSを引き起こしやすい問題について - 金利0
Java SE 7 launch event のつぶやきをまとめてみた。というかProject Coinまで。 各自自分のつぶやきを追加しちゃってください。
札幌 Java カンファレンス 2011 with TDD BootCamp 札幌サテライトを開催しました。最終的には、来場者数55名、事前キャンセル6名、ドタキャン1名となりました。スタッフや講師を除外しても50名以上が参加され、本当にありがとうございます。当日にはポストできませんでしたが、簡単にレポートをまとめておきます。 今回のイベントは、Java7のLaunchイベントの一環として札幌で何かできないか?という相談を寺田さん(@yosioterada)から頂いた事がキッカケです。そこで開催しなかったら、札幌Javaコミュニティを立ち上げた意味がありません。快諾し、日程を調整した結果、7月9日開催となりました。 ところが、TDD BootCamp東京も運悪くバッティング。実は参加を企んでいたのですが、未遂に終わります。しかし、各地でサテライト開催の企画があがっていたため、札幌も便乗する
目的 Vistaが世に出てから、サロゲートペア文字列の扱いに頭を悩ませているエンジニアの方々も多いと思うのですが、「java サロゲートペア substring」とかで検索しても、なぜかそれっぽい記事が出てきません。 毎回実装するたび忘れて再実装しちゃうので、作ったクラスをメモしときます。 (もしかして、汎用的なUtilityとかあるのか?) ソース public final class CodePointUtils { private CodePointUtils() { } /** * サロゲートペア文字を置換. * * @param str * 文字列 * @param replacement * 置換文字列 * @return 置換後文字列 */ public static String replaceSurrogatePair(String str, String replace
2011年 07月 11日 HTML5、CSS3に関する情報まとめ。リファレンス情報、辞典サイト、CSSジェネレーター、Validatorなど知識~活用まで カテゴリ: CSS3 HTML HTMLとCSS タグ:CodingCSS3ジェネレーター作成支援ツール 現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。 html5 現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ(@CROO1379)が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
Audiofile.ccはHTMLタグを楽譜化して表示するJavaScriptライブラリ。 Audiofile.ccはHTML5/JavaScript製のオープンソース・ソフトウェア。Webベースのアプリケーションが増えるに従って、表現したい内容も増えている。テキスト、画像、動画、音楽以外にも様々なデータを表示したいと思っているはずだ。 表示例 HTML4以前ではFlashが活躍した。だが時代はHTML5に移り変わろうとしている。今はCanvasタグで様々なコンテンツを表示する。Audiofile.ccはその一つ、楽譜を表示するソフトウェアだ。 楽譜についてはMMLと呼ばれるマークアップ言語があるが、Audiofile.ccではそれは用いていない。あくまでも独自の記法に則って記述する必要がある。具体的にはdivタグに対してdata-note/data-pitch/data-octaveとい
The landscape of the Internet drastically changed a few years back. Before, web designers only had to worry about a few different viewing platforms, primarily desktop views. This changed with the growing popularity of mobile devices, with their various sized screens, and created a new set of challenges for web designers and developers. The idea behind Responsive Web Design is that a website should
もうすでにいろんなところであーだこーだ書かれているGoogle+ですが、あくまで自分はこう思っていた的な回顧録として現時点での自分の考えもここにまとめておきます。 Google+を利用するときに大前提として忘れてはいけないのは、Google+がサービス名称ではなくてプロジェクト名であるということ。ログインし続けているとなかなか気が付かないのだけれど、ログイン前の画面ではしっかりとGoogle+がサービス名称ではなく「ウェブ上の情報共有をもっと簡単に」をコンセプトとしたプロジェクトであることが明記されています。 Google+は「プロジェクト」 そしてもう1つ大事なことが、サービス開始当初から利用できている人はユーザーではなくテスターであるということ。サービス向上や改善のためにフィードバックすることを目的として参加できているのであり、「このサービスつかえねー」と文句だけいうためにいるわけでは
Hello dear reader, we all know that typography plays a crucial role in web design, as it contributes to a website’s readability, aesthetics, and user experience. It goes beyond merely selecting attractive fonts; typography is an essential aspect of user interface design that can help create a strong visual hierarchy, provide a graphic balance, and […] Our focus in this article will be to discuss s
0.30.0h5ai is a modern file indexer for HTTP web servers with focus on your files. Directories are displayed in a appealing way and browsing them is enhanced by different views, a breadcrumb and a tree overview. Initially h5ai was an acronym for HTML5 Apache Index but now it supports other web servers too. See the demo directory with most features enabled. A reduced example and my actual use case
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く