積極的に取り入れたい9つのCSS3（+jQuery）テクニック
CSS3（+jQuery）を使った、ちょっといいかも！と思うエフェクトを集めてみました。 まだまだ非対応ブラウザが多い CSS3 ですが、できるだけ積極的に使ってみたいなーとも思ってます。 まずはいろいろ試してみることからはじめてみましょう！ CSS3 の登場で、いろんな CSS のトリックを使ったエフェクトが考えられてます。まだまだ CSS3 に非対応のブラウザも多いので、全てを CSS3 で表現する訳にはいかないのが現状ですが、私的には積極的にどんどん取り入れていきたいなーとも思ってます。 海外ブログなどで、色んな CSS3 を使った Tips が紹介されているので、その中からいくつかご紹介します。どれもサンプルを作って試してみたものばかりです。以下の環境で動作確認もしています。 Mac : firefox、Safari、Chrome Win : firefox、IE8、Safari、
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
(｡╹ω╹｡) ლ(╹◡╹ლ) など、最近でてきたかわいい顔文字を教えてください。
(｡╹ω╹｡) ლ(╹◡╹ლ) など、最近でてきたかわいい顔文字を教えてください。
細かいJavaScriptの仕様や習慣やテク集 - 三等兵
気づいたことやミスしたことなどメモしていたので確認作業。細かい仕様だったり暗黙のルールだったり、テクニックだったり。JSに慣れていたら当たり前なことばかりかもしらん。 追記のところはid:os0xさんより。ありがとうございます！ undefined var a; alert(a) // undefined 宣言だけだとundefined。undefinedというのは、宣言している変数に値が入っていませんよ、ということ。 そしてオブジェクトには無いプロパティとか参照すると出てくる。 var a = 100; alert(a.length); // undefined さらに引数も。 function func(val) { alert(val); } func() // undefined 引数はCallオブジェクトってのに格納される。このオブジェクトはローカルの変数が格納されるオブジェクト
プラグインを使用しないでWordPressをより便利する10のチップス
WordPressにほんの数行記述するだけで、多くの便利な機能を付け加えるチップスをMegaMagから紹介します。 10 wordpress hacks & tricks that I like 1.コメントがついた記事をサムネイル付きで表示 サイドバーやフッタなどどこにでも、たくさんコメントがついた記事をサムネイル付きで表示します。 「http://an-alternative-image.jpg」はサムネイル画像が無い場合のデフォルトの画像を指定してください。 <textarea name="code" class="html" cols="60" rows="5"> <?php $popular = new WP_Query('orderby=comment_count&posts_per_page=5'); ?> <?php while ($popular->have_po
Sambaの運用を楽にするためのティップス10選 - builder by ZDNet Japan
Sambaを使うことにより、LinuxやWindows、Mac OSが混在するネットワーク内でのリソースの共有機能が強化されるようになるものの、その設定や管理は一筋縄ではいかないことに定評がある。そこで本記事では、Sambaにまつわる厄介事を減らすためのティップスを紹介する。 Sambaは多くの中小企業にとって欠かせないものとなっている。Sambaはファイルサーバとして不動の地位を築いているうえ、そのソフトウェアは無償で提供されている。ただ、最大の障壁は、ほとんどの人がSambaの設定や管理を複雑なものと捉えているところにある。しかし、こういった障壁はLinux OSにまつわる数多くの伝説と同様、根拠のないものなのである。Sambaの設定や管理は必ずしも難しいものではない。実際のところ、徹底的に手をかけないということも可能なのだ。以下に、Sambaの運用を楽にするためのティップスを10個紹
画像にできる濃淡の縞「バンディング」をおさえる方法
画像の滑らかなグラデーションに現れる濃淡の縞「バンディング」をおさえる方法をFringe Focusから紹介します。 左：通常、右：バンディング 右側の画像では空の滑らかなグラデーション箇所にバンディングがおきています。これは圧縮した際に色の数を制限することで発生させたものです。 人の目は高いコントラストのエリアを見ると、微妙な明るさの変化を認識しにくいため、この写真では建物のセクションでうまく働いています。ここでのカラーは「少し明るい青」から「少しそれほど明るくない青」を使用しています。 この画像の圧縮というのは、バンディングの要因となります。 画像を構成しているピクセルの一つ一つは、それぞれの周りのピクセルと混ざり合うことはなく、それ自身が小さい正方形のピクセルです。ピクセルは我々の目からみると、あまりにも過度に小さいものです。ここで取り上げる方法はそれよりもっと大きいグループでカラー
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
FeedBunner経由の分散したブックマークを一つにまとめる方法
『コリス』 の新着エントリー - はてなブックマーク 上記キャプチャのように同じ記事がばらばらになってしまっているので、それを一つにまとめます。 ブックマークが分散する原因 FeedBunner経由でアクセスすると、URLの末尾に「?utm_source（以下略）」という文字列が付加されます。 で、これをブックマークすると、期待しているURLとは異なるURLにブックマークされてしまいます。 これを解決するために、FeedBunner経由でアクセスした際にも期待しているURLにアクセスするようにします。 参考にしたのは、下記ページです。 同じエントリへのはてブがバラバラに付く 当サイトも上記ページと同様にWordPressを使用しているため、同様の対処方法をとりました。 ただし、URLが異なるため、下記のように「.htaccess」に記述しました。 <textarea name="code"
研修に行ってこい！：1分で「使える議事録」に仕上げるチェックリスト - ITmedia エンタープライズ
会議やミーティング、研修などで作成する議事録。概要や結論だけを記載し、その途中のプロセスを省略すると、せっかく時間を使って記録する効果が半減してしまいます。効率的に仕事ができる議事録作成のポイントを紹介しましょう。 会議やミーティング、研修などで作成する議事録。議事録の作成も慣れてくると、概要や結論だけを記載し、その途中のプロセスを省略してしまうことがあります。しかし、これではせっかく時間を使って記録する効果が半減してしまいます。 今回は、議事録の役割を再確認するとともに、たった1分で見直せて、仕事を効率化する議事録作成のポイントをお伝えします。 議事録の用途とは？ 改めて“議事録”とは何かを考えてみましょう。 大辞泉で調べてみると、次のように表現されています。 議事の内容・審議経過・議決事項などを記録したもの。会議録。 ビジネスの場面に置き換えて考えると、「あるテーマをもとに、調査、検討
ＰＨＰの開発効率を上げる１０個の関数 - PHP,MySQL,Flex,JSな日々＋イラストとか
「追記とか」にコメントの返答や追記をしてますので合わせてどうぞ。 かれこれ３年くらいPHPをやっているので、せっかくなので１０個の便利な関数を並べてみました。 作業効率がかなりアップするので、これからPHPをやってみようかなぁって思う方は知っておくと便利だと思います。 変数、配列の内容をキレイに表示する関数「d」 変数や配列の内容をHTML構文でキレイに表示してくれます。 しかも、var_dumpと書くとタイピングが大変なので「d($hoge)」として簡単に記述。 これだけでも作業効率8倍 function d() { echo '<pre style="background:#fff;color:#333;border:1px solid #ccc;margin:2px;padding:4px;font-family:monospace;font-size:12px">'; foreac
MovableTypeプラグイン作成に必要な勉強方法について（AssetExifプラグイン制作プロセス） - WEBデザイン BLOG
先日はじめてMovableTypeプラグインを制作、リリースしました。コードが汚かったり、フローがおかしいという部分等ありますが、はじめてにしては上出来だと自分の中では納得しています。 今回はこれからMoavleTypeプラグイン作成をお考えの方に制作経験から必要なリソース、勉強法、気づいた点など、AssetExifプラグイン制作プロセスも織り交ぜ、必要だと思う項目について書いておきます。※phpに対応していないので完成物とはいえないかもしれないですがご容赦。 MTプラグイン制作公開している人たちは、それを生業としているプロフェッショナルな方ばかり、その方たちがおっしゃる勉強方法はとても参考になります。ただ、はじめてプラグインを形にすることができた人から思った、感じた制作に必要なプロセスも知ってもらうことで制作の参考・何かのキッカケにして頂けたらと思います。書いてみたもののとても長く、ス
WingMemo: サムネイルリストからブログ記事（エントリー）にリンクを張る (MT４用)
MT4サイドバーのサムネイルリストはデフォルトでは直接画像へリンクが張られています。それはそれでいいのですが、ブログの内容や方針によっては、画像ではなく、画像のあるエントリー記事へリンクを張りたいと思うことはありませんか。 これが実は出来るんです。MT4には「自動でサムネイルを作って、そのサムネイルから自動で記事へリンクを張る」機能があるんです。これには<MTEntryAssets>タグを使います。MTタグだけで実現できてしまうので、すごい便利です。 ■カスタマイズの前に…画像と記事の関連性について まずはおさらい。特定のブログ記事（エントリー）にどの画像が属しているのか知るためには、画像とブログ記事（エントリー）が何らかの形で紐付けられていなければならないのですが、MT4の場合はユーザーが自分で何かしなくても画像挿入時に実はもう既にちゃんと関連付けがされているのです。MT4になってから、
MTAssetsを使って簡単なギャラリーを作る | チバのブログ
MT4で追加されたアイテムの管理の機能を使って簡単なギャラリーページを作る方法をまとめてみました。 月別アーカイブやカテゴリーアーカイブなどは必要ないけどギャラリーページが欲しいという方はぜひこの方法を試してみてください。 以下で説明する内容はインデックステンプレートとしても、ウィジェットとしてサイドバーに設置するのもどちらでも使える方法ですが、インデックステンプレートとして使う場合はファイルのアップロードだけでは再構築がかからないので、定期的に再構築を実行するような仕組みが必要になります。 ギャラリーページの種類 ギャラリーページと言っても色々な種類のギャラリーがあると思いますが、以下の2種類の説明をしたいと思います。 写真や画像のギャラリー ファイル一覧（画像以外）のようなギャラリー ただ、どちらも基本的なタグの形は変わりませんので、先にソースを書いておきます。 <MTAssets>
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
[会津若松市]オープンオフィスにしませんか？ — 会津若松市ホームページ
会津若松市の利用しているオープンオフィス・オープンドキュメントを、皆さんも利用してみませんか？ この度、当市の取り組みを市民の皆さんにご紹介するための、ミニマガジン「オープンオフィスにしませんか？-会津若松市が導入した無償オフィスソフト-」を製作しました。 是非ご覧いただき、また周囲の方にも勧めて頂ければと思います。 会津若松市ではオープンオフィスで業務を行っています 会津若松市では、2008年10月より、パソコンで文書を作成する際の形式を、国際標準規格であるオープンドキュメント形式に定め、運用を続けています。 庁内では約840台のパソコンが稼動しており、その全てにオープンオフィスがインストールされています。 市民の皆さんも是非利用してください これまでの取り組みにはどういった意味があるのか、また、これまでの取り組みのなかで得られたノウハウについて、親しみやすい冊子
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
イラストコミュニケーションサービス [pixiv]![イラストコミュニケーションサービス [pixiv]](https://cdn-ak-scissors.b.st-hatena.com/image/square/124551c499cd1b31458761571b9d01a54ae87bf3/height=288;version=1;width=512/https%3A%2F%2Fs.pximg.net%2Fwww%2Fimages%2Fshare%2Fpictures.jpg)
%26utm_content%3DGoogle%2520Reader)
css-lecture.com
Using Perl Api To Create A Page In A Folder - Movable Type Community Forum