Ford and its joint venture partner SK On, will increase wages at two planned EV battery factories in Kentucky and Tennessee in an effort to assuage striking autoworkers. That offer might not be enough
ラインの美しさと遊び心の詰まったフォント集「thumbnail Fonts \ Resources 30 Elegant and Beautiful Free Fonts for Creative Designs」 デザインの印象を左右するフォント選びは重要であり、神経を使う作業の1つでもあります。今日紹介するのは、ラインの美しさと遊び心のあるフリーフォントを集めたフォント集「thumbnail Fonts \ Resources 30 Elegant and Beautiful Free Fonts for Creative Designs」です。 (Scriber™ – Webfont & Desktop font « MyFonts) シンプル系のロゴにも使えそうな質の高いフォントや、個性的で遊び心溢れるフォントが全部で30種類集められています。今日はその中から幾つか気になったものを
Fedora 8 上で node.js を RPM からインストールする おばんです。最近では JavaScript に夢中になっていて、サーバサイドも JavaScript で書きたくなってきた今日この頃みなさまいかがお過ごしでしょうか。 今回はサーバサイドで JavaScript を実行することが出来る node.js (執筆時点で最新版の v0.2.3) を Amazon AWS の Fedora 8 上で RPM を作ってインストールしてみたので記録として残しておきます。未確認ですが他の RedHat 系のディストリビューションでも通用するかと思います。 前もってソースコードのビルドに必要そうなものを入れておく # yum groupinstall "Development Tools" コンパイラや基本的なライブラリをまとめてセットアップしてしまいます。 必要なファイルを集める
言語を知らなくても簡単にAndroidアプリが作れる――。誰でもプログラマになれる“驚愕”の開発ツールが登場した。米Google社が提供する「App Inventor」だ。早速、開発のしやすさを体験してみた。 米Google社は2010年12月16日、Androidアプリを開発するためのツール「App Inventor」のベータ版を一般公開した。同年7月から登録者のみに提供していたものだ。ツールおよびWebサービス、Javaアプリの3つの組み合わせで実現している。 App Inventorの特徴は、プログラムをコーディングしなくても、Androidスマートフォンで動作するアプリが即席に作れること。パズルを組み合わせる感覚でプログラムを作成できる(図1)。Javaを知らない人でも、Androidスマートフォンを持っていれば、そのまま個人用のアプリが即製可能だ。
はじめまして! 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します! 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか? 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ><」というヒトでも安心して始められるのでは
本稿では、Node.jsの特徴や動作原理に触れ、サンプルや役に立つパッケージ、活用事例などを紹介したいと思います。 主なサーバサイドJavaScript Node.jsに触れる前に、予備知識として他のサーバサイドJavaScriptにも触れておきます。Node.js含め、サーバサイドJavaScriptには、主に以下のようなプロジェクトがあります。 サーバサイドJavaScripの標準仕様「CommonJS」とは サーバサイドJavaScriptには、「CommonJS」と呼ばれる標準化が策定されています。標準化というと難しい感じがしますが、要はサーバサイドでJavaScriptを実行するのに何が必要かを仕様として、定義しているドキュメントのことです(例えば、「ログが必要だよね」など)。 Node.jsは、このCommonJSに則って開発されています。現段階であれば、CommonJSの仕様
ブロック要素に巻いて立体感を出せるリボンをWEB上でジェネレート「3D Ribbon Generator」 2011年03月01日- 3D Ribbon Generator - CSS3d.net ブロック要素に巻いて立体感を出せるリボンをWEB上でジェネレート「3D Ribbon Generator」。 様々なタイプをベースに自由にデザインして使えます。 かなり自由にカスタマイズが効きます。 ジェネレートボタンを押せば、HTMLとCSSがその場で出力されるという便利なツールです。 既存CSSに貼りつけてHTML書きなおせばOKというお手軽さはいいですね IEでも使えるところもポイント。 関連エントリ レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集 CSS角丸ボックスジェネレーター「RoundedCornr」 オンラインで動く、色, CSS, robots.txt, .ht
Openpear :: Open PEAR Repository Channel WEBサービス作るなら忘れてはいけないもう一つのPEAR「Openpear」の便利モジュール集。 本家のPEARよりいいんじゃないか?というぐらい便利なライブラリが揃っているOpenpearからよく使いそうな物をまとめてみました。 2011年2月現時点で186もの便利モジュールが登録されています。 ちょっと古いものも含まれており、動かないものもあるかもしれませんが便利そうなものをとりあえず羅列してみます。 Services_ShortURL_Googl goo.glにURL短縮するライブラリ。PEAR::Services_ShortURLのサブパッケージだそうです。 Services_Foursquare FoursquareのAPIを叩くライブラリ Services_SBM_Info はてブ数やTwitte
Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」。 もうなんでもアリか、という感じですが、次のように地下鉄マップ風のグラフィックを自由に描けるプラグインです。 ULのリストで定義していくと次のように自由に図形が描画出来ます。 東京の地下鉄を作ってみても面白いかもしれませんね。 まあ地下鉄じゃなくてもJRとかでもいい気がしますが。 関連エントリ テーブルの内容をリアルタイムにグラフ描画できるjQueryプラグイン「graphTable」 グラフ描画用のjQueryプラグイン集 jQueryベースの滑らかなグラフ描画ライブラリ「Flot」
フォームのテキストフィールドに、入力補助になるテキストを表示し、ユーザーの入力時にそのテキストを消去するjQueryのプラグインを紹介します。 jQuery Plugin: autoclear デモ [ad#ad-2] テキストフィールドに表示されるテキストには、class名を付与し、スタイルシートでカラーなどを設定することもできます。 デモは、「color:gray;」が指定されています。 autoclearの実装 HTML 表示されるテキストは、title属性内のデータを利用します。 <form method="post"> <label for="name">Name:</label><input type="text" id="name" name="name" title="John Smith" value="<?php echo $_POST['name'];
複数の異なるエレメントを組み合わせて、複雑で繊細なテクスチャを作成するPhotoshopのチュートリアルを紹介します。 Textured backgrounds in Photoshop ※クリックで拡大 [ad#ad-2] 上記の繊細なテクスチャは複数のレイヤーに、異なるエレメントを組み合わせ、異なるレイヤーの不透明度とモードが使用されています。 Photoshopでのレイヤーの状態は下記のようになります。
面白かったのでご紹介。地下鉄路線図 のようなグラフィックを簡単に描ける、と いうユニークなjQueryプラグインのご紹介 です。なかなか珍しいですね・・・地下鉄 の路線図はインフォグラフィックでもよく 使用されていますね。 HTML5のcanvasを使って路線図のようなグラフィックを簡単なマークアップで描けます。駅に当たる場所にはリンクも貼れるので、上手く使えば面白いコンテンツが出来るかも知れないですね。 駅名部分がリンクになっていますよ。画像は使っておらず、HTML5のcanvasで書いていますのでIEには対応していません。 使い方<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jque
JIS X 0213の第3・4水準漢字の一部が4バイトとなる。マイナーな文字ですね。 例えば、第1・2水準漢字だけ対応していればよい案件などでは考慮しなくてよいでしょう。 MySQLではこのUTF-8で4バイトになる文字を扱えないのだとか(MySQL6なら対応したそうだ)。 数値文字参照で全部書いてみた。 (パッチのあたっていないWindowsXPなどでは表示されないです。) 𠀋 𡈽 𡌛 𡑮 𡢽 𠮟 𡚴 𡸴 𣇄 𣗄 𣜿 𣝣 𣳾 𤟱 𥒎 𥔎 𥝱 𥧄 𥶡 𦫿 𦹀 𧃴 𧚄 𨉷 𨏍 𪆐 𠂉 𠂢 𠂤 𠆢 𠈓 𠌫 𠎁 𠍱 𠏹 𠑊 𠔉 𠗖 𠘨 𠝏 𠠇 𠠺 𠢹 𠥼 𠦝 𠫓 𠬝 𠵅 𠷡 𠺕 𠹭 𠹤 𠽟 𡈁 𡉕 𡉻 𡉴 𡋤 𡋗 𡋽 𡌶 𡍄 𡏄 𡑭 𡗗 𦰩 𡙇 𡜆 𡝂 𡧃
デモページ これらのエフェクトの種類は数多く用意されていますが、独自のプラグインを作成して使用することも可能です。 詳しくは、ドキュメントを参照ください。 CamanJS Document Creating a Plugin [ad#ad-2] CamanJSの実装 「caman.full.min.js」を外部ファイルとして記述し、下記のようにスクリプトを記述します。 <script type="text/javascript"> Caman("images/example-image.jpg", "#example-canvas", function () { this .saturation(20) .gamma(1.4) .vintage() .contrast(5) .exposure(15) .vignette(300, 60) .render(); }); </script>
CSS Specific for Internet Explorer デモページ(※IE7で表示) [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ(IE9, Firefox, Chrome, Safari, Operaなど) 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ(※IE8で表示) IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
WordPressは1万3000以上のプラグイン、1300以上のテーマが公式に登録されており、その拡張性から大体のことは出来てしまいます。 但し、弱点があってデフォルト利用だとパフォーマンスがあんまり出ないってことで、アクセスの多いブログでも捌けるようにするには色々工夫が必要ということで高速化に関するページを色々まとめてみました。 15 Ways To Speed Up Wordpress WordPressでのページ表示高速15の方法。 体感速度をあげちゃう方法が色々と載ってましたので通常のWEBサイト作りにおいての常識も多く含みますが参考までにメモしてみました。 FirebugとYSlowを使ってページを最適化しよう W3 Total Cache を使おう WP Super Cache 等、静的にキャッシュしてそもそもDBアクセスをなくしちゃったりするプラグインを使おうという話 WP
CSS3 Progress Bars | CSS-Tricks CSS3で動くプログレスバー作成サンプルが公開されています。 JavaScriptに頼ることなく実現できています。jqueryに思いっきり頼ってました。大変失礼! デモページはこちら 一本のバーの実現に必要なコードは次のようにシンプル。 <div class="meter"> <span style="width: 25%"></span> </div> デザインが可愛いのでこうしたテイストのサイトにそのまま使えます。 CSS3が動くスマートフォンでも使えそうですね。 これはとてもナイスです。 関連エントリ ステップで学べるCSS3ボタンのデザインチュートリアル 便利なCSS3ツール6つ+α CSS3のジェネレーター14種 IE6-8でもCSS3が使えるようになる「CSS3 PIE」
25 Free Wordpress Minimal Portfolio Themes シンプルなポートフォリオサイト構築用WordPressテーマ25がまとまっていました。 かなり斬新な物がおおかったのでコメントと共にご紹介。 どう見てもWordPressサイトに見えない写真がメインコンテンツのブログ。 すごくオシャレでいい感じのフォトログが作れます こちらも写真をオシャレにならべたWordPressテーマ。これもWordPress使ってるとは思えません。 かなり斬新でクール なんと写真がメインで、カーソルを合わせることでテキストが出るという全く新しいインタフェース。 WordPress入れてこのテーマを入れて名刺に書いとけば、インパクトが大きいでしょう。 こちらはシンプルな写真ベースの記事サイト。 写真をメインのコンテンツにしつつもテキストも見やすいテーマ 他にも色々あるので参考にしてみ
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ?と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな?と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp:40分で覚える!jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く