基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト! Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
まずは、コマンドプロンプトの基本的な部分を使えるようにならないと。。ということで nul ファイル Unix の /dev/null のようなもの サイレントにコマンドを実行 > verbose-command > nul 空のファイルを作る > type nul > hoge.txtこーんな感じでコピーができる 環境変数 PATH 、 PATHEXT PATH という環境変数にディレクトリを登録しておくと、そのディレクトリ内の実行ファイル(環境変数 PATHEXT で指定された拡張子を持ったファイル)がファイル名だけで実行できるようになります。 PATHEXT に .TXT を指定してみる 以下のようにすると .txt に関連付けられたアプリケーション(メモ帳)で、 hoge.txt が起動する。 > type nul > hoge.txt > set PATHEXT = .TXT >
Gmailを他の人に勧めるとき私たちは、容量が大きいとか、インターフェイスが速いとか、Googleの他のアプリにアクセスしやすいとか、そういうことを強調しますよね。これらはもちろん売りになるポイントなのですが、Gmailにはまだまだ知られざる機能があるんですよ。 たとえば、ウェブアドレスを短くしたり、ビデオチャットしたり。また、忘れずにログアウトしたり、たくさんのメールの中からひとつのメールを探し出したりもできます。田舎のお母さんをダイアルアップの世界からこっち側に呼び寄せることもできるかもしれません。 ライフハッカーの読者のみなさんなら、もう既に知っているものもあるかもしれませんが、一般的にはあまり知られていなかったGmailの機能について、これから見ていきましょう。 【10】Gmailのデザインをテーマで一変
ふだん何気なく使っているパソコンだが、ちょっとした工夫やヒントで効率よく仕事ができたり、今まで以上に便利に使えたりするテクニックがある。「知っ得!虎の巻」では、そんなパソコンの便利な活用術を紹介している。 2008年上半期に紹介した活用術を一気に紹介しよう。パソコン初心者だけでなく、上級者にも役に立つ技もあるので活用して欲しい。 本人に直接連絡ができてパソコンに履歴が残ることから、社内の連絡事項や取引先との連絡にメールを使う場合が多い。メールは便利な道具だが、何らかのトラブルでパソコンが壊れてしまえば、それまでにやりとりしたメールがなくなってしまうことも考えられる。 携帯性に優れたノートパソコンの中には、画面の解像度が狭い製品も多い。そういうノートパソコンでは、外付けのモニターを接続して画面の解像度を高められるが、ノートパソコンの画面と併用すれば、2つの画面を繋げるような状態でひとつの大き
テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基本的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT
Gmailに関するTipsやショートカットキーの情報は多々ありますが、多すぎてほとんど覚えていないのが私の現実ww。そこで、ちょうど良い基本的なTipsが紹介されていたので書き留めておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmail効率化の基本10のTips 1. Gmailの接続を暗号化しよう ↑Gmailは様々なPCから利用するものですから、必ず”https://”で接続するようにしましょう。セキュリティモードをかんたんに設定するにはBetter Gmailがおすすめです。 2. 驚速ごみ箱送り 以前にどこかで紹介されていたかもしれませんが、”#”すなわち”Shift + 3″でメールを削除できます。もちろん複数のチェックボックスにチェックを入れて”Shift + 3″を押
For some unknown reason, each time we try a new graphics application, we feel the uncontrollable desire to apply the most cheesy effects to beautifully designed typefaces. These so called text effects or type effects are carefully hidden guilty pleasures that most designers enjoy to try, but would never dare to apply in real life work. For those like me that love text effects and have the courage
ご存じの方もかなりいるのでは、と思いつつ・・・個人的に忘れていたのであらためてご紹介。 Firefoxでは、URLを入力する際にSHIFTキーやCTRLキーを使うことができます。 ■ 語句を入力 → CTRL+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.com/」に行ってくれます。 ■ 語句を入力 → SHIFT+Enter たとえば「100shiki」を入力してSHIFT+Enterを押せば「http://www.100shiki.net/」に行ってくれます。 ■ 語句を入力 → CTRL+SHIFT+Enter たとえば「100shiki」を入力してCTRL+Enterを押せば「http://www.100shiki.org/」に行ってくれます。 なお、Internet Explorerでは「CTRL+Ente
AIR 「AIR(Adobe Integrated Runtime)」(コードネームApollo)とは、Adobe社が開発中のFlash技術を利用したデスクトップアプリケーションの実行環境。 Flashとの違いは、WEBブラウザに束縛されず、 デスクトップのハードディスクへのアクセス、クリップボード、ドラッグ&ドロップ、拡張子登録といった機能を利用できる点。Flashだけでなく、HTML/JavaScript/CSSやPDFも動作する。フルスペックのHTML/JavaScript/CSSに対応しているため、Ajaxのページも表示可能。 OSに依存しないデスクトップアプリケーション実行環境としては.NetとJavaもあるが、.Netは事実上Windowsのみしか対応してなく、Javaはランタイムのインストールがユーザーには敷居が高いという欠点がある。それに対しAIRはWindows
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができ... CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。 で、結果として !important 宣言を連発、気が付いたら CSS が !important 宣言だらけになるなんてオチが待ってたりするわけですが、そうならないためにも CSS が適用される際の優先順位について簡単におさらいをしてみたいと思います。 CSS は、「Cascading Style Sheets」 という名前の通り、「Cascading」 されて (段階的に) 適用されます。よって、簡単に言っ
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く