[B! evernote][CSS] satrexのブックマーク

satrex id:satrex

evernoteとCSSに関するsatrexのブックマーク (4)

これは新しい、回転する円形のイメージギャラリー実装サンプル:phpspot開発日誌
Image Gallery Wheel 記事これは新しい、回転する円形のイメージギャラリー実装サンプル。 divを並べた簡単なマークアップなのに以下のような複雑なレイアウトを作れています（画像ではありません） svgを使ってマスク処理されていることで画像のマスキングは実現されているようで、更にradiusやrotateなどを使ってアニメーションも実装されていますクリックでアニメーションしながら画像が切り替わりますマークアップは超シンプル色々と応用することでこういうことができるんですね。関連エントリ CSS編集がブラウザ上でリアルタイムに行えホスティングもしてくれる「WebPutty」ピュアCSSなソーシャルサイトのログインボタン CSSだけで実現したMac OS X風ドック「CSS Dock (V2)」レスポンシブデザインのためのCSSフレームワーク１５
satrex 2011/11/29
webデザイン

CSS

evernote
リンク
アイコンをフォントで実現すると便利だと分かるサンプル:phpspot開発日誌
Icon Fonts are Awesome アイコンをフォントで実現すると便利だと分かるサンプルフォントで表現することで色の変更やドロップシャドウやサイズ変更はあとから自由にできますね。画像編集ツールを使う必要もなく、あとから自由にカスタマイズできるというのはWEBデベロッパにとっては嬉しいです。ドロップシャドウ。カラー変更、リサイズも自由。他にも、CSS3を使った回転やアニメーションなど何でもできそうなところですフォントはfont-faceで指定することでどんなフォントでも使えます。サンプルのフォントはこちら関連エントリユニークなフリーフォント１０ WEBページに使えそうなアイコンっぽい図形フォント指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン﹁FontSize﹂とりあえず入れておくと使えそうな20フォント
satrex 2011/11/22
なるほど。Webdings的なものね。

CSS

webデザイン

icon

Typography

evernote
リンク
XHTMLベースの既存のWordPressのテーマファイルをHTML5にするチュートリアル
XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 Converting XHTML WordPressTheme To HTML5 [ad#ad-2] 下記は各ポイントを意訳したものです。はじめに header.phpをHTML5に変更 index.phpをHTML5に変更 single.phpをHTML5に変更 footer.phpをHTML5に変更補足‥IE6/7/8への対応はじめにはじめに、なぜHTML5を使うのかを理解する必要があります。私が考えるHTML5を使う大きな理由は、HTML5がセマンティックなマークアップだからです。 HTML5ではheader, footer, nav, section, articleなどを正確に使用する必要があります。ここでは、XHTMLベースの既存のWordPressのテーマ
satrex 2011/10/11
HTML

CSS

web制作

evernote
リンク
Lion入れたのでSafariを使ってみた。レビューと拡張機能など。
2013年3月23日便利ツール Twitterでも愚痴りましたが、Lionに変えてからChromeが一日最低一回は落ち、普通にブラウジングしていても突然読み込むのをやめちゃったりとへんてこりんなので、今までほとんど使ったことのないSafariを使ってみることにしました！意外な便利機能が標準搭載されていたりと、なかなかあなどれないSafariの魅力を紹介します！ ↑私が10年以上利用している会計ソフト！ Safariのここが素敵！滑らかな動きダブルタップでズームしたり、スワイプで戻る・進むの操作をするジェスチャーの動きは、本当に滑らかで使っていて楽しくなります！iPhone, iPadをお持ちの方には特に使いやすいと思います。これは文章や画像で説明するより、上の動画を見てもらったほうがわかりやすいですね！リーダー機能 URLの横に表示されるリーダーボタンをクリックすると、広告やCSS
satrex 2011/09/05
CSS

evernote

mac

browser
リンク
1