タグ

2014年2月5日のブックマーク (7件)

  • 今どきのCSS3グラデーションの指定方法

    意外とAndroid以外は最新ブラウザが正式な記述に対応しております。 正式な記述の対応が遅かったSafariやiOS、非対応のAndroidは比較的に古い段階から-webkit-gradientに対応してますので、-webkit-gradientも合わせて記述すると対応ブラウザを利用しているユーザーが一気に増えます。 IE9以下や上記の記述では対応できない古いブラウザにはちゃんとフォールバックを指定しましょう。 上記を踏まえると以下のように記述するのがシンプルでよいのではないかと落ち着きました。 /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #b6e2fd), co

    今どきのCSS3グラデーションの指定方法
  • WordPressとDreamWeaverを連携させる

    DreamWeaverは、HP作成ツールでプロも仕事で使っている方の多い定番製品です。 DreamWeaverCS5以上のバージョンからは、WordPressなどのCMSツールとの連携をサポートするようになりました。 しかし連携をサポートしたといっても、ややこしい設定を行なわなければならず、少しめんどくさかったりします。 ココでは、WordPressとDreamweaverの連携の仕方や実際にどのように運用していくことになるのか簡単に説明していこうと思います。 はじめに WordPressとDreamweaverの連携のといっても、実際に出来ることは限られていますので あまり期待しないようにしましょう。基的には、ローカルにテストサーバーを構築して、テーマやCSSを作成、編集して保存。そしてそれをFTPソフトなどでネットにあげて更新するという作業で運営していくことになります。 Dreamw

    WordPressとDreamWeaverを連携させる
  • DreamweaverとWordPressを連携させてテーマを編集する方法

    dreamweaverCS5からはWordPress(他にも一部のCMS)との連携が更に強化されました。今までは特に連携させずテーマ編集をしてたのですが、作業効率が上がるかもと試しで設定をしてみました。 dreamweaverCS5からはWordPress(他にも一部のCMS)との連携が更に強化されました。 今までは特に連携させずテーマ編集をしてたのですが、 作業効率が上がるかもと試しで設定をしてみました。 MAMPインストール WordPressインストール DreamweaverとWordPressの連携 WordPressテーマの編集 WordPressのコードヒント はじめに 私の環境はMacで、DreamweaverCS5を使用してます。 ただしwindows環境でもファイルのパス等が変わるくらいで設定方法は変わらないと思います。 また私はMAMPの環境設定でDocument R

    DreamweaverとWordPressを連携させてテーマを編集する方法
  • スマートフォンサイト制作時に覚えておきたいCSS 15

    スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に

    スマートフォンサイト制作時に覚えておきたいCSS 15
  • Useful CSS Text Effects

    2014年8月22日 CSS モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック!基的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 ↑私が10年以上利用している会計ソフト! テキスト周りで使えるCSSの小技 目次 テキストを選択する時の色を変更 蛍光ペンで線を引いたような効果 長いテキストを「…」で省略する 番号リストの表現を変更 リンクの種類でアイコン変える 言語によってスタイルを変更 テキストリンクのエフェクト プリント時はURLを表示 長いURLを途中で折返す 途中で折り返さず、次の行に 先頭の文字を大きく 先頭を一文字分あける グラデーションテキスト ブラウザーは特記していなけれ

    Useful CSS Text Effects
  • iPhone5の電池の交換って自分でやれば1500円くらいで出来るんだね。そのやり方とは? – @attrip

    友達の赤嶺さんがiPhone5の電池がへたってきたので自分で交換していました。 その方法が意外と自分でも出来そうな感じだったので自分用の記録としてのことしておこうと思います。 iPhone5の電池の減りが酷くて(寝る前100%→起きたら20%とかw)いろいろ調べて設定とかいじったりバッテリーアプリとか入れてトリクル充電とかしてみたけど、あまり効果なくて、、、勇気を出して電池交換したらバリバリ元気になった!ただ単に電池がへたっいたと思われる。 しかも純正の2倍くらいの容量のやつと交換したので、普通に使っても電池が1.5日位もつようになったので成功だね(^o^) (Facebook) iPhone5の電池の交換の費用は、1500円くらいで出来る。 iphone 5対応用大容量バッテリー 交換用 アクセサリー 2680mAh 3.7V 並行輸入品 900円 こちら在庫切れだったのでこちらを紹介

    iPhone5の電池の交換って自分でやれば1500円くらいで出来るんだね。そのやり方とは? – @attrip
  • Git を学ぶ - チュートリアル、ワークフローおよびコマンド | Atlassian

    Git は、元々 Linus Torvalds によって 2005 年に作られた、無料でオープンソースのバージョン管理システムです。他の SVN や CVS といった中央バージョン管理システムと違って、Git は分散型で、すべての開発者がローカル環境で彼らのコードのリポジトリの完全な履歴を持っています。これは、最初のリポジトリのクローン作成に時間がかかりますが、commitblame、diff、merge、log といったこれに続く作業を劇的にスピードアップします。 Git は多くの革新的で強力なワークフローやツールにつながる、リポジトリ履歴のブランチ、マージ、および書き換えに非常に役立ちます。プル リクエストは、チームが Gitランチでコラボレーションを行い、他のコードを効果的に見直すことができる、非常に人気のツールです。Git は現在世界で最も広く使用されているバージョン コント