昨日 に引き続き LESS 関連エントリーです. 「CSS3を使って美しく装飾されたテーブルの作り方|Webpark」で紹介されていた, テーブルを CSS3 で装飾するサンプル. 非常に良く出来ていて見た目もコードもとてもキレイです. 今回は, このエントリーに触発されて, サンプルをパクってオマージュしてみました. ただパクったオマージュしたわけではなく LESS で作っていたり, 色々と私の都合の良いように変えてたりします. LESS だと変数が使えるのでベースとなるカラーを変更したり, 幅や高さの調整も超簡単にできますよん♪ サンプルは jsdo.it で作成したので, よかったら fork して色々とイジッてみて下さい. Table of contents サンプルを実行してみよう テーブルのメインカラーを変数化 linear-gradient を使ってヘッダーにテカリフィルター
繋ぐだけでMacとWindowsの画面も繋がる不思議なケーブル2012.08.25 23:0028,991 小暮ひさのり ドラッグ&ドロップとコピペにも対応 MacとWindows間のファイル共有って、意外と面倒ですよね。Mac買ってから設定しようとしたんですが、あまりの面倒くささに未だにUSBメモリで受け渡したり、わざわざDropbox使ってたりします。 そんなファイル転送の面倒くささから開放してくれるのが、サンワサプライから発売されたこのリンクケーブル「KB-USB-LINK3M」。 これで接続されたPC間は、キーボード、マウスのシェアリングが可能。また、あたかも1台のPCかのようにマウスカーソルが行ったり来たりできるようになります。 ファイルやフォルダを転送したい場合は、もう片方の画面にドラッグ&ドロップすればOK。テキストのコピー&ペーストもできちゃいます。......何この便利ケ
「CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く