お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ! はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
まだ体験されてない方は、ぜひ触ってみてください。 iPhone/iPadのSafariにメモ機能を追加するブックマークレット ClipNote メモ書きがSafari内で完結する。Webページを編集可能にしてしまう魔法の呪文、contentEditable。コピペがしやすくなるのは良いんですが、それ以外は使えない。イタズラ書きするくらいのもの... 「タグなしでコピペするんだったら、カーソル移動もスライド方式が良いよなあ」と夢想したら、いつの間にか出来てました。早ッ!Safari版DarkRoomです。 javascript:editor="draftpad://insert?after=<@>";fontsize="20";color="lime";bgcolor="black";text="data:text/html;charset=UTF-8,<meta name=viewport
jQueryでのAjaxについては実案件でもポツポツ使ってましたが、Ajax呼び出し元とサーバーが同じドメインのケースばっかりで、 サーバーのドメインが異なるケースについては詳しくなかったので、再確認しました。 業務系Webシステムを作ってるとあまり使わない気がしないでも無いですが、例えば他システムのWebAPIをAjaxで呼んだりするかもしれません。 あと、PhoneGapを使う場合は必須になるのではないでしょうか。 以下、サンプルを記述しました。 サーバー側プログラムはSAStrutsですが、他言語でも内容はほとんど変わらないと思います。 同じドメインでのAjaxの例 サーバー側プログラム @Execute(validator=false) public String normalAjax() { String data = "{\"id\" : \"A001\",\"name\" :
Drive is a great place to store HTML, JavaScript and CSS files so they are safe, available from anywhere, and easy to work on with others. And now you can host and share this content too. How it works: Create a new folder in Drive and share it as "Public on the web." Upload your HTML, JS & CSS files to this folder. Open the HTML file & you will see "Preview" button in the toolbar. Share the URL t
※ただし、SafariではFileReaderオブジェクトを、Internet Explorer 10ではreadAsBinaryStringメソッドをサポートしていません。 TIPS 053:ファイルの名前/種類/サイズを取得する Fileオブジェクトを利用することで、ローカルファイルの情報にアクセスできます。 例えば以下は、<input type="file">要素で指定されたファイルの名前やサイズなどを表示するサンプルです。 [リスト01]ファイルの情報を取得するコード(fileinfo.html) <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />
Few years ago, there were lots of cool and interactive websites that were built with Flash. They would often feature full screen layouts, animated elements and futuristic interfaces that made HTML websites look plain and tedious. Yet unfortunately Flash comes with several problems such as high processor load or loading time, but these days these problems have overcome with HTML5, CSS3 and JavaScri
みなさん Github を利用していますか? 「Git がわからないから…」と、そんな理由で使わないのはもったいないです。 Webや開発に携わる人間であれば、例えプログラムを書かなくても、Github へアクセスする機会は増えているのではないでしょうか。 Webの人であれば jQueryのプラグインを探したり、サンプルコードが Github においてあったりすると思います。 しかし、いきなり使いこなすのは難しいので、まずは以下のことをはじめてみることをおすすめします。 アカウントを作る 知り合いや気になる人をフォローする 自分が利用しているリポジトリや気になるリポジトリにスターを付ける News Feed を読む 日本人がやってるネタリポジトリの Issues やPull Requestsに絡む Gitを利用しなければいけない機能はとりたててありません。(Pull Requestには突っ込
TOP > Design > 光感のある背景を制作できるチュートリアルまとめ「20 Wonderful Abstract Backgrounds Tutorials」 デザインソフトを駆使することで、現実世界にはないグラフィカルな世界観を作り上げることができますが、デザインソフトを上手く活用するには、多くの制作知識が必要になります。今回はそんな時に是非参考にしたい、光感のある背景を制作できるチュートリアルをまとめた「20 Wonderful Abstract Backgrounds Tutorials」です。 Hexagon Bokeh Effect in Photoshop | Abduzeedo Design Inspiration & Tutorials 曲線や直線、図形などを組み合わせた美しいバックグラウンド素材の作り方が多数紹介されています。中でも気になったものをいくつか
サーバ側にmod_spdyをインストールし、Google Chromeで、HTTP2.0でベースとなるSPDYのデモが行われた「Chrome Tech Talk Night #5」をレポートする。 Webサイト高速化のプロセス自動化と最高のパフォーマンス計測ツール 1月31日、Google 東京オフィスで開催された「Chrome Tech Talk Night #5」の模様をレポートします。Chrome Developer AdvocateのIlya Grigorik(イルヤ・グリゴリック)氏を迎え、SPDY導入方法を含むWebアプリケーションの高速化や、パフォーマンス向上の手法について説明されました。 イベント自体は「Making the Web Fast with PageSpeed」、「Wait, Chrome DevTools can do THAT?」の2部構成でしたが、このレポ
Movable TypeのTinyMCEに任意のボタンを追加する方法を紹介します。 完成イメージ 1.TinyMCEのカスタマイズについて Movable Typeでは、バージョン5.2以降からリッチテキストエディタとしてTinyMCEが採用されました。 MT5.1まで提供されていたテキストエディタでは、プラグインを使ったカスタマイズが行えましたが、TinyMCEでは同じカスタマイズを行うことができません。 TinyMCEに新たな要素を追加といったカスタマイズを行うには、基本的にデフォルトで用意されているTinyMCEのプラグインを利用します。 TinyMCEのプラグインは、 mt-static/plugins/TinyMCE/tiny_mce/plugins 配下に用意されています。 1つのアイコンに1つの要素を割り当てようと試みたのですが、プラグインをざっとみたところ、そのような都合の
A tale of two clocks Stay organized with collections Save and categorize content based on your preferences. Introduction One of the biggest challenges in building great audio and music software using the web platform is managing time. Not as in “time to write code”, but as in clock time - one of the least well-understood topics about Web Audio is how to properly work with the audio clock. The Web
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y What is Stately? Stately is a symbol font that makes is easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visuali
video/audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない!音声/動画対応したHTML5 - audio/video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
なぜGoogleはJSONの先頭に while(1); をつけるのか #JavaScript #HTML #Ajax #StackOverflow - Qiita これはクロスサイト・リクエスト・フォージェリ対策。違うよ!全然違うよ! 攻撃者の作成した罠ページにてJSONを<script src="target.json">みたいに読み込んで、ゴニョゴニョやることでJSON内の機密情報に攻撃者がアクセス可能というのは合ってるけど、それを「クロスサイト・リクエスト・フォージェリ」とは言わない。無理に何か名前をつけて呼ぶとすれば、「JSON Hijacking」という俗称や、あるいは単純にクロスサイトでの情報漏えい、程度ですかね。 ちなみに、ArrayコンストラクタやObjectでのアクセサを定義してJSONをJSとして読み込んで内部にアクセスする手法は、現在のところ公にされているところでは古
自民党の橋本聖子参院政審会長は6日午前、柔道女子日本代表での暴力問題を告発した選手15人の名前は公表されるべきだとの認識を示した。党参院議員総会で「長年のいろいろな問題を訴えることには非常に大きな責任がある。選手一人一人が理解しなければいけない」と述べた。 橋本氏は日本オリンピック委員会(JOC)理事で、選手の聞き取り調査をするためにJOCが設置した「緊急調査対策プロジェクト」のメンバーを務める。 総会では「プライバシーを守ってもらいながらヒアリングをしてもらいたいというのは、決していいことでない」と指摘。「あまりにも選手のプライバシーを守ろうとする観点から、15人の選手が表に出ていないことをどう判断するか。非常に大きな問題だ」と語った。 5日の自民党スポーツ立国調査会の会合でも、調査がしくにい点などを理由に告発選手名の公表を求める声が出ていた。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く