本当は超簡単！ゼロから始めるTumblrの使い方 | nanapi[ナナピ]
本当は超簡単！ゼロから始めるTumblrの使い方に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。nanapiでライフレシピ生活！ あなたのライフレシピを待っている人たちがいます あなたが生活でちょっとうまくやっていること、 それを知りたがっている人たちがいます！ あなたの投稿で、 みんなの生活をハッピーにしてみませんか？ nanapiに参加する（無料） はじめに Tumblrって聞いたことありますか？「なんとなくwebで字面だけは見たことある」という方は多いのではないでしょうか？ 「使ってみたいけど何のサービスかわからない…」「サイトが英語だから抵抗ある…」という人の為に、Tumblrの楽しい使い方を細かくご紹介したいと思います。 Tumblrってどんなサービス？ 日々インターネットをしていて、「この画像おもしろいなあ～」や、「この文
innerTextとinnerHTML
※このドキュメントは長くは残りませんので、必要であればハードディスクに保存してください。 オブジェクト まず、JavaScriptの根幹である「オブジェクト」について、少し触れておきます。JavaScriptは「オブジェクト指向型言語」ですから、仕組みから学ぶ時はオブジェクトの理解が必須なのです。 この言語は、ほとんどのものがオブジェクトです。なにがなんでもオブジェクトです。windowとかdocumentなどおなじみのやつを始めとして、変数も配列もオブジェクトですし、メソッドや自作の関数もオブジェクトなら、HTMLまでもオブジェクト（ドキュメントオブジェクトモデル＝DOM）となります。 オブジェクトは基本的に「操作されるもの」で、ただ存在するだけです。ただし、例外として、メソッドと関数は「操作するもの」です。（機能を持ったオブジェクト、ということです） オブジェクトは、メソッドや関数、プ
イヌでもわかるJavaScript講座
このJavaScript講座はプログラミング知識がない人もサンプルをただ埋め込めば使えるように作られています。ステップの段階で少しずつJavaScriptを説明していきますので、各ステップの内容がすべて把握できなくても、あとでわかってくると思います。えっ？と思う個所があっても、それはそのステップの趣旨ではないところですので、その個所はどこかのステップで説明します。深く考え込まずに、各ステップを適当にすすめていってください。 なお、本講座のサンプルを使ってＨＴＭＬファイルがぶっ壊れたり、マシンから煙や火が出ても一切責任を負いません。バックアップはこまめにしましょう。(^^; また、サンプルを無断で使用することを禁じるわけがありません。勝手に許可無く使ってください。
Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
高級っぽさを演出できるPhotoshopパターン500:phpspot開発日誌
500 Exceptionally Beautiful Photoshop Patterns For Classy Designs | Multy Shades 高級っぽさを演出できるPhotoshopパターン500がまとめられたエントリのご紹介です。 絨毯地やグラデーション等、背景にすればサイトがとたんに高級っぽくなりそうなパターンには困らなさそう。 単なる画像なわけですが、高級感が簡単に出せたりするところはWEBサイトのデザインの面白いところですね。 関連エントリ 200を超える非常に美しいPhotoshopのパターン集 背景画像に使えるPhotoshopの背景パターン2000 PhotoShopのブラシやパターンがいっぱい「myphotoshopbrushes.com」 サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集 背景画像に使えるレトロなPhoto
オシャレなノート風ブログレイアウト作成Photoshopチュートリアル:phpspot開発日誌
Web 2.0 Professional Blog Layout Tutorial | hv-designs オシャレなノート風ブログレイアウト作成Photoshopチュートリアルのご紹介。 次のようにノートに付箋をはさんだような素敵なデザインのブログレイアウト作成チュートリアルです。 右の付箋がオシャレなデザインですね。 ブログ以外にも使えそうなデザインですね。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集８０ クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアル ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０
テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」:phpspot開発日誌
テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」 2011年02月18日- Градиенты для текста. Плагин для jQuery テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」。 １文字づつ文字色をかえてグラデーションをかける昔はやったテクニックですが、これをjQueryプラグインでHTMLは汚さずに色を配列で定義しておくことで実現できます。 実装コードは次のようにすればよくて、指定したエレメントをターゲットに実装出来ます。 colors に変化させたい色を配列で定義します。 <script type="text/javascript"> $(".text").pxgradient({ step: 10, colors: ["#fc0","#0fc","#00f"
オンライン上で簡単にAndroidアプリが作れる「WPAndroid」:phpspot開発日誌
WPAndroid.com | Free Web-Based Android App Creator オンライン上で簡単にAndroidアプリが作れる「WPAndroid」。 ログインして、WYSIWYGなエディタに内容を書きこんでいくだけでAndroidアプリケーションが作れます。 アプリ編集画面。アプリ名と内容を入れていって「Create Your App」ボタンを押せば完了。 アプリケーション一覧から「Download App」をクリックすれば、Android用の .apk ファイルがダウンロード出来ます。 今のところ4ページしか作れませんが、お手軽にHTMLベースで作れるので便利ですね。 関連エントリ iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010 iPhoneやAndroid等クロスプラットフォーム上で動くスマートフォンアプリを作る仕組み色々 iPh
デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々:phpspot開発日誌
Free Photoshop Custom Shapes to Spice UP Your Work デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々。 乗り物や人等、様々なオブジェクトに関するシェイプがまとまっているエントリのご紹介です。 イメージを伝えるのに分かりやすいシェイプが多数で、ベクターなので拡大しても使えるということでかなり便利に使えそう。 １から容易すると大変そうですが、シェイプはなんとも便利ですね。 関連エントリ サイトのちょっとした修飾に使えるPhotoshop用カスタムシェイプ色々 様々な形のPhotoshopのシェイプがダウンロード可能な「Photoshop Shapes」 リアルで汎用性に富んだPhotoshopカスタムシェイプ色々
CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々:phpspot開発日誌
CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツールは一切不要です。 例えば、1個の要素を見てみましょう。 HTML では <div> にclassをふって中身は<p>のみだけというのに、これだけのデザインが実現します。 当然、要素を回転させることも出来ますが綺麗に描画できています。 なんとも夢のような話ですが、CSS3対応の Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ という大体の
これは押したい！というボタンを作成するチュートリアル集:phpspot開発日誌
20 Design Tutorials For Creating The Perfect Button | Creative Nerds これは押したい！というボタンを作成するチュートリアル集 イラストレーターやPhotoshopで次のようにクールなボタンを作成するチュートリアル集です。 CSS3でボタンデザイン出来るようになったとはいえ、凝った物を作るならやはりオーサリングツールという方は参考にできそう。 ボタンデザインの仕方は本当に色々あって、奥が深いですね。 関連エントリ ボタン作りにもう手間はかからないPhotoshopのボタン素材１５０ かなりクールにデザインされたPhotoshop用のボタンテンプレート集 ハイクオリティなPhotoshopのボタン、アイコン、バッジ等のテンプレ集 ボタン作成のPhotoshopチュートリアル集 背景やボタンなど様々に使えるPhotoshopグラ
一日食費416円で生活していたら、贅沢と言われてフルボッコ - 情報の海の漂流者
3人の幼い子供を女手一つで育てるシングルマザー、大西満里江さん（34歳）は現在就職活動中だ。13年前、高校時代から交際していた彼と結婚。 2人の子どもにも恵まれ幸せな家庭生活を送っていたが、転勤を機に旦那が家に帰って来なくなった。すれ違いの生活が6年、大西さんは離婚した。 その後交際した男性との間に、二男を妊るがその男性とも分かれシングルマザーになった。 出産のために生活保護を申請した大西さんだが、二男が10ヶ月になったのを機に就職活動を開始。しかし、シングルマザーの置かれている環境は あまりにも厳しかった。保育園が決まっていないことがネックとなり雇ってくれる企業が見つからないのだ。大西さんは実家が遠く、育児を頼める親戚も居ない。 パートの就職を斡旋するハローワークの合同面接会場へ足を運んだ大西さんだが、なかなか条件に合う仕事は見つからない。近くの保育園に子供を預かってもらったとしても、
node.js とは何か - I am bad at math
期せずして久々の更新になってしまった。ブログを書く気がなくなったとかそういうのではなくてただ単に忙しかっただけ。その間、まぁ仕事が予期せぬ方向から炎上してみたり、事故をもらって愛車が全損したり（フロントガラスが全面熱線入りなんていう変なオプションなどを諸々付けていたからお気に入りだったのに）と決して良いことばかりで忙しかったわけではないけどね！ で、今回は node.js のお話。異様な盛り上がりを見せているものの、じゃぁそれっていったい何かというと「JavaScriptを用いたNon-blocking I/O環境」という非常にシンプルなものだ。 その根底には「うまくスケールできること」と「動作が速いこと」という理念が見受けられる。 まず「うまくスケールできること（多量のアクセスを捌けること）」を解決するにあたり、まずはスレッドモデルか、イベントループかという問題があった。そこで auth
iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「TextAreaResizer」:phpspot開発日誌
iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「TextAreaResizer」 2011年02月25日- jQuery textarea resizer plugin iframeやtextareaをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「TextAreaResizer」 textareaのリサイズはよくありますが、iframeもリサイズできます。初期化すると、iframeの下にいかにもドラッグ＆ドロップできそうなハンドルが付きます。 ドラッグ中は要素の中身がしろっぽくなります。 ドロップ完了＆リサイズ完了 テキストエリアも対応してます。 関連エントリ テキスト内容によってtextareaを自動リサイズできるjQueryプラグイン「autoResize」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
