コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け（定数や命令文などがわかりやすくなりますね）。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備（CTRL+SHIFT+SPACEで「 」など） 対応している言語はPHP、JS、Java、Perl、SQL、HTML、CSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ＆ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript
ステレオグラムで立体的に見えてくるアスキーアートムービーが作れる『3D Streogram Ascii Movie Generator』
私は、あまり継続性に自信がない。飽きっぽいのである。良いLife-Hackを見つけても、すぐに違うものに目移りしてしまう。だから、モチベーションが高い調子のいい時期、ココロが積極的な期間が続くとそれをもたらした、良いLife-Hackをいつの間にか辞めてしまったりしています。私も独立してコンサルを行っていますがいい時ばかりではありません。自分のビジネスがうまくいかなかったり、クライアントの悩みを共有して一緒にドツボにはまって悩んだり・・そうすると、積極的なココロが消極的なココロ、マイナス思考にモチベーションが下がっていきます。 そんな時、原点回帰するのが、中村天風先生が作られた絶対積極的姿勢になるためのLife-Hack法。（中村天風：『ウィキペディア（Wikipedia）』） 松下幸之助や京セラの稲森会長等も天風先生から薫陶を受けたという話です。絶対積極的とは、プラス思考等とはちょっと違
タイトルが長い… サイトやブログの価値を調べる10の指標とツール｜前向きストラテジー 10番目のでこのブログを調べると泣きたくなるくらい安いけど、ボクは頑張ろうと思った今日この頃、皆様暑さにバテていないでしょうか？ボクはしっかりバテてダレてます。あんまり仕事してま…（加藤さまに給与減らされるので自重しました） さて、そんな訳で本題ですが、下記みたいなレイアウトの時のお話です。 一番書きたかったフロートボッ（略）みたいなの サンプルとダウンロード サンプルページ ダウンロード 今回の本題は「ほげほげ」って書いてあるところのボックスに関してだけ書くつもりが遊んでいるウチに気になった事があったのでそちらも書こうと思っております。 何はともあれ、この「ほげほげボックス」ですが、main areaは10pxのpaddingが指定されてて、その中にこんな感じでぴったりなボックスがぽこぽこ並ぶときって、
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
This domain may be for sale!
わぁお！ すごい！ きれい！ うらやましぃ～！ ジャカジャカジャン。今日は｢Fogonazos｣というサイトがアップしていた ｢史上に残るSpacewalk トップ10｣というエントリーを紹介します。本当に、驚くほど美しいSpacewalkの瞬間の数々…。 あまりにもパーフェクトな構図なので、｢photo-shopで加工したのかな？｣と思ったりしました？ いえいえ、これは正真正銘ナチュラルな本物の瞬間なのです！ 以下のギャラリーで、あなたを宇宙の旅へご招待しますよ。 もし、過去を一切振り向かず、宇宙飛行士になる代わりに、フルタイムのゲーマーになると決心して、人生を突き進んでいたとしたら、これらの写真たちを見たときに、ちょっと自分の選択を後悔しちゃうかも？ 嫉妬なんて、ちちちちちっともしてないよ…。メタボなお腹、ブログな毎日を愛してるもん…。なーんて、つぶやいてみたりしてません!? TOP1
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
※ 一部の画像は公式サイトデモより。 プログラミング中は音楽を聴いていると何となくノリでスムーズに進めたりする。はまっていると逆効果になる事もあるが、音楽で雰囲気を作り出すのは大事だ。 自分の好きな曲を好きな形で楽しめるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはMUSOO、音楽配信向けCMSだ。 MUSOOを使うと、自分で自由にチャンネルを作り、そこに音楽や画像を登録して配信することができる。ファイルをアップロードする画面はFlashで作られており、複数ファイルを一括で選択できるのでアップロードも簡単だ。 さらに楽曲情報はポッドキャスティングで配信できるので、ブラウザで聴く以外にもiTunesを通してiPodで楽しむといった用途にも利用できる。 誰でも自分のステーション、チャンネルを作り自由に配信する（もちろん著作権に注意は必要だが）。個人ユースはもちろん、グルー
CSSを読み込んで簡単にWebサイトを構築したい。 そんなあなたにおすすめなのが、『Blueprint』。CSSフレームワークでWebサイトを構築できるツールだ。 『Blueprint』では、MITライセンスでCSSが配布されている。CSSを2ファイル読み込み、class等をBlueprintの書き方に合わせることで、Webサイトの構築が可能となっている。 すべてのブラウザでテストはしていないということで、ブラウザチェックについては注意が必要だ。 CSSフレームワークとしてソースを公開する試みは面白いのではないだろうか。 CSSフレームワークでWebサイトを構築、チェックして使ってみたいですね。 「遠くの空に消えた」の試写会に行ってきました。僕はいまいちだったな。。でも久々に有楽町を歩いて気持ちよかったですね。
Whillet is embedded finance fintech solutions Our solutions allow consumer companies to provide embedded financial services for your customers in your mobile app or website Open customer wallets seamlessly and immediatelyTop up wallets via bank cards or bank accountsWithdraw money to bank cards and bank accountsImplement or merge your loyalty program with money walletsKYC and all legal procedures
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: music videos Credit Card Application Work from Home find a tutor High Speed Internet Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
30 WordPress 3-Column Themes So far in the Wordpress Tips series, we’ve talked about all the killer plugins you can add to your WordPress powered blog. 3カラムのクールなWordPressテーマ集30＋. またまた、カッコいいWordPressテーマの特集です。 05 Moon 1.0 Acid Green Pro Alike Theme Ayumi Bionic Jive Blogging Simply CitrusIsland Cordoba Green Park Creaker Crunch Daily Digest 3.0 Fava Beans and a Nice Chianti Fresh Apple I Like Grey i
Keitaです。 もう、半年くらい前になりますが、画像をFlashとPHPの間だけデータを暗号化できないかなーとおもって試したことがあります。結論としては、Flashで解読できているということは、Flashをうまいことやればデータが抜き出せるし、そもそも、暗号化する意味が個人的に皆無だったのと、画像ほど大きいデータになると解読に時間がかかってしまったので、「あー、まぁほかにやることもあるし、いいや」とおもって、忘れることにしました。 でも、まぁ昔こういうことやって遊んだなぁという記録と、もしかすると誰かの役にたつかと思い記事にさせていだきます。 環境は、サーバサイドはPHP5で、クライアントは、Flex2で作成しました。 PHP側でデータをこんな感じに暗号化して、それをクライアントで受け取る感じにしました。 暗号化形式は、Blowfishを利用しました。 まず、データの暗号化の
twitter facebook hatena google pocket 双方向性時代になりフォームは重要性を増し、簡便性に加え入力チェックが必須となってきています。 Fabio Zendhi NagaoのfValidatorでは、リアルタイムにフォームの項目をチェックすることができます。 sponsors 使用方法 fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。 2つのスクリプトをhead内に埋め込み、後はフォームを普通に書きます。 そして、必須項目の場合はclassにfValidate['required']を付与するだけです。 またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。 ・required：必須項目 ・alpha：アルファベット ・alphanum：アルフ
こんにちわ、山下です。 Amazonなどで使われているような商品を☆の数で評価するスターレイティングというものがあります。今回は、CSS The Star Matrix Pre-loadedに紹介されている記事を参考に、その作り方を簡単に紹介しようと思います。 1.画像を用意する まず次のような1枚の画像を用意します。16×16ピクセルの☆が、横に5個、縦に11個並んでいて、下に向かうに従って色の付いている☆の数が増えているのがポイントです。 2.HTMLを書く HTMLはとてもシンプルで、ULリストを使います。 <ul class="rating onestar"> <li class="one"><a href="#" title="1 Star">1</a></li> <li class="two"><a href="#" title="2 Stars">2</a></li> <l
僕がいくつか基本に立ち返るような率直なアドバイスをしてから、しばらく時間が経った。そして、初心者はもちろん手練れの人たちにとっても、タイトルタグが注目に値するものだということは間違いない。というわけで、今回のネタはこんな内容だ。 可能なかぎり最高のタイトルタグを作る方法 自分のトラフィックをブランド化せよ どこに行こうとしているのか検索ユーザーに認識させるとともに、再訪問を増やすため、自分のサイトのタイトルもしくはブランド名を、各タイトルタグの頭または最後に配置しよう。この要素を重視する妥当な理由を見つけるのが困難なら、ぜひ思い出してほしいことがある。それは、あらゆる広告調査において、同じ種類の製品で比較した場合、消費者はノーブランド製品やショップブランドの製品よりも、「ブランド」製品により多くのお金を払う傾向があるという結果が出ていること。この理屈を検索結果に当てはめれば、下の方のランク
Timeplot has graduated! The Timeplot project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data f
こんにちは、佐々木です。 Webディレクターに必要な基礎知識って何？ という問題を考えるにあたって、『デジハリ』のようなスクールのカリキュラムを参考にしてみることにしました。まずは下記のリンク先をご覧ください。 Webディレクター専攻｜クリエイターズスクールデジハリ 網羅的にあらゆることを勉強するカリキュラムになっています。もちろん、それぞれの分野におけるエキスパートを目指す必要はないのですが、とりあえず知っておくべきことだけでもかなりたくさんあります。 Webディレクターの場合、この「とりあえず知っておく」ということがとても重要です。 個人の技術が問われる場面であれば、「ちょっと知ってる」というのは「まったく知らない」のと同じ意味でしかありません。しかし、専門の異なるエキスパートたちをまとめてプロジェクトを進める場面になると、「ちょっと知ってる」ことと「まったく知らない」ことの間には大き
Every now and again designers stumble upon the very same problem: the choice of a unique and beautiful typeface which manages to fulfill three basic tasks. Support the corporate identity, enrich the visual appearance and is compatible with the overall design. However, usually there are simply too many options you can consider, which is why you need time to find the option you are most comfortable
Windowsでは速度維持のために定期的にデフラグを行ったほうが良い。とは言え、忘れていてふと気がついてみたら随分断片化が進んでいた、なんて事もあるだろう。 しかし標準のデフラグでは遅くて面倒と感じてしまっているかも知れない。そうした人はこちらを試してみよう。 今回紹介するオープンソース・ソフトウェアはUltraDefrag、シンプルで高速なデフラグソフトウェアだ。 UltraDefragはWindows NT系（2000/XP/Server 2003/Vista）に対応したデフラグソフトウェアだ。また、64ビット系にも対応している。ごくシンプルなインタフェースで使い勝手が良い。 高速動作の理由として、カーネルモードのドライバを作成しているから、とある。実際にどれくらい高速化は試していないので保証できない。また、動作モードとして通常のグラフィカル、タスクへ登録できるコンソール、プログラマ等
最近、サイト全体をブログで構築するケースが増えている。時事性が強く求められている現在のネット状況では、ブログというサイト構成が向いている。 しかしありがちなデザインでは誰も見向きもしてくれない。そこでクールなデザインを簡単に導入しよう。 今回紹介するオープンソース・プロジェクトはfree CSS Templates、2.0的なデザインを提供しているテンプレートサイトだ。 free CSS Templatesでは200を越えるテンプレートを提供している。全体的にブログ向けのテンプレートが多い。検索がないのでリストで見ながら、サムネイルで好みに合うデザインを探す必要がある。 眺めてみた限りでは2カラムのものが多いように思える。画像を使っているか、リキッドデザインになっているかどうかの記述が掲載されている。 画像があるのでデザインをオリジナルに変えるのは難しいかも知れない。だが、そのまま利用して
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
harukiです。 携帯サイト作成の際に使えるPHPのライブラリを知っているだけ羅列してみます。 Net_UserAgent_Mobile 基本となるライブラリです。機種判定など、様々な用途に使用します。 細かい情報については、スクレイピングなどをしたりして自前で用意する必要があります。 PEAR::Mail メールの送信に使用できます。 特殊な送信の際は、Mail::factory()にsmtpで使用することになりますが、キャリアの迷惑メールの設定にも気をつける必要があります。 Mail_mime_Decomail (Y-110's Wiki) Mail_mimeと同じ使い方で、デコメール送信用にMIMEを組み立てることができるのでとても便利です。 Mail_mimeDecode 空メール・エラーメールなどを受け取って解析する際に使用します。 解析の際には、Mail_RFC822:
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
NTTと三菱電機が共同開発した共通鍵ブロック暗号 "Camellia" の実装について以前調査していた時、ついカッとなってJavaScriptで実装してしまいました。類似の実装も既にあるようですし今は反省しているのですが、死蔵しておくのもナンなので晒しておきます。 ソースコードと使い方 小ネタなので、このソースコードはpublic domainということにしますね。 CryptoCipherCamellia-js-1.0.2 CryptoCipherCamellia.jsは128-bitブロック暗号Camelliaのプリミティブの実装と、暗号利用モードとしてCBCモードの実装を含んでいます。例を簡単に示すと次のような感じです: var SECRET_KEY = CryptoUtil.arrayFromHex( "00112233445566778899AABBCCDDEEFF"); var
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
