タグ

ブックマーク / blog.creamu.com (11)

  • 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

    adsty
    adsty 2010/04/28
    JavaScriptオフでもCSSのみで面白い動きを実装できる。
  • アイコンがふわっと拡大するjQuery – creamu

    マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

    adsty
    adsty 2010/02/25
    アイコンにマウスオーバーすると滑らかに拡大。
  • フッタをブラウザ下部に固定配置するCSSテクニック – creamu

    フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか? cleanstickyfooter 今日もいい天気ですね〜。タス

    adsty
    adsty 2010/02/08
    cleanstickyfooterを利用。
  • Photoshopのかわりになるフリーソフト10選 – creamu

    Photoshopに似た機能を無料で使いたい。 そんなときにおすすめなのが、『10 Excellent Open Source and Free Alternatives to Photoshop』。Photoshopのかわりになるフリーソフト10選だ。 以下にご紹介。 » GIMP 最も古くから知られているPhotoshopの代替ソフト » Krita 「Akademy Award for Best Application in 2006」の受賞作品 » Paint.NET MSPaintからオープンソースのイメージエディタとして進化を遂げた » ChocoFlop Macに最適化されたMac用のデザインアプリケーション » Cinepaint 動画編集やイメージエディタとしても使えるアプリ » Pixia 元々アニメやマンガ用に作られたエディタ » Pixen ピクセルアーティストのた

    adsty
    adsty 2009/03/01
    「かわりになる」や「似た機能」は気になるけど便利には違いない、本家の代替ソフト10選。
  • 無料で使えるPHPホスティングサービス5選 – creamu

    無料のサーバを探している。 そんなときにおすすめなのが、『5 Awesome free PHP web hosting services』。無料で使えるPHPホスティングサービス5選だ。 以下にご紹介。 » 000WebHost 容量500MB。広告なし » Zymic.com 容量5GB。広告なし » 110MB Hosting 容量5GB。広告なし » Sitesfree 容量500MB。広告なし » YourFreeHosting.net 容量5GB。広告なし いずれも広告がなしとなっているので使いやすいだろう。 無料で使えるPHPホスティングサービス、チェックしてぜひ使ってみてはいかがだろうか。 » 5 Awesome free PHP web hosting services 風が強いな。。月曜日がんばりましょー! ハムナプトラ3を見たけどいまいちだったな。。

    adsty
    adsty 2008/12/22
    全て広告無しで利用可能。
  • 素晴らしいロゴをデザインするための45の法則 | CREAMU

    ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

    adsty
    adsty 2008/10/05
    「単純明快」が一番という話。
  • 最高のFlashチュートリアル集『Adobe Flash Tutorials – Best of』 – creamu

    Flashの腕を上げたい。 そんなあなたにおすすめなのが、『Adobe Flash Tutorials – Best of』。最高のFlashチュートリアル集だ。 以下にいくつかご紹介。 » Flash Tutorial Create Water Wave Effect Animation Using Masking Tween マスクを使って波を表現するアニメーション » Car Animation BMW3を使ってインパクトのあるアニメーションを作る方法 » Picture Animation ブラシツールとマスクを使ったテクニック » High-tech city animation 街から出る光を表現したアニメーション » Animate a Logo in Flash ロゴにシンプルなアニメーションをかける方法 flaファイルを配布してくれているサイトもあり、かなり使えるだろう。

    adsty
    adsty 2008/01/19
    Flashの腕を上げたい時に。
  • 無料で使える最高のオンラインストレージ33選『Best Free File Hosting』 | CREAMU

    使えるオンラインストレージを探している。 そんなあなたにおすすめなのが、『Best Free File Hosting』。最高のオンラインストレージ33選だ。 いかにいくつかご紹介。 » MediaMax 25GBまで無料。転送容量1ファイル10MB » Mediafire 容量無制限。一度に10ファイル、100MBまでアップできる » DivShare クールなインターフェースのストレージ » Box.net 容量1GB。転送容量1ファイル10MB » 4shared 容量5GB 無料で使える最高のオンラインストレージ、チェックして使っていきたいですね。 昨日は三茶飲み。ぐだぐだだ。これからも新年会続きだな。

    adsty
    adsty 2008/01/13
    国内版の優良なオンラインストレージも求めたい。
  • 商用でも無料で使えるロイヤリティーフリーアイコン400選『Quality mini icons』 | CREAMU

    無料でクオリティの高いアイコンを使いたい。 そんなあなたにおすすめなのが、『Quality mini icons』。商用でも無料で使えるロイヤリティーフリーアイコン400選だ。 このエントリーでは、10×10と16×16のサイズのアイコンを配布してくれている。 個人利用、商用利用に関わらず無料。 ただし、「The icons can be used royalty-free by Creative Commons Attribution 3.0 license」 とあるように、Creative Commons Attribution 3.0 licenseに則ったロイヤリティーフリーとのこと。 サイトに以下のようにリンクをすればOKだ。 » Creative Commons Attribution 3.0 license 無料でしかもクオリティの高いアイコンがそろっているため、かなり使える

    adsty
    adsty 2007/12/03
    10x10と16x16のサイズのアイコンを配布。個人利用・商用利用に関わらず無料。
  • 無料で使えるデザイナーアイコン50選『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』 | CREAMU

    Design 無料で使えるデザイナーアイコン50選『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』 無料で使えるかっこいいアイコンを探している。 そんなあなたにおすすめなのが、『The Icon Grab Bag: The Top 50 Sources for Free Designer Icons』。無料で使えるデザイナーアイコン50選だ。 以下にいくつかご紹介。 » Ganato.com – PSD icons たくさんのフリーアイコン。PSDで配布されている » Website Icons : Free Pixel Icons CMSやブログといったカテゴリーに分けてたくさん配布されている » Beauticons 無料でないものもオファーできるサイト » ColoCons 1 – Free Icons W

    adsty
    adsty 2007/12/01
    無料で使えるデザイナーアイコンいろいろ。
  • 「◯◯したい」で探せるFirefoxエクステンション逆引き200選『200+ extremely useful firefox extensions that save time and effort.』 | CREAMU

    Web 「◯◯したい」で探せるFirefoxエクステンション逆引き200選『200+ extremely useful firefox extensions that save time and effort.』 ブラウザの機能で◯◯したい。 そんなときにおすすめなのが、『200+ extremely useful firefox extensions that save time and effort.』。「◯◯したい」で探せるFirefoxエクステンション逆引き200選だ。 以下にいくつかご紹介。 » Flat Bookmark Editing ブックマークを簡単に編集したい » Chipmark ブックマークをオンラインで管理したい » Foxylicious del.icio.usとFirefoxのブックマークを同期したい » ScrapBook Webページを保存したい » Cl

    adsty
    adsty 2007/10/02
    Firefoxのにわかユーザにとってはうれしい逆引きまとめ。
  • 1