You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
JavaScriptでリアクティブっぽくとにかく短くシンプルにビューが書けるライブラリを作った。 mizchi/horn.js https://github.com/mizchi/horn.js 名前は背骨とか角とかっぽければ何でもよかった。 方針 Angularっぽいユーザー定義のdirective Knockout.js っぽいデータバインド Backbone風の軽量なAPI 依存はjQueryのみ とにかく短くビューのコンポーネントの塊を書けるのを目的とした。UnityとかFlashのコンポーネントに影響を受けている気がする。 HTMLのテンプレートによって、ビューがどういう属性を持つか決定される。それをJavaScriptから使う。 インストール bower install horn 使い方 こんな感じでテンプレートを用意する <div data-template-name="st
Using CSS Regions With CSS Shapes For A Better Reading Experience Published on 05 Dec, 2013 | Takes approximately 8 min to read Using CSS shapes we can flow our content in non-rectangular areas. And sometimes we want to be able to flow our content into multiple custom-shaped areas inside an element. If you've read my previous article, you already know that this can be done with CSS Shapes, by u
An excellent feature of SVG is that you can define a shape (or set of shapes) once, and then use it multiple times throughout a page. You can even apply different fills and filters and whatnot to the different versions. SVG templating, if you will. Let’s see if we can put that to good use by creating some tabs. I learned this was possible through Oleg Solomka’s article on Codrops. Clever stuff! It
“Can we make it AAA-compliant?” – does this question strike fear into your heart? Maybe for no other reason than because you will soon have to wade through the impenetrable WCAG documentation once again, to find out exactly what AAA-compliant means? I’m not here to talk about that. The Web Content Accessibility Guidelines are a comprehensive and peer-reviewed resource which we’re lucky to have at
はじめに こんにちは。たけかわです。先日、お客様より「タブレットからAmazon S3を使うことができないか?」という相談を受けました。私はiPadユーザーでDropboxなどのクラウドストレージはつかうのですが、Amazon S3を直接使ってはいませんでした。折角質問をいただいたので、どのようなアプリケーションがあるか調べてみました。ただ、申し訳ないのですが実際に利用しての確認までは出来ていませんので御了承ください。 Amazon S3を直接使う利点 タブレット用にクラウドストレージのサービスは幾つも出ています。Amazon S3はそれらのサービスの裏側で使われることが多いです。Amazon S3を直接使う利点は次の二つです。 費用がユーザー単位ではなくディスクサイズ、転送量のため安価 アクセス権限を集中管理できる 多くのクラウドストレージはユーザーと利用ディスクサイズで課金されます。S
One of my favorite quotes/phrases about responsive web design is this one by Luke Wroblewski: “Losing 80% of the screen space forces you to focus on the most important set of features for your customers” To me it really sums up what responsive web design is all about, and why the mobile first approach has forced us to focus on the really important feature of any webapp — its content! Another great
この記事は tech.kayac.com Advent Calendar 2013 23日目の記事です。 こんにちは!最近rubyを書かせていただいております@yumiyonです。 技術の話が続きましたので、今日は変わってSEO(Search Engine Optimization)の話をしたいと思います。 創ったサービスは、なるべくそのサービスに関連するクラスタの方々に知って使ってほしい . . . ! と思うのは世の常です。 というわけで、わたしが普段Webサービスを創るときにチェックしている「最低限」気にするべきSEOのチェックリストをご紹介いたします。(2013年12月現在時点での内部施策) 目次 検索エンジン向けのXMLサイトマップを作成する パンくずリストを作成する 狙いたいキーワードに沿った適切なページタイトルを設定する 1ページ1テーマを徹底する サイトの表示速度は最大限に
この記事は tech.kayac.com Advent Calendar 2013 21日目の記事です。 こんばんは。13新卒の @m0t0k1ch1 です。 @mackee_w さんに立てていただいた scala フラグを倒させていただきまして、、ここ1週間くらい1人でこそこそやっていたことについて書きたいと思います。内容は表題そのままの感じです。 soundcloud について soundcloud 有名な無料音楽クラウドサービス イケてる remix が多いので、ここで音楽を聴きながらコードを書くことが大半 ローカルに音楽ファイルを持ちたくないのでうれしい soundcloud に対して最近感じていた不満 本家ではリピート再生が(曲単位・プレイリスト単位ともに)できないのでつらい SoundCloudRepeat.com もあるけど、決め打ちでリピート再生というよりかは、お気に入りの
Fix a Flickering Screen Issue with External Displays on Mac After Updating Mac OS X Having recently went through the process of updating a handful of Macs to the latest versions of Mac OS X as part of a gifting tech support campaign, several Macs developed an odd flickering display problem that was only visible when an external monitor was connected to the Mac. On an 11″ MacBook Air, the screen fl
このエントリーはtech.kayac.com Advent Calendar 2013の22日目のエントリーです。 こんにちは、サンタさんには給料三倍をお願いしました@hisaichi5518です。 Github使ってますか? そうですね、使ってますね。最高です。 カヤックも最近のサービスは、Githubを使って開発しています。最高です。 当然、イシューやプルリクを使って開発しているのですが、 ブラウザでイシューの新規作成画面を開くためにポチポチするのがめんどくさかったり、 ブラウザで現在のブランチのイシューを開くためにポチポチするのがめんどくさかったり、 イシューをプルリクに変えたりするのも、わざわざイシューを指定したりするのがめんどくさかったり、 イシュー番号からブランチを移動するのがめんどくさかったり、 とにかくめんどくさすぎると思ったので、そういうのを改善するスクリプトをちゃちゃっ
Delete GarageBand, iMovie, & iPhoto If Unused to Free Up Disk Space in Mac OS X The wide variety of default iApps which come preinstalled on most Macs these days are all great applications, but if you don’t actually use them, they just take up disk space. Case in point are Garageband, iMovie, and iPhoto, three fantastic apps for making music, editing videos, and managing photos, but if you never u
AndroidはGoogle、iOSはAppleがアプリストアを握っており他社にとっては入り込みづらい状態になっています。とは言えタブレットやスマートフォンは今後伸びるのが間違いない市場であり、取り組まないわけにはいかないのも実情です。 そこで各社が取り組んでいるのがHTML5です。オープンなWebに力を入れることで市場を獲得しようと試みています。IntelもHTML5に力を入れようとしています。それが今回紹介するXDKです。 まずダウンロードから。ダウンロードが終わったらインストール、起動します。 起動しました。左のメニューからプロジェクトを選びます。 メイン画面 今回はデモから選びます。多数のデモが登録されています。 デモ一覧 アプリのベースを選んだら作成するアプリ名を決めます。 プロジェクト名称入力 しばらく待ちます… 作成中 プロジェクトが開きました。デザインモードとコードモードの
ここ最近静的サイトが人気を集めています。何でもデータベース、とりあえずスクリプト言語といった風潮がなくなるのはとても喜ばしいことです。やはり技術は必要に応じて選定されるべきで、技術ありきで進んでも幸せにはなれないでしょう。 動的な仕組みが必要であっても大した問題はありません。そのための仕組みは既に多数用意されています。もしWeb上でのコメント機能が欲しければTalariaを使いましょう。ストレージにGitHubを使ったコメントシステムを提供してくれます。 Webサイト上での表示。ユーザはGitHub上のものとなっています。 コメントしようとするとGitHubにジャンプします。 Talariaの特徴としてはGitHubのコミットを単位としてコメントを管理できるということです。静的なサイトに埋め込んでも良いでしょうし、プログラミングコードとの相性もとても良さそうです。 コメントの投稿はPOST
@nobu_ohtaです。 teck.kayac.com Advent Calender 2013 19日目のエントリです。 今回、advent calendarを口実にvagrant-configspecをリリースしました。 インストールは vagrant plugin install vagrant-configspec です。 コード自体は https://github.com/ankoromochi/vagrant-configspec で公開しています。 動機 configspecを触ってみたかった。 mizzyさんのブログで紹介されているように、immutable infrastructureという文脈で出てきた、冪等性や依存関係をあまり気にしない感じのconfiguration management tool。 同じくmizzyさんが作者のサーバの状態のテストを行うserve
jQuery editTable is a very small jQuery Plugin (~1Kb gzipped) that fill the gap left by the missing of a default input field for data tables. jQuery editTable can be used both in ajax and/or HTTP POST contest and let you preset the title and number of columns or just let complete freedom to the user. You can even append custom behaviors to single column cells (ex. jQuery UI Datepicker). The only l
Fluentd Advent Calendar 2013の一部です。(PST だとまだ 20 日なのでお許し下さい。。。) 最初は iOS からCocoaFluentLoggerでなんか送って遊んでみようかと思ってたんですが、単にタップした場所のログ送るくらいだったらあっさりできてしまって(CocoaFluentLogger の出来が良い)、それ以上楽しいことをやるには iOS のスキルが足りなかったので、急遽 Mesos で遊ぶことにしました。動かなかったらごめんなさい! riywo/sample-fluentd-on-mesos-docker 概要 今回は Mesos クラスタの上に Fluentd(td-agent)を好きな数だけ配置して、フロントとして HAProxy を立て、バックエンドに Elasticsearch を置いてみました。結果は Kibana で見ます。 Fluen
kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。 また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定
こんにちは、やま です。2回目の投稿です、よろしくお願いします。 前回、"Amazon Linuxの環境にRubyの実行環境を構築する方法" を紹介させていただきました。今回は、この環境上にknife-soloの環境をつくって、Webサーバを構築する簡単なレシピを作成・実行してみたいと思います。 構成としては以下のイメージです。 Amazon Linux(今回はami-be1c848e)を2台用意 knife-solo実行マシンは事前にRubyの環境を用意 両方ともインターネットへ接続可能 セキュリティグループの設定はそれぞれ以下の通り knife-solo実行マシン:sshが有効 Webサーバ: ssh, httpが有効 操作はすべてLocal PCからknife-solo実行マシンにSSH接続をしておこなっていきます。また、knife-solo実行マシンからWebサーバへアクセスする際
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く