TextExpander：入力中に省略形の代わりにテキストスニピットを自動的に挿入する | Bridge 1 Software
TextExpander 2.4.1J 入力中に省略形の代わりにテキストスニピットを自動的に挿入する カスタマイズ可能、時間節約の入力ヘルパー！ ☆TextExpander の QuickTime ムービーを表示☆ ☆「ベクターソフトニュース」で紹介されました！こちらをご覧下さい。☆ TextExpander はより効果的に正確な入力を支えるユーティリティです。TextExpander は入力される文字を常に監視して、入力された「省略形」の代わりに設定された「スニピット」を自動的に挿入します。ユニバーサルバイナリ（PowerPC/Intel両対応）です。 TextExpander の FAQ はこちらにあります。 TextExpander の主の機能： フォーマット付きテキスト＆ピクチャーを含む挨拶、テキスト、署名などを素早く挿入できます。 簡単な省略形を入力するだけで長い文字列を即
Ask Twitter: 使っているサイト制作ソフトは何ですか？ : could
仕事意見 Ask Twitter: 使っているサイト制作ソフトは何ですか？ エディタは何度か放浪しながら、そのときのワークフローに合ったものを使っています。今でもメインは相変わらず skEdit ですが、サイト管理の機能がとても良い Coda も併用しています。Coda はまだまだエディタとしては物足りないですが、バージョンが上がる度に良くなってきていますし、1.6.1 に導入された プラグイン でどれだけ多くの開発者の協力を得ることが出来るのかが今後の鍵でしょう。 また、CSSEdit を開発している MacRabbit が Expresso という本格的なエディタを開発しているのも見逃せません。こちらも Sugars という拡張機能が備わっており、カスタマイズ性も高いです。 そんなにエディタ変えてコーディング面倒そうと感じる方もいるかもしれませんが、コードのスニペッツの多くは Text
Ask Twitter: 使っているサイト制作ソフトは何ですか？ 2 : could
仕事意見 Ask Twitter: 使っているサイト制作ソフトは何ですか？ 2 前回に引き続き、いろいろな方が使っているサイト制作ソフトの紹介です。 以前、制作ソフトに関して神森さんと話したことがあります。制作ソフトそのものの使い方を習得することも重要ですが、実は OS の特徴をいかに把握して活用するかが制作ソフトの使い勝手に大きな影響を及ぼします。テキストをダブルクリック、トリプルクリックしたときにどのような挙動が起こるのか、コピーしたデータがどのようにクリップボードに保管されるのか、他のアプリとの組み合わせで相乗効果があるのか・・・といったことを知っていると知っていないとでは大きな違いです。 自分が使っているソフトを支えている技術や別のソフトを改めて見つめ直すことで、自分の『武器』がさらに手に馴染むと思いますよ。 ブックマークに使用している制作ソフトを書いている方もいらっしゃいますね。
SmoothMenu
Updated: April 1st, 16' (v3.02): Fixed Chrome desktop falsely reporting as touch enabled, requiring clicking on menu items to drop down. Description: Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that's a good thing given the important role of this element in any site. The menu's contents can either be from dire
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
PNG in Windows IE
The PNG problem in Windows Internet Explorer Home | The Problem | The Solution | How To Use | More Info This site is all about a JavaScript-based PNG fix for Internet Explorer 5.5 and 6 on Windows. The fix allows IE to properly render PNG alpha transparency. If you want to get straight to the script, go to the how-to page and follow the instructions there. If you have the time for a descript
RedLine Magazine : jQueryでnの倍数だけに何か処理する（追記有）
jQueryでnの倍数だけに何か処理する（追記有） >>081007：追記1 :nth-child について追記しました。 >>081007：追記2 :lt について追記しました。 今までのバックナンバーリストを一覧でダダダーと並べてるページがあって、（このサイトで言うと全エントリのアーカイブページみたいなページ）リストの件数が少なかった時は特に何も感じなかったんだけど、サイト公開から時間が経って「数が増えてなんか見難くない？」みたいな話になった。 で、5件分ごとに区切り線入れたいっていう提案をされて了解したけど、なんかどんな方法が効率いいんか迷った。手作業で5件目ごとにclass振っていく様な手数増える方法でもいいんだけど、今新しいのが上、古いのが下ってなってる状態で上から順番に5件目毎にclass付けした所で更新の度に1つずつズラしていくの？手数増えるにも程があるｗｗｗみたいな発想にな
【レビュー】Webサイト制作者必見! - Firefoxでサイトのモックアップが作れるアドオン「Pencil」 (1) Pencilの概要とインストール.1 | パソコン | マイコミジャーナル
Pencilとは? Webデザイナーのみならず、WebディレクターやWebプロデューサーには必須とも言えるFirefox用アドオン「Pencil」をご紹介しよう。Webサイトの制作では、多かれ少なかれWebサイトのカンタンなイメージ、「ラフ」や「モックアップ」と呼ばれるものを作成することになる。 「ヘッダーには会社情報やサイトマップへのリンクを配置して、右端にはサイト内検索を設けよう」、「大雑把なレイアウトは上部にイメージ画像があって、左側にメニューでいい?」など、ディスカッションして最終的なデザインへと落とし込んでいくのだが、そうした際に言葉だけのやり取りでは各々の頭の中にあるイメージが合致するとは言いがたい。いや、筆者の経験上、ディスカッション参加メンバーすべてが確認できるように、手書きのイメージ図などで何らかのカタチでイメージを共有しないと後で必ず後悔することになる。そこで登場するの
yuga.js 0.4.2 - 優雅なWeb制作のためのJS｜CSS HappyLife
通常のロールオーバー 動作テスト サンプルのソース <p> <img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </p> 説明 img要素にclass="btn"が有る場合、src属性を「_on」付きのものに差し替える [New]グループ化されたロールオーバー 動作テスト テキスト。 サンプルのソース <p> <a href="./hoge.shtml" class="btngroup"> テキスト。<img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </a> </p> 説明 img要素の親要素にclass="btngroup"があり、img要素にclass="btn"が有る場合テキストにマウスカーソルを当てても画像がロールオーバーする。 現在のページ
サイトマップ作成
The goal of this website is to let you: Create an XML sitemap that can be submitted to Google, Bing and other search engines to help them crawl your website better. Create a Text sitemap to have a plain list of all your pages. Generate an HTML site map to allow website visitors to easily navigate on your site. What is sitemap? By placing a formatted xml file with site map on your webserver, you en
[JS]ナビゲーションの背景画像をアニメーションさせるスクリプト
Snook.caのエントリーから、「ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2」のように、ナビゲーションの背景画像にさまざまなアニメーション効果つけるスクリプトを紹介します。 Using jQuery for Background Image Animations デモ デモでは、上下のアニメーション、左右のアニメーション、フェードのアニメーションがあります。 スクリプトにはjQueryがメインに使用されており、それぞれのアニメーションは下記のように記述されています。 「#a」は上下、「#b」は左右、「#c, #d」はフェード。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#a a') .css( {backgroundPosition: "-20px 35
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
Greybox Redux
Demos » Greybox Redux Only 1.2kb using the jQuery library (compared to over 12kb for the original). Completely unobtrusive - no need to embed Javascript into your site. Download Greybox Redux All original code by: 4mir Salihefendic See it in action: Launch Google Visit Yahoo Microsoft would like a visit. jQuery Rocks!
F-site | Now Loadingのサンプル5個セット
普段かならずと言っても良いほど使うNowLoading。というわけで、いろんなタイプのNowLoadingを5種類まとめてみました。メインのタイムライン第1フレームに置くだけで動作します。自由に使って下さい。 1.Director風NowLoading なんだかDirectorを思わせる（思わせるだけだけど…）NowLoading。一気に100%までファイルを読み込んでしまっても、滑らかにバーが動くようになってます。 2.シマシマプリローダー ちょっとデカめで、クセのあるこいつの名はシマシマプリローダー。読み込み状態を示すバーの上に、シマシマ模様がちょろちょろ動いてちょっぴりオシャレです。 上と同じく、一気に読み込み終わっても、滑らかにバーが動く仕様です。 3.ゆっくりプリローダー その名の通り、ゆっくりバーが動くプリローダーです。 一気にファイルを読み込んでしまっても、100%まで等速で
[JS]スムーズにスライドするドロップダウン型のナビゲーション -MenuMatic | コリス
ドロップダウンの箇所がスムーズにスライドする水平・垂直型のナビゲーションを実装するスクリプト「MenuMatic」を紹介します。 MenuMatic デモ：水平タイプ デモ：垂直タイプ ナビゲーション箇所はリストの入れ子で実装されおり、ラベル名はテキスト要素のため日本語に変更することも可能です。 オプションでは、水平・垂直型の選択、横幅、不透明度などを変更することができます。 MenuMaticはMooToolsのプラグインのため、動作にはMooTools 1.2 Coreが必要です。
アルファ画像を扱うalphafilter.jsライブラリ[to-R]
アルファ画像を扱うalphafilter.jsライブラリ IE6でアルファ画像(透過png)が使えないことにより、コーディングの作業量が大幅に増します。 そこで、IE6で透過pngを扱うjsライブラリを作ってみました。 設定は簡単、head要素内に条件付きコメントを利用してalphafilter.jsで読み込むだけ。 読み込みを高速化させるためdefer属性をの記述を忘れずに行ってください。 <!--[if lte IE 6 ]><script type="text/javascript" defer="defer" src="./alphafilter.js"></script><![endif]--> 透過にしたい画像にclass属性でalphafilterと入れるだけで、なんとIE6でも透過画像の使用が可能になります。 <img src="./sample.png" class="a
![アルファ画像を扱うalphafilter.jsライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
グラフ作成ソフト - JSChart -
ソフトウェア開発会社〈Jschart〉は、クリエイティブで画期的なプロダクトとサービスを構築し、コミュニケーションと情報ソリューション全体を提供しています。例としては、ウェブデザインと開発、カスタムアプリケーション、エンタープライズシステム、CRMシステム、eコマースソリューション、社内ソフトウェアシステム、企業内アプリケーション、マネージドホスティング、社内ポータルサイトマネージメントなどございますが、これらは当社が提供するサービスのほんの一部に過ぎません。世界中の多くのお客様にご満足いただいていることからも、いかに私たちの仕事の質が高いかがお分かりでしょう。 当社のソフトウェア開発チームは、新技術を探求する業界のパイオニアとして、高品質なソフトウェアを世界各地にお届けすることに専念しています。私たちの最終的な目標は、マルチユーザーアプリケーションのための洗練された情報技術を創造し、世の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pricing - AIOSEO
カラーも豊富なカレンダー用のアイコンセット -Matt Varone
シンプルなラインがかわいい、78個のフリーのアイコンセット