プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
WordPressスニペット | かちびと.net
Code Note Description 画像のURLからその画像のアタッチメントIDを取得するコード。カスタムフィールドに格納した、どこにも紐付いてない画像の他のサイズのパスを取得する際にどうしても必要になった時に...
model のキャッシュを削除するアクション: CakePHP | 俺なんて….com ― ORENANTE.com ― ... orz
さて、CakePHP。 開発中は、debug を2 で開発すると思います。その状態で 開発中にDBのテーブルを増やしたりすると、どうも意味不明な挙動をすることがある。 いきなりMissing Database Table とか。いままでいけてたのに！とか。 あちこちのサイトで触れられていますが、app/tmp/cache/models内のモデルキャッシュをつかって アクセスしようとするから、不整合が生じて起こるみたいですね。 手動のローカルサーバだといいんだけど、公開サーバだといちいちログインしたりせなあかんので、めんどくせぇ。 ということで、管理者用メニューに以下のアクションを作った。 /** * モデルキャッシュ削除 */ function delCache(){ $this->obAuth->lock(array(1));// 管理者権限のみ $openDir = TMP . ‘c
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef
gitでアレを元に戻す108の方法 | Webシステム開発／教育ソリューションのタイムインターメディア
以前gitで一度行った変更をなかったことにする方法4つを紹介しましたが、 日常的に git を使用していると他にも様々な 「なかったことにしたい」「元に戻したい」 という状況に遭遇します。 そのひとつひとつについて対処方法を紹介していきます。 目次 問題1: ライブラリの新機能を試すためにあれこれ適当なコードを書いてみた。でももう要らない。問題2: トピックブランチをマージしたけど実はまだ不完全だった。マージをやり直したい。問題3: リリース後に発覚したバグ。原因は30日前に自分が行ったコミットだった。なかったことにしたい。問題4: 新しいコミットしようとして間違えてgit commit –amendで書き換えてしまった。元に戻したい。問題5: 色々作業していたら作業ディレクトリの内容が混沌としてきた。一度綺麗な状態にしたい。問題6: 作業ディレクトリにゴミファイルが溜まってきた。一度綺麗
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
118棋牌网址多少
果蔬 蔬菜 | 水果 食用油 花生油 | 调和油 | 菜籽油 | 大豆油 | 玉米油 | 橄榄油 | 茶油 | 芝麻油 | 散装花生油 | 棕榈油 | 纯天然葡萄籽油 粮食 大米 | 面粉 | 豆类 | 面条 | 杂粮 冲调品 咖啡 | 奶茶 调味品 酱油 | 醋 | 腐乳 | 盐/糖 | 味精/鸡精 | 香油/麻油 | 火锅调料 酒类 啤酒 | 红酒 | 白酒 深圳118棋牌网址多少市创隆食品贸118棋牌网址多少易有限公司长期现货批发新鲜蔬菜、食品。公司尊崇“踏实、拼搏、责任”的企业精神，并以诚信、共赢、开创经营理念，创造良好的企业环境，以全新的管理模式，完善的技术，周到的服务，卓越的品质118棋牌网址多少为生存根本118棋牌网址多少，我们始终坚持用户至上 用心服务于客户，坚持用自己的服务去打动客户。 现货供应，原厂正品，欢迎各位新老客户来我公司参观指导工作。时代在进步，118棋牌网址多
Mac歴約10年の僕が教える、MacBookAirを買った人に教えてあげたい設定など（4/5追加修正）｜男子ハック
OSX 10.6（SnowLeopard）では、標準添付されるほぼすべてのソフトウェアが64ビットに対応した。アクティビティモニタ（/Applications/Utilities/Activity Monitor.app） で確認してみると、「種類」の列項目がほとんど「Intel（64ビット）」となっている。（でも、iPhoto・iTunesは未だ32ビットなんだけど） 目次常時64ビットモードで起動させる（MacBookAirは対応していません）注意事項あり！スタックを使ってアプリケーションフォルダへ素早くアクセスする不要な言語環境は一括削除してディスク容量を増やすDropboxを利用して複数のMac/PC間で書類フォルダを共有しようネット環境の高速化はやっぱりdolipoとGooglePublicDNS環境ができたらMacのショートカットを覚えよう常時64ビットモードで起動させる 注意
CakePHP Modelとの付き合い方（CakePHP Advent Calendar 2010 3日目）
CakePHPのModelに悩む人が多いようなので、自分なりの付き合い方（考え方）をご紹介します。 CakePHP Advent Calendar 2010の3日目です。 前日の k1LoW さんのエントリ、参考になりますね。GETのフォームをdata[]でやるとURLがすんごいことになるので、ウチでは別途対応できるライブラリを作ったりしてます。 さて、3日目の今日は書きたいネタは幾つかあったのですが、「君の当たり前に僕らは感嘆させられるんだ」の精神に従って、自分なりのModelの使い方、考え方を書いてみます。 1. 適正なインターフェイスを用意して処理をカプセル化 まず基本的な考え方。 Model（に限らずですが）では、処理単位でインターフェイス（メソッド）を用意して、実装はカプセル化しておきます。 こうすることによって、Modelを利用する側（Controllerや他のModel等）は
ただのメモでは勿体ない！Evernoteに人生を記憶しよう ：第6回 Evernoteと外部サービスを連携させよう！｜gihyo.jp … 技術評論社
前回は、Evernoteで情報を整理するための仕組みを紹介しました。今回は、Evernoteへ情報を集約させるために、様々な外部サービスと連携する仕組みを構築してみましょう。 情報の種類によってその仕組みが異なるため、2回に分けて説明していきます。今回は、インプット情報とアウトプット情報の集約について紹介していきます（次回は、ライフログ情報の集約について紹介します）。 Evernoteと連携するサービス／アプリ／機器のカタログ「Trunk」 Evernote日本語版がリリースされて以降、様々なWebサービスやアプリケーションにEvernoteとの連携機能が搭載されつつある状況です。先日リリースされた「Trunk」という機能では、こういったEvernoteと連携可能なサービス／アプリ／機器について様々な情報を得ることができます。 図1 Evernote Trunk Trunkに掲載されて
14のjQueryベストプラクティス[to-R]
14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv
![14のjQueryベストプラクティス[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)
FAQ/Git - CodeRepos::Share
Git 公式 http://git.or.cz/gitwiki/GitFaq チートシート http://cheat.errtheblog.com/s/git git 全般 空ディレクトリを追加したいときってどうすんの (FAQ に書いてあるけど) できない。.gitignore ファイルをつくって add するとかするしかない。 「元に戻す」コマンド git-revertは指定したコミットと同じ状態に戻るようなパッチを作成・適用してコミットする。つまり、以前の状態に戻し、「戻した」という作業も変更履歴に残したい場合に使う。 git-resetはrevertと似ているが、新たなコミットは発生せず、変更履歴には残らない。マージをミスったり、直前にコミットした内容に実はしょぼいミスがあって修正したいときに使う。前者の場合は--hardを指定して作業ツリーの内容も元に戻すとよい。後者の場合は--
MacBookで快適なリモート操作を目指す - ザリガニが見ていた...。
Snow Leopardになり、サポート対象はIntel CPUのマシンだけとなってしまった...。でも、年に1度だけ、未だにOS9とOSX10.4のアプリケーションが大活躍する。そう、年賀状の作成である。具体的には、宛名書きの「宛名職人」と文字や画像にエフェクトをかけて自由に配置できる「Photoshop」だ。どちらもバージョンアップすれば、最新のOSX10.6 Snow Leopard環境でも問題なく動作するはず。しかし、年賀状を作成するという目的においては、その当時の機能で十分なので、そのまま使い続けてきた。バージョンアップの料金も馬鹿にならない。 年賀状作成の時だけ、PowerBookの前に移動して作業すれば良いことなのだが、普段からMacBookを常用していると、最近はそれさえも面倒になる。できることなら、MacBookからそのままPowerBookも操作したい欲求に駆られる。
[CSS]一つの要素に背景やボーダーをマルチプルに配置する実用的なテクニック
CSS3のマルチプルバックグランドを使用せずに、CSS2.1の擬似要素を使用して一つの要素に複数の背景やボーダーを配置するテクニックを紹介します。 Multiple Backgrounds and Borders with CSS 2.1 CSS3のサポートは必要なく、対応ブラウザはCSS2.1の擬似要素をサポートするIE8+, Fx3.5+, Safari 4+, Chrome 4+, Opera 10+となっています。 実装の仕組みは上記の画像のように、擬似要素の「:before」と「:after」を利用したもので、複数の背景やボーダーを配置することで面白い効果が得られます。 下記にその実用的で面白い効果をもったデモを紹介します。 マルチプル バックグランド デモ：Multiple Backgrounds with CSS 2.1 CSSファイル：backgrounds.css
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Absolute Centering
submoduleの削除 - 呆備録
AppBank
IBM Developer
