OSS オープン・ラボ - 「Ruby 研修用コンテンツ」の利用
概要 「Ruby 研修用コンテンツ」は、Rubyの魅力を体験し、その特徴や利点から技術の最新動向、活用方法まで幅広く学ぶことのできる、教材と実習環境をセットとした体験型集合教育のための「OSS オープン・ラボ」のサービスです。 Rubyの集合教育を検討している研修運営者は、「Ruby研修用コンテンツ」の利用を申し込むことにより、全国各地の研修会場からインターネット経由で「Ruby研修用コンテンツ」を利用することができ、研修の準備期間を大幅に短縮して効果的な学習が可能になります。 Ruby 利用者向けコンテンツ 簡単なアプリケーション作成の体験を通し、RubyおよびRuby on Railsの魅力や特徴を理解できます。また、Rubyの新機能を利用した技術や、クラウド環境下でのRubyの活用例などの紹介を通して、Rubyを取り巻く市場動向について、半日で学べる構成となっています。Rubyに興
Git Immersion
A guided tour that walks through the fundamentals of Git, inspired by the premise that to know a thing is to do it. Git is a powerful, sophisticated system for distributed version control. Gaining an understanding of its features opens to developers a new and liberating approach to source code management. The surest path to mastering Git is to immerse oneself in its utilities and operations, to ex
日本語で読めるPhotoshopチュートリアル集 まとめ | 日刊ウェブログ式
Photoshopのチュートリアルというと英語が多いですが、日本語の方がサクサク読める（私の場合）ので、日本語で解説してくれているチュートリアル集をまとめてみました。 フォトショップでつくるキラキラに輝く人物の作り方 フォトショップでリアルな炎を出しながら走るバイクの作り方 フォトショップで夕日に輝く幻想的なライティング効果を作る方法 映画のタイトルロゴのような光と文字を描画するPhotoshopチュートリアル フォトショップでキラキラに輝く背景画像を作る方法 布地テクスチャーにペイント フォトショップでキラキラに輝くライティングエフェクトをつくるチュートリアル Photoshopで六角形のキラキラに輝く背景画像をつくる方法 フォトショップでオーロラが輝く地平線に太陽が沈む様子を描く方法 基本的な光の作り方2 基本的な光の作り方3 Photoshopで美女の画像に効果を入れる方法 フォトシ
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
アドビ システムズ、iPhone向けサイト制作ノウハウ＆拡張機能「iPhone site extension for Dreamweaver CS4/5」」の使い方解説を公開 | ソフトウェア | Macお宝鑑定団 blog（羅針盤）
日本語でのMac,iPhone,iPad,iPodなどApple関連の情報サイト。MACお宝鑑定団のBlog。 Macに捉われず、様々な情報を掲載しています。 アドビ システムズが、Developer Connectionにて、エイチツーオー・スペースのたにぐち氏による「iPhone向けサイト制作ノウハウ＆拡張機能「iPhone site extension for Dreamweaver CS4/5」」を公開しています。 Adobe Dreamweaver CS5/CS4用の拡張機能「iPhone site extension for Dreamweaver CS4/5」の解説で、クライアントから、iPhone対応サイトデザインの仕事が多くなってきていると思いますが、しっかり読む事で理解できるのではないかと思います。 関連エントリー：エイチツーオー・スペース、Adobe Dreamwea
GoogleがHTML5の実験場を公開、学習からコードの実行まで 【増田(maskin)真樹】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 米Googleは現地時間の6月22日、HTML5開発を支援するサイト「HTML5 Rocks」を公開した。 サイトではHTML5開発の各種情報のほか、チュートリアル、そしてサイト上でHTML5関連コードを編集して実行できるプレイグラウンドを提供し、学びなが
ASCII.jp：HTML5 videoでニコニコ動画風プレーヤーを作ろう (1/7)
HTML5テロッパーのサンプル。テキストエリアの文字がテロップとして動画の上に表示される画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 動画投稿サイト「ニコニコ動画」が人気です。ニコニコ動画はユーザーのコメントを再生中の動画にテロップのように表示する機能が特徴で、多くのユーザーがコメントを書き込んで楽しんでいます。 ニコニコ動画のようにブラウザー上で動画を再生しながらテロップを表示するには、従来、Flashが必要でした。Flash（Action Script）に習熟している開発者でなければ、ニコニコ動画のようなWebサービスは作れなかったのです。ところが現在、モダンブラウザーへの実装が進んでいるHTML5 videoなら、JavaScriptを使って簡単に文字や画像を動画に重ねられます。 今回はHTML5 videoとJavaS
短時間でオリジナルのテクスチャを作成するPhotoshopのチュートリアル集
カーボンメッシュ、コンクリート、皮、木、紙などのテクスチャを一から作成するPhotoshopのチュートリアルをPsdtuts+から紹介します。 それぞれのチュートリアルでは各ステップごとにPhotoshopのキャプチャがあり、分かりやすく解説されています。 カーボンメッシュのテクスチャ
ウェブデザイナーのためのjQuery集「jQuery for Designers」 - ネタフル
jQueryとは、Wikipediaでは「JavaScriptとHTMLの相互作用を強化する軽量なJavaScriptライブラリ」と説明されています。そのjQueryをデザイナー向けに、主にウェブデザイナー向けだと思いますが、まとめているのが「jQuery for Designers」です。 Easy、Medium、Hardというカテゴリ分けの他、検索もできるようになっています。 ビデオによるチュートリアルの他、デモを試したり、寄せられたコメントを読むことができるようになっています。 英語なのでパッと見分かりにくいかもしれませんが、デモを見るとどんな機能なのか分かりやすいですね。 例えば「Fixed Floating Elements」は、画面スクロールしてもフォーム部分（Elements）が固定される、というものです。 （via swissmiss）
CSSだけでJavaScriptのような動きを実装するサンプル30 – creamu
96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed
クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアル:phpspot開発日誌
How to create a web hosting layout | Grafpedia クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアルのご紹介。 次のようなグラデーションと立体感がいい感じのレイアウトを作成するチュートリアルです。 WEBホスティングだけ、といわず色々な部分において活用できそうなレイアウトですね。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル クールなポートフォリオレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル
Photoshopでクオリティーの高いデザインをするチュートリアル – creamu
Photoshopでクオリティーの高いデザインをしたい。 そんなときに参考になるのが、『Create a Clean and Professional Web Design in Photoshop』。Photoshopでクオリティーの高いデザインをするチュートリアルです。 新規ドキュメントの解像度設定（1200 x 950px）や、ロゴやメニューの作り方、グラデーションの具合、marginの取り方など、ディテールまで参考になるチュートリアルになっています。 記事の最後にある「clean-professional-weblayout」からPSDファイルをダウンロードできますね。 ぜひ見てみてはいかがでしょうか？ Create a Clean and Professional Web Design in Photoshop 日曜日ももう終わりですね〜。猛烈作業中なのでがんばります。
amachang - JavaScript 入門
プログラミングのこつ 無駄な名前を極力使わないこと。意味単位に名前空間を細かく階層的に分離すること。 ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日本語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日本語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり（優先順位）を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スタイルシートをほんの少し軽量化する10のTips
新着記事
新着記事
新着記事
IDEA * IDEA
新着記事
Vim-users.jp - Vim勉強会#5 ujihisa発表資料