gonaiのブックマーク - はてなブックマーク

地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなんですが、cssそのものが嫌いで覚えられないのでカンペ的な記事を作ることにしました。便利な小技は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで特に目新しい手法はありませんので何も期待できないです。というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef
gonai 2011/08/30
css
リンク
商用利用OK、リンクや著作権表示も不要の女性の写真素材専門サイト「モデル・フォト」 - かちびと.net
女性の写真素材専門のモデル・フォトは、商用利用も可能で、リンクや著作権表示も不要。完全に無料で使える人物写真素材サイトです。簡単なアイキャッチ等に使いやすそうな印象でした。なによりリンク不要というのは貴重ですね。以前ご紹介したモデルピースと同じく、人物写真素材専門のサイト。人物写真が商用利用OKでリンクも著作権表示も不要というのは、かなり貴重なので覚えておきたいですね。商業広告・出版物・冊子のデザイン、Webサイトやホームページのデザイン制作、TV番組やCMの映像製作、店舗や看板の装飾などに画像のトリミングや合成など、自由に加工してご利用いただけます。とのことです。細かい規約は利用規約をご確認ください。モデルさんはまだ3人ですが、量はなかなか揃っています。今後増えてくれると嬉しいですね。素材の例ブログには規約上使用できないのでキャプチャ撮りました。なんか勘違いだったみ
gonai 2011/07/29
素材

写真
リンク
最近よく使ってる、Web制作に役立つWebサービス的なやつ
少し前に聞いてくれた方がいたのでついでにシェアしてみます。個人的に最近よく好んで使っている、Web制作に役立つWebサービスみたいなものをご紹介。全部既出で珍しいものは無いんですけど、一覧にするのもたまにはいいかもですね。というわけで、場合によっては誰得な記事ですけどご了承下さい。僕がここ最近でよく使ってるWebツールを古いのから新しいのまで、順不同でご紹介していきます。 web計。 →　黄金比・白銀比をサクサク計算計算が面倒な黄金比や白銀比を、数値を入力するだけでサクサク出してくれます。動作も軽くてストレス無しです。 web計。 simplelib →　よく使うjQueryコードをパッケージで配布めっちゃ楽です。jQueryで作りたい機能だけを選択して、1つのjsファイルにパッケージにしてくれますよ。ページスクロールとかタブとか需要の高いものが揃っています。ちょっと機能を
gonai 2011/06/29
web制作

webサービス

ツール
リンク
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。簡単なチートシート代わりになるのでは無いかと思ったのでシェアしてみようかと。良かったら使ってください。というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。以下のサンプルで使用しているファイルが丸ごと梱包してあります。サンプル※別窓いちおうキャプチャ。目次サムネイル付きのサンプルと
gonai 2011/05/23
jQuery Mobile

サンプル
リンク
1