2012.10.21 ここまで小さくなるの!? PNGをほとんど劣化なく圧縮する「TinyPNG」がスゲェ!!
![[M] mbdb | FriendFeedがアツいらしい](https://cdn-ak-scissors.b.st-hatena.com/image/square/160b46d370dc5cc086be743e390d548d8e84a200/height=288;version=1;width=512/https%3A%2F%2Fmbdb.jp%2Fwp-content%2Fthemes%2Fmbdb_v3%2Finc%2Fimg%2Fogp-default.png)
firestorage.jp は個人、ビジネスを問わずご利用頂ける無料オンラインストレージです。 リモートワーク・テレワークでファイルを共有し送信・ファイル保存・データを送るのに便利、すぐにアップロード可能です。
Technique07 描画の基本 06 パスとシェイプ Photoshopはビットマップ画像の加工を行うアプリケーションだが、「パス」や「シェイプ」の機能を使うと、Illustratorのようにベジェ曲線を使っての描画や、画像加工の作業を行うことも可能だ。パスを描く操作はIllustratorと基本的には同じなので、Illustratorを使ったことがあるユーザなら問題なく操作できるだろう。 Photoshopの「パス」は特殊な機能で、パスを描いただけでは画像は何も変化しない。しかし、一度作成したパスを利用して選択範囲を作成したり、塗りつぶしたりすることで、さまざまな用途に活用することができる。パスを使う最大の目的は、ベジェ曲線特有の滑らかな曲線を活用する点にある。例えば選択範囲を作成する場合を考えてみよう。選択ツールやクイックマスクでは滑らかな曲線を選択するのは難しい。しかし、ベジェ曲
優雅なWeb製作者の為の『yuga.js』 Check Tweet 配布元:inputlog ライセンス:MITライセンス yuga.jsは中村 享介さんが公開されている、Web制作に役立つ機能が色々と同梱されたJavaScriptライブラリになります。Web制作を効率よく優雅に進めるためのライブラリです。 主な機能は以下の通り。 ロールオーバー時に画像に_onを追加 現在のページのリンクにclass=”current”を追加 現在のページの親ディレクトリへのリンクにclass=”parentsLink”を追加 外部リンクを別ウインドウで開く 画像へ直リンクをthickboxで表示 odd,even.empty,first-child,last-childのCSS3擬似クラスをクラスで設定 スムーズスクロール タブパネル 設置方法 ダウンロードしたファイルセット「jquery.js」、「t
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
オンラインストレージサービスDropboxが一般公開となった。また有料で50Gバイトまで利用できるプランも提供される(2Gバイトの無料プランも用意)。セットアップから使い方までを簡単に紹介しよう。 Dropboxの使い方 Dropboxの使い方は簡単だ。同社Webから「Download Dropbox」をクリックし、クライアントソフトをインストールする。 インストールが終わると、下記のような画面が表示される。アカウントを持っていないなら、「I'm new to Dropbox」を選ぼう。続いて、名前、メールアドレスやパスワードを表示の通り入力する。 続いて、マイドキュメントの中を見てみよう。下記画面のように、「My Dropbox」というフォルダができているはず(ちなみに、このフォルダは移動できないので注意。またマイドキュメントの位置を変更すると、My Dropboxの位置も動き、面倒なこ
CSS Nite in Ginza, Vol.28フォローアップ(1) 記事公開日:2008年11月21日(金) 11月20日に開催したCSS Nite in Ginza, Vol.28『DreamweaverによるCSSレイアウト』(鷹野雅弘)のフォローアップとして参照リンクなどをご紹介します。 今回のセッションでご紹介したテクニックなどは日経IT proでの連載記事作業効率を高めるDreamweaverの小技でも触れていることが多いので、ご参照ください。 第1回 ひきついだサイトはdivでいっぱい! 第2回 特定の要素(タグ)を削除したい 第3回 マークアップの高速化について考える(1) 第4回 マークアップの高速化について考える(2) 第5回 環境設定を見直そう(1) 第6回 環境設定を見直そう(2) 第7回 環境設定を見直そう(3) 第8回 Office書類の活用 今日のセッション
Last December, I posted a list of the best designs in 2007. Now, it is time for — Best of CSS Design 2008 (a new list of 50 websites hand-picked from Best Web Gallery). This year, more designers are using the large background technique and utilizing Javascript frameworks (such as jQuery and MooTools) to enchance the user experience. I also came across a few designs that mixed Flash with CSS; perha
第 6 回 は「見栄えの良いツリーナビゲーション」です。 今回は CSS と言うよりも jquery の plugin「Treeview」を使ったツリーナビゲーションをご紹介したいと思います。 実装するとこのような感じになります。 ホーム 会社案内 会社概要 コンセプト 沿革 社長挨拶 交通アクセス 採用 中途採用 中途採用情報 エントリー 新卒者採用 新卒者採用情報 エントリー 先輩の声 プライバシーポリシー お問い合わせ 設置方法 上のサンプルの設定を例に説明します。 まずサイトから「Treeview」をダウンロードします。 解凍してフォルダを置く(解凍したフォルダ名を js に変更) <head>~</head>内に <link rel="stylesheet" href="js/jquery.treeview.css" /> <script type="text/javascrip
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1: とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
認証のため、コメントができなった方、大変失礼しました。下記の方法にてコメントできるようになっていますので、ご利用ください。 匿名でのログイン(captcha:暗号みたいな英数字の読み取り) mixiのIDでのログイン 「ID:guesst、パスワード:(書籍の2ページに掲載しているパスワード)」でのログイン ご質問はこちらのエントリーでコメントとして書き込んでいただければ幸いです。 CSS Nite ビギナーズでいただいたご質問に回答します。 ご質問の内容は「同じ目的を達成する方法として、JavaScriptライブラリを利用する方法とCSSを利用する方法、両方がある場合どちらを利用すればよいのか?」というものでした。 ケースバーイケースです、とお答えしましたが、いくつかのパターンを紹介いたします。 デメリット、メリットを考慮して、どちらの手法がそのサイトに対して有効かを見極めるとよいでしょ
お客様へ 今までは、お席のご予約を一切承ってきませんでしたが、 2008年1月より 1日限定2組様までご予約を承ります。 「一人でも多くの皆様に、 神田ルー・ド・メールの料理を召し上がって頂きたい」 という思いの為、ご予約できる席数には 制限を設けさせていただいております。 ご了承下さい。 お知らせ ◆ 営業時間変更のお知らせ ◆ 2008年9月より 日曜日の営業時間を 15:00までに変更させて頂きます。 お間違えのないよう、ご来店下さい。 日曜日:12:00〜15:00(LO) 神田ルー・ド・メール 住所 101-0047 東京都千代田区内神田2-14-3 JR神田駅より徒歩3分 電話番号 03-5298-4390 営業時間 平日 11:30〜14:30 17:30〜20:30(LO) 土曜日 12:00〜14:30 17
わずか7年間で出願者が数十倍に急増した品川女子学院。偏差値も上昇し、今では東京大学への現役合格者も輩出するようになった。大正時代からの歴史を持つ同校は、かつて生徒数の減少に悩まされた時期もあったが、都内有数の人気校へと変貌したのである。 なぜ、学校を再生できたのか。品川女子学院の生徒や教員が、生き生きと明るく、やる気に満ちているのはなぜか。 このコラムでは、創立者の曾孫として学校改革を主導した品川女子学院6代目校長・漆紫穂子(うるし・しほこ)さんに、改革や日々生徒と接する中で学んだ人の育て方、やる気の高め方のヒントについて、実際のエピソードを交えながら語っていただく。※参考記事はこちら 私は、1989年に品川女子学院に国語の教員として着任しました。今はこの学校の6代目校長として仕事をしています。毎日生徒や親御さん、そして学校の教員たちとコミュニケーションをしていくうちに、いくつかのことを学
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く