Tags

閉じる

Category

閉じる

Search

Search

閉じる

( ・ω・)⊃ ほんだ の記事

一人一文字 みんなでつくる!

HTMLファイ部のほんだです。

このたび、最近リリースしたカヤックのサービス、
FONTA 一人一文字 みんなでつくるフォント
への投稿が1000文字を超えました。(ワーッ)

今回は集まった文字の中から、
制作チームも予想していなかった、秀逸すぎる作品を紹介します!

続きを読む

動くぞ!きれいだぞ! ヘ(・_・ヘ)

とにかく痩せたい、HTMLファイ部のほんだです。

jsdo.itnakamapPaberishHTML5実力テストといった自社運営Webサービス
HTML5エンジニアを担当している者です。

jsdo.it、ユーザー数 5万人突破!

手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、
ユーザー数 5万人を突破しました!(わーい!)

今回の記事では、jsdo.itのユーザー5万人を記念して、
HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します!

あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。

続きを読む

「HTMLファイ部」のほんだです(・Å・)∫

jsdo.itnakamapPaberishHTML5実力テストといった自社運営Webサービスの
HTML5エンジニアをやっているものです。

よろしくお願いします!


「HTMLファイ部」創立1周年!

非常に手前味噌ではございますが、
弊社HTMLファイ部が創立から1年になりましたっ!・u・

HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。

今回の記事では、HTMLファイ部の一周年を勝手に記念して、
HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます!

続きを読む

HTMLファイ部のほんだです。シュッ

「ページ遷移」、聞くだけでゾクゾクしませんか? 僕は大好きです。

Web Creator's Contest Q(HTML、CSS、JavaScript エンジニアのためのコンテストサイト)では、
ページ遷移・画面遷移をテーマにしたコンテストを開催中です。

とても好評で、5回目となった当コンテスト。
今回のテーマも、力の入ったコードがたくさん投稿されています!

続きを読む

仲夏。HTMLファイ部の本多です。

jsdo.itにて、コーディングコンテスト「Web Creator's Contest Q」を開催しています。
QはWebクリエイターのためのコンテスト、HTML5、JavaScript、CSSを駆使して挑戦しましょう!

募集中のテーマはズバリ、

夏を涼しくする表現

暑い夏をひんやり涼しくしてくれる作品をお待ちしています!

本記事では、続々と集まっている投稿作品の一部をご紹介します。
夏の暑さでやる気のでない方、涼しくてアツいHTML5作品をご堪能あれ!

※ Chrome、Safari など、最新のモダンブラウザでご覧ください。

続きを読む

HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」!

HTMLファイ部の「HTML5の鬼」ことほんだです。

カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。
スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。

今回は「高級ペライチ」とググると1位に表示される、
僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します!

続きを読む

初夏。HTMLファイ部の本多です。

夏祭りが待ちきれないあなたのために、金魚すくい顔負けのハマるゲームをご用意しました!

カヤック運営のHTML5ゲームの投稿プラットフォーム「jsdo.it HTML5-Games」から、
HTML5でつくられたブウラザゲームを紹介します。

※ Chrome、Safari など、最新のモダンブラウザでご覧ください。

HTML5ゲームまとめ

JSパーティクル崩し

ブロック崩しならぬパーティクル崩し!

最初はガマン...!
数分間打ち返し続けると、フィーバータイムに突入します!

jsdo.it HTML5-Gamesでみてみる。(詳細説明あり)

続きを読む

HTML5ゲームの投稿プラットフォーム「jsdo.it HTML5-Games」がスタート!

HTMLファイ部ほんだです。

カヤックの新規開発事業部「ブッコミジャパン」が、
HTML5ゲームをあそべる、つくれるプラットフォーム「jsdo.it HTML5-Games」をリリースしました!

jsdo.it(弊社運営のHTML5コード共有サイト)からHTML5ゲームを簡単に投稿でき、
他のクリエイターによって投稿されたゲームを無料で遊べます!

また、スマートフォンをコントローラーにしたゲームを簡単につくれるようになる
JavaScriptライブラリ「jsdoitController.js」もリリースしました。

今回は「jsdoitController.js」で使えるようになる
jsdo.it WebSocket Controller」(以下:jsdo.it コントローラー)の
仕組みについてお話ししたいと思います!

続きを読む

Webフォントでアイコンをつくろう!

ゆとりジェネレーションのほんだです。

最近、Webフォントを使用する仕事に多く携わった関係で、
Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。

ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。
(以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。)

jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS

 

アイコンを作成するだけだと、あまり新鮮さはありませんが、
CSS3時代のいま、これはとっても有効なマークアップ方法となっています。

詳しくは、つづきからどうぞ!

続きを読む

4月から入社した2011年度新卒社員です。

ハロこんにゃんセヨ
がぜんウェブウェブしているほんだです。

今年4月より、意匠部のME課(めか)でマークアップエンジニアとして働いているほんだです。
入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType(ブログ構築ツール)での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。

そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript(以下 JS)プログラミングです。
jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。

この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。

続きを読む

インターンシップにきています。

こんにちわ。(・`д・ノ)ノ
面白法人カヤックでインターンシップ中のどうもぽんたです。

先週、鎌倉本社から自由が丘支社に移りました。
自由が丘に来たのは初めてなので、「丘ないなぁ。」って思いました。

そしてこちらはインターン研修で、書いているエントリーです。
どうか柔らかいまなざしで見守って下さいませ!

今回は画像を使わず、CSS3だけでWebボタンをつくる方法を紹介したいと思います。
といっても僕自身つくったことがないので、一緒に挑戦しましょう!!

つづきからどうぞ!

続きを読む

インターン生だけど書いちゃいます。

こんにちは!(`・ω・)
来年の春に入社予定のどうもぽんたです。
 
夏休みを利用して、デザイナーとしてインターンシップに参加しています。
まだ始ったばかりなのですが、アドレナリンに満ち溢れております。
 
そしてこちらは僕の研修の意味で、書いているエントリーです。
どうか暖かいまなざしで見守って下さいませ!
 
さて今回はカヤックのサービス「jsdo.it」にてJavaScript(以下JS)を学ぶコツを紹介します。
JS初心者の僕が解説していきたいと思います。
 
気合い入れすぎてちょっと長くなっちゃったのですが、
最後までお付き合い頂けると嬉しいです!
 

jsdo.itってご存知?

このブログを読んでくれているということは、すでにご存知の方も多いと思います。
「つくる人を増やす」を理念に掲げているカヤックの象徴ともいえるサービスです!
 
画像:jsdo.it.gif

せーの!jsdo.it!

続きを読む