CSS、Javascriptを圧縮して読み込み速度を上げよう！「YUI Compressor」
timelapse audio / Inha Leex Hale ブログの表示速度を少しでも速くするために、ブログ内で読み込んでいるJSファイルとCSSファイルを圧縮せんと、「YUI Compressor」というツールを試してみました。 使い方 使い方は非常に簡単。まずはOnline YUI Compressorへアクセスしませう。 続いては「Code」の部分にCSS or JSファイルをコピペ、「File Type」を適宜切り替えて、オプションを選択したら「Compress」ボタンをクリックしましょう。 しばらくすると余計な改行や空白部分が消去された圧縮コードが吐き出されますので、あとは煮るなり焼くなりはんなり。 圧縮されたコードはあとから編集しにくいので、しっかりバックアップをとっておきましょう。あと、デザインなどが崩れる事も考えられるので張り替え後は確認を！（当サイトでは特にデザイン
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
JavaScriptのDateの挙動が面白かったのでまとめてみた。 | Ginpen.com
typeof ( Date ); // => "function" typeof ( Date()); // => "string" typeof ( new Date()); // => "object" typeof ( +new Date()); // => "number" typeof (1+new Date()); // => "string" typeof ( !new Date()); // => "boolean" Date はJavaScriptのコアに組み込みのコンストラクターですね。関数です。なので typeof Date は当然 "function" になります。 いやJavaScriptじゃないけど 正確にはJavaScriptじゃなくてECMAScriptの仕様になります。 というわけで、本記事はECMA-262の15.9 Date Objectsとかを参照し
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた
「いいね！」されたオススメ記事をひょこっとブログ下部に表示させるFacebookアプリ「Recommendations Bar｣を導入してみた RECOMMENDED! / jm3 Facebookにて「いいね！」を2つ以上された記事をランダムに、ブログ下部へひょっこりと飛びだたせてくれるFacebookアプリ｢Recommendations Bar｣を導入してみました:) 導入は超簡単！ 参考にさせて頂いたのは@cazuki さんのブログ[M] mbdbの以下の記事より。 ひじょーーーに丁寧な導入への解説がされておりますのでごらんくだしあ！ 誰でもカンタン! Facebookの｢Recommendations Bar｣を設置する方法 | [M] mbdb さて、私はすでにFacebookのアプリIDを取得していたので、アプリのコードを取得して、「single.php」の記事吐き出しコード
[はじめてのjQuery][css] jQueryを使用してhover時の画像にドロップシャドウがつくようにしてみた
jQuery Summit Notes / Robert Banh 今日も今日とてjqueryのお勉強中、おつぱ（ @OZPA ）です。 「ページのトップに戻る」ボタンを実装してみたり、ブログの最上部に位置固定のソーシャルボタンとサイト内検索フォーム内蔵バーを配置してみたりしているわけですが、今回はjQueryを使用して、メインカラムの画像にカーソルを合わせた時にドロップシャドウをつけてみる挙動を仕込んでみました。 メインカラムの画像にhover時ドロップシャドウをつける たまに、背景が白いスクリーンショットや透明なpngなどを貼り付けた際に、これまたバックグラウンドが真っ白な当ブログではどこが境界線なのかわからないということがよくありまして。 こんな画像ですとどこが境界線がわからない。 でまぁ全ての白い背景画像にドロップシャドウを今から付けたりするのは面倒くさいので、jQueryを使用し
![[はじめてのjQuery][css] jQueryを使用してhover時の画像にドロップシャドウがつくようにしてみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a9264928a31685a7c06e095c81bf3909dadcb15/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2F4119057479_c09101901b3.jpg)
JavaScriptには在るundefinedと無いundefinedってのがありまして。 | Ginpen.com
JavaScriptにはnullとundefinedと、立場が似たものがあるわけですが、さらにこのundefinedにも二種類あるよってお話です。 「本当に無い」のと「「無い」がある」のと 値がundefinedであるときは、文字通り「未定義」である場合と、「未定義という値」である場合とがあります。 var obj = { a: undefined }; console.log(obj.x); // => undefined（定義されていないプロパティ） console.log(obj.a); // => undefined（未定義という値）
シンプルなWebアプリを今、自分なりに書いてみる - ゆーすけべー日記
Webアプリでユーザーからの入力がある部分を作る際、ユーザーフレンドリーでかつ実装も簡単な方法を模索するのにkazeburoさんのブログ記事をよく参考にしていました。 CGIとは〜〜だというのはたくさん答えがあるだろうけど、自分的には「ユーザからの入力をチェックして画面にだす」ものだというのがしっくりくる。当たり前のことを書いているようだがMVCモデルでいうコントローラーの作成がCGIだと。 シンプルなWebアプリなCGIを書いてみる : blog.nomadscafe.jp kazeburoさんはほんとにCGIで実装してたけど、フレームワークを使ったり、ライブラリを使ったりしたら、つまり、今風に、実用的に書いてみるとどうなるのかやってみています。kazeburoさんのとちょっとだけ仕様が違うがなんとなくこんなかなーという具合。あ、もちろん僕のことなんでPerlを使ってます。が、コードは非
正月は漫画・イラストブログでもいかがですか？ 面白くってストレスフリーな漫画・イラスト系のブログ集 / Maka-Veli .com
※写真に変な他意はありません。 イラストとか描ける人って尊敬します。伝えたい事が、楽しく伝えられるし、アーティスティックにもなりますし、凄いスキルだと思います。 8bitモノづくりブログ 8bitさんという会社のブログなんですが、 デザイナーの森島さんという方の記事が個人的面白くて好きです。 彼女が担当する回はいつも楽しく見させて頂いてます。 Twitterの面白いつぶやきをマンガにしたシリーズが好きです。 http://blog.eightbit.co.jp/?p=5080 ヤンゴッサンと猫と私。 イラストレーターHIRO_KAMIJOHさんのブログ。 少しTwitterでお話させてもらったのですが、 イラストレーターさんで、イラストのテイストが凄い素敵。 他にも【4コマ】腐女子のロンドン留学や、 かみじょーひろの矯正する日々【絵日記】なんてのもあります。 htt
マインドマップを手軽に作ることができるサービス「mindmaps」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
35 Free User Interface Kits for Mobile and Web Designers - SpyreStudios
It’s great seeing so many graphic designers offering free web kits openly. Even 4 years ago you would have had a difficult time finding PSDs for a button set or iPhone user interface. Now there seems to be plenty of resources, almost overflowing! But there’s no complaints here. As a digital artist I work with user interface kits on a regular basis. They speed up workflow and improve my knowledge o
7 Great JavaScript Resources
We've put together a list of seven of our favorite JavaScript resources to help save you time and energy along the way. Whether you're a beginner or a seasoned pro, we think you'll find the sites below both informative and beneficial. If you know of other great resources, feel free to share them in the comments.
ホームページ制作【京都 東京】 SEO対策、ホームページ制作のbit-ビット
全国、海外、はじめてのお客様へ 全国のお客様より、ホームページ制作のご依頼を頂いております。 ホームページ制作時は、遠方のお客様でも出来る限りお伺いし打ち合わせを行い、 意思疎通が図れるよう誠心誠意対応させて頂いております。 また、海外のお客様からのホームページ制作のご依頼も増加しています。 海外のお客様でもご安心してお問い合わせください。 また私たちは「ホームページをはじめて制作するお客様」のお問い合せも多く頂きます。 ホームページをはじめて持たれるお客様には専門用語など極力使用せずわかり易いご説明を心掛けています。 もちろんホームページのリニューアルも多く手掛けておりますのでお気軽にお声かけください。
Kahuaプログラミング入門
まずは自己紹介 現在はKahuaプロジェクトのメインプログラマ 本格的に参加したのは昨年5月から Kahuaの創成期のいきさつはよく知らない 最初は単なるユーザだった 現在はKahuaの基盤部分を強化中 Kahuaって何よ全く予備知識なしの人はいないかもしれないけど念のため: Gaucheで書かれたアプリケーションフレームワーク/実行環境→ 実はWebアプリ専用なわけではない オープンソースソフトウェア(修正BSDライセンス) Scheme(Gauche)でアプリケーションコードを記述 S式(特にSXML)を基本データ表現形式として使用 継続ベース: 継続渡しを多用するプログラミングスタイル オブジェクトデータベース: オブジェクトの永続化が簡単激しく進化中なので将来変わるかもしれない。 Kahuaを準備する(1)準備するもの: Gauche 0.8.10 (最新のリリース版) autoc
オークション - Yahoo!デベロッパーネットワーク
指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。
ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - william-os4y/fapws3: Fast Asynchronous Python Web Server (based on libev)
Cloud Computing Services - Amazon Web Services (AWS)
『郵便専門ネットをXML-RPCで活用する - 郵便専門ネット』