これ結構使えた！サービスサイトやWordPressテーマで使われている小技まとめ
作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ
高解像度のステキな写真素材がダウンロードできるサイト、バックリンク不要で利用できるのも便利 -KaboomPics
個人でも商用でも無料で、バックリンクやコピーライト表記などの必要も特になく利用できる写真画像がダウンロードできる「KaboomPics」を紹介します。 画像のサイズはそのほとんどが5,000x3,000px超の高解像度で、Twitterの新UIの背景サイズ1,500pxなんかも余裕です。 KaboomPics ダウンロードできる素材のフォーマットは.jpgで、すべての写真画像が個人でも商用でも無料で利用できます。詳しくは下記ページをご覧ください。 About 使用した際に、リソース元として表記してくれると嬉しいな、とのことです。 写真はポーランドのウェブデザイナーが撮影したもので、6つのカテゴリに分けられており、300枚以上あります。 以下に、カテゴリごとにいくつか紹介します。
[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd
Shepherdの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="shepherd-theme-arrows.css" /> </head> <body> ... <script src="shepherd.min.js"></script> </body> Step 2: HTML HTMLは普通に実装してOKです。 ガイドを表示する要素には、それが指定できるようclassを付与しておきます。 Step 3: JavaScript ガイドを表示するタイミングや内容はスクリプトで記述します。 基本書式は下記のようになり、classesに表示する場所、scrollToで自動スクロールの有無を指定します。 tour = new Shepherd.Tour defa
［1］日本人のSE/プロマネが日本語を学び直すべき理由
筆者の本業はプロマネ（プロジェクトマネジャ）ですが、ここ数年は本業をそっちのけにして、ソフトウエア開発に関わるSE（システムズエンジニア）とプロマネを対象に、文章作法の研修やセミナーを実施してきました。これまで研修で接した技術者は6000人、セミナーで接した人は4000人に及びます。 延べ1万人に教えた経験から分かったのは、ソフトウエア開発に関わるSEとプロマネの文章力、すなわち言葉の力が訓練されていないということです。訓練には教材が必要です。そこでSEとプロマネが文章を書くうえで必要となる事柄を「SEとプロマネを極める 仕事が早くなる文章作法」（発行：日経BP社）にまとめました。その中でも特に基本的な事項、別の言い方をすれば、SE/プロマネは知っていて当然であろう文章作法を、本連載で紹介しましょう。 SE/プロマネの仕事の大半は「文章」の作成 残念なことに「SEやプロマネのための文章作法
腸弱い人に見て欲しい。都内で空いてそうな4つのトイレスポット - 自省log
いつも思うんですけど、もうね都内って全然トイレ空いてないんですよ、トイレ。 私は何を隠そう腸弱い系男子でして朝食に何かを食べると、九分九厘お腹が痛くなる脆弱具合なのですが「じゃあトイレ行こう」ってなってもトイレ全然空いてない上に、前に入っている人全然出てこないんですよ。その絶望感たるや、筆舌に尽くしがたい苦しみなわけです。 何故こんなことになってしまうのか毎度不思議なのですが、その理由をざっと考えると (1)トイレの絶対数が足りてないから 特に女性側はそんな感じですよね。人口に対して、便器数の不足が原因。ディズニーランドとか夏祭りとか、見るだけでチビりそうになる長蛇の列がそれを物語っています。常々女性って大変だな。俺が女だったら死んでるな。と思っちゃうもの。 (2)一箇所のトイレエリアに人が集中してしまっている 人口に対する便器の数が足りていない上に、更に分散されず一つのエリアに人が集中し
わずか700円でハードディスクが壊れた中古パソコンでも動かせるKeepodが凄い！ - ICHIROYAのブログ
USBで接続して使うKeepodという新製品が凄いと思うのだが、日本ではほとんど話題になっていないようだ。 KeepodにはOSが入っていて、どんなコンピューターにも使える。たとえ、ハードディスクが壊れた古いパソコンにもつなげることができて、安定したOSとして機能する。 取り外せば、PCには痕跡を残さず、ソフトと情報とともに持ち歩くことができる。 そして、このKeepodが凄いところはその値段で、７ドルだ。 その使い方のイメージは彼らによるとこんな感じ。 これに似た機能としては、WindowsToGoやLinuxLiveのようなものもあるが、Keepodはそれらに比べて格段に使いやすく、セキュリティ面、信頼性などの面で勝っており、それらがいわば予備の（あるいはテスト用の）システムであるのに比べて、Keepodは、普通にインストールされているOSと遜色のなく、充分メインに使えるものになってい
デザインとは方程式のようなもの：『Design for Hackers』の著者デビッド・カダヴィの仕事術 | ライフハッカー・ジャパン
── 「これがないと生きられない」というアプリ・ソフト・ツールは？ 間違いなく、ナンバー1は「Evernote」です。何もかもEvernote上でやっています。ブログの下書き、講演準備、アイデアのブレインストーミング、文書処理はすべてEvernote。メールを書くのもEvernote。Gmailに貼り付ける際、箇条書きの丸印などを書き直す必要があるんだけど、それでもEvernoteを使っています。 Evernoteを使い始めたころは、「Inbox」という名のノートブックがあっただけでした。それが今や膨大な量になっていて、それぞれのノートブックに番号を付けているんだけど、そのルールを説明できる自信がありません。それでも、機能していることは確かです。 Siriも使っています。今この瞬間も、部屋の中をウロウロしながらiPhoneのSiriを使って、Evernoteでこの記事を書いているところです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タスク・マネージャの表示が枠だけになった場合の対処方法
ウェブでも同人誌でも動画でも商用利用可！女子向けのしとやかでカワイイ日本語のフリーフォント -ロゴたいぷゴシック-コンデンスド | コリス
「空気を読むから日本人はモテない」とフランス人の友人が言った - 幸せな人生を送るための手帖