This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get: Sliding doors Since we want our buttons to be über-flexible, we'll have to make the background image expand with the si
How to make a stop-motion videoというエントリーより。 The photography lovers at Photojojo have posted a step-by-step for creating your own stop motion video using your digital camera and iMovie. Lifehackerで、デジカメとiMovieを使ってストップモーションビデオを作る方法が掲載しているサイトが紹介されていました。 How to Make Stop-Motion Video Shorts with Your Digital Cameraがそのエントリー。iPhotoを使って、というのがMacユーザとしては楽しいところです。 サンプルがあるので、とりあえずそれを見るとストップモーションビデオがどんなものか分かるで
いいね！ 5 ツイート B! はてブ 477 Pocket 96 今、個人発サービスがアツイ。字幕inやSocialTune、コトノハなど人気サービスの一部には個人サービスが多い。その背景には、安い高性能マシン、何でも無料の開発環境、ウェブ上にある各種ノウハウ情報などがある。 個人的には、このような環境であれば、もっともっと個人発サービスが出てきてもよいと感じるのだが、それほどまで爆発的に増えているようには思えない。やはりそこには、誰でもできる超参入障壁の低い個人サービス、自由が多くなんでもできる個人サービスだからこその「自由の中の不自由」みたいなものがある。実際に作る時間を作るのは難しいし、開発をいつでもやめる自由もある。責任もない。飽きる。と現実にサービスを出すとなると大変なのである。 長々とひっぱったが、そんな個人サービスを作るコツを今までの経験から書き出してみた。 個人サービスをつ
いいね！ 0 ツイート B! はてブ 90 Pocket 6 「どんな手順でサービスを作ってるの？」と聞かれることが多いので、レシピ風に材料（どういう道具を使うの？）と手順（どういう順に作るの？）にまとめてみました。 詳しく書くと、非常に長くなりそうなので、まずはざっくりと概要だけ。 材料： ホワイトボード一式/紙/ボールペン/睡眠時間/Dreamweaver/Fireworks/開発用Linuxサーバー/デュアル用モニタ/ノイズキャンセリングイヤホン 作成時間： 平均一週間 簡単な流れ： アイデア→しらべる→サービスまとめ→プロトタイピング→遷移・設計作成→デザイン→HTML→プログラミング→チェック １．アイデア アイデアをどうやって思いつくか？というのはそれ自体が永遠の課題ですが。。個人的には、2系統の考え方があって、1つは「こういうものがあったら便利だなぁ、こういう不便を解消したい
「seam carving」というアルゴリズムを使い、写真の中から特定の部分だけを自然に削除したり、ある人物の大きさを保ったまま、写真全体をリサイズできるWebサービスが「rsizr」だ。 フォトレタッチソフトの入門書で、必ずといっていいほど、やり方が紹介されているのが、“3人で映ってしまった写真から、1人を消してカップル写真にする”という事例だ。 不必要な人物をキレイに選択したり、スタンプツールを使ったりして、高機能なレタッチソフトを存分に使いこなすことができる（つまり、いい勉強になる）のも理由の1つだろう。もちろん、こうした写真加工のニーズがけっこうあるのかもしれない。 こうした加工を、いとも簡単に行えるWebサービスが「rsizr」（読み方はおそらく「りさいざー」）だ。 いらない人物を選択するだけで削除可能な「rsizr」 rsizrの使い方は簡単。タブメニュー左端の「Open Pi
您的请求在Web服务器中没有找到对应的站点！ 可能原因： 您没有将此域名或IP绑定到对应站点! 配置文件未生效! 如何解决： 检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 检查端口是否正确； 若您使用了CDN产品，请尝试清除CDN缓存； 普通网站访客，请联系网站管理员；
Tax season can be a nightmare. Forms. Deadlines. Jargon that makes your head spin. If you’re running a business or dealing with a complex financial situation, finding the right tax expert is critical. The good news? Social media makes that search easier than ever. Whether you need help with deductions, business taxes, or litigation support services, social media platforms are packed with professio
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
SEO対策ツールまとめ よく使うSEO対策ツールのまとめ。 他にもいっぱいあると思うけど個人的に愛用しているもののみピックアップ。 キーワードアドバイスツールプラス Yahoo!JAPANでキーワードが何回検索されたか調べるツール(2007年4月時点のデータ) キーワード出現頻度解析 そのページにおけるキーワードの比率を計算できるツール。 検索エンジンランキングチェッカー 検索エンジンでの順位をチェックできるツール。 何がすごいかって言うと検索結果が記録されていきます。 Google, YST キーワードチェックツール GoogleとYSTの辞書にキーワードがどのように登録されているかチェックするツール。 XML Sitemap Generator Google sitemapを自動で作ってくれるツール Statsaholic 今までのAlexaの順位遷移を比較できるツール robots.
今回はデザインという分野の作業を極力省く為のジェネレータを多く収録。 有料のソフト等と同様の力を持つオープンソースのフリーソフトもプラスしてあります。 WEB制作環境 aptana 優れたWEBページの作成支援ソフトであるDreamweaverと同等の機能を持つオープンソースアプリケーション。 レビュー記事はGIGAGINEで CSSVista CSSVistaというフリーソフト。 InternetExplorerとfirefoxの両方のCSSを同時にチェックできるツール。 画像作成・編集（インストール型） GIMP 言わずと知れたオープンソースの画像編集ソフト。 非常に高機能。多言語対応で、日本語に対応済み。 日本語がきちんと表現されていないという不満から、日本語ローカライズパッチを配布しているサイトもある。 ・GIMP日本語ローカライズ さらにフォトショップと同じ名称に直すパッチもある
またかよ・・・という方もいらっしゃるかと思いますがｗ、Web 2.0風のロゴジェネレーターをご紹介。いろいろ設定できて便利ですよ。 ↑ 設定項目はこちら。フォントの色、サイズ、星の形などいろいろできます。文字ごとに色も変えられますね。 ↑ この設定で作ってみたのがこちら。 ↑ ちなみに別メニューでボタンジェネレータもありますね。こちらも便利。 似たようなジェネレータは他にもありますが、かなり柔軟に設定できるので個人的にはこれが今のところ一番かも。よろしければどうぞ。 » Web2.0 – Logo Creatr こちらもあわせてどうぞ。 » 簡単に2.0っぽいロゴがつくれるメーカー | i d e a * i d e a
前回ご紹介した 今押さえておくべきWeb制作に役立つ37個のブックマークまとめ と一緒にあわせて使うとより強力になるかもしれません。 前回の記事のあとにみつけた32個のブックマーク集です。 WEBツール CSS Dock Menu マックのドックのような動きをするインターフェイスタブをあなたのページにつける事が出来るツール。動きが滑らか。 Dynamic Page Flip v2 from shift+control 本をぺらぺらとめくるようなイメージギャラリー。 これはかなり見た目インパクトが強い。 画面中央左の『Download the source files』のところで無料でダウンロードできる。オリジナルのカタログもつくれそう。 ためしに使ってみたけど、RSSパーサーと組み合わせると、ページにRSS受信も出来た。アイデア次第でなんでもいけそうですよ。 10 Free CSS Gra
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
はてなユーザーならおそらく既に知っている方もいるかもしれませんがhttp://www.bittbox.com/からのまとめ。 bittboxで提供されているフリーのベクトル画像ダウンロードページを11ページ抽出してまとめました。 フォトショップやイラストレータなどの、加工できる段階のベクトル画像と言うあたりがいいですね。 Photoshop CS (1) PNG (1) AI (2) EPS (1) SVG (1) PNG (1) AI (2) EPS (1) SVG (1) PNG (1) AI (2) EPS (1) SVG (1) PNG (1) AI (2) EPS (1) SVG (1) PNG (1) AI (1) EPS (1) SVG (1) PNG (1) AI (1) EPS (1) SVG (1) PNG (1) AI (1) EPS (1) SVG (1) PNG
こんなのが簡単に作れます 生成された動画が、頭の何秒間をループで動くのが特徴。 見た目がちょっと面白く、インパクトが強いですね。 まぁ既に知っているのかもしれませんが一応私的に感動したので、使い方をお伝えしておきます。 動画提供サイトを自分で選んでさらに動画もキーワードで選びたい人カスタマイズ用 キーワードを選んで出てきたものをとりあえず貼る人 通常検索用（CMと書いたボックスに好きな言葉を) 日本語入力による検索結果が少ないのが一番痛いところですが･･･。 とりあえずカスタマイズ用の簡易説明 提供している動画サイトを選ぶわけですが･･･。 たくさんありますのでとりあえずYouTubeとGoogleくらい選んでおきましょう。 サイトによっては、普通に無修正動画もゴリゴリ出てきます。 とりあえず適当にMacとかで検索してみましょう。 検索結果が右に出ますので、右側にある動画部分を左下のボック
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く