タグ

2012年6月26日のブックマーク (7件)

  • Introduction to Sass and How to Setup with Mac + Coda

    2014年7月31日 CSS, 便利ツール 「Sass」って聞いたことありますか?すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない!」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac+Codaでの設定方法も紹介します。 ↑私が10年以上利用している会計ソフト! Sassとは 日語では「サス」と読まれるようです。拡張子は「.scss」。今までのCSSに変数や計算式を使ったプログラミング風の書き方を加えた .scss ファイルを、変換(コンパイル)してCSSファイルを作成します。例えば「style.scss」のSassファイルを変換する

    Introduction to Sass and How to Setup with Mac + Coda
    dotalive
    dotalive 2012/06/26
  • UIデザイナーが知っておくべきエンドユーザーの10の特徴

    ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン

    UIデザイナーが知っておくべきエンドユーザーの10の特徴
    dotalive
    dotalive 2012/06/26
  • 今こそ安心できるWordPressバックアップを!復旧作業まで実際にやってみたWordPress丸ごとバックアップ法

    ※BackWPup3が公開されました。BackWPup3でのバックアップ&復旧手順についてはこちらをご覧ください データのバックアップは大切ですよね!疑う余地はないと思います。 WordPressのブログも例外ではありません。バックアップしている人も多いですよね? でも、 「WordPress全体をバックアップできていますか?」 そして、 「実際にリストア(復元)作業を試してみたことはありますか?」 GoogleWordPressのバックアップ方法を調べてみると、データベースだけバックアップして安心していたり、復元方法の解説がない場合がとても多いです。 しかし、私はこう思います。 実際にリストア作業をやってみなきゃ、安心はできない! リストアできないバックアップは役に立ちません。やはり、一度リストア作業を試してみて、初めて安心できるのではないでしょうか。 そこで今回は、「プラグインを使っ

    今こそ安心できるWordPressバックアップを!復旧作業まで実際にやってみたWordPress丸ごとバックアップ法
  • 面倒なCSS3グラデーションのスタイルシートをグラデーションの画像から簡単に生成するツール -GradienFinder

    Photoshopなどの使い慣れたソフトウェアで作成したグラデーション画像から、CSS3グラデーションのスタイルシートを生成するオンラインツールを紹介します。 GradienFinder ドロップすると、すぐにグラデーション画像が反映され、スタイルシートが生成されます。 CSS: 生成されたスタイルシート background: -webkit-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,rgb(128, 128, 128) 100%); background: -o-linear-gradient(-90deg, rgb(254, 254, 254) 0%,rgb(208, 208, 208) 20%,rgb(147, 147, 147) 61%,r

    dotalive
    dotalive 2012/06/26
  • レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ

    レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ Wordpressはテーマが豊富に流通していることで有名ですが、完全に自分のテイストに合ったものや個性的なものを探すとなるとやはり自作するしかなかったりします。 こんな場合、全くの白紙状態から作るとなると大変なので、何かシンプルな造りのテーマをベースにしてそれに肉付けしていくというのが一つの方法と言えます。 そんなことを踏まえてオリジナルのテーマ制作時のスターターに適したテーマや、比較的カスタマイズしやすそうななるべくブランクに近い状態のテーマなどをフリーでレスポンシブなものに限定してピックアップしてみました。 (各種フレームワーク単体ではなく、あくまでテーマとして完成されているものに限定しています) Reverie Download | Demo | Multi Preview | Screenshot Const

    レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ
  • Illustratorを覚えたいと思っている人へおすすめ記事

    これからIllustratorを始めてみようとい... / Illustratorチュートリアル【女の子】 ... / 手書き風・イラスト系のwebデザインに挑戦する方...他...全9件

    Illustratorを覚えたいと思っている人へおすすめ記事
    dotalive
    dotalive 2012/06/26
  • Google Chromeを3年使い続けて辿り着いたベストな拡張機能14個 – 和洋風KAI

    どうも!Google Chrome歴3年と9ヶ月のするぷ( @isloop )です。 今日はちょっと僕が今使っているスーパーおすすめのGoogle Chrome拡張機能をご紹介しようかなと思います。 いまやChrome拡張機能は、もう数え切れないくらい出ていて便利なものも多いですが、むやみやたらに入れすぎても動作が遅くなってしまいます。 そういうことで「無駄な拡張機能は絶対いれん!」と、なるたけChromeをシンプルにするように3年間心がけてきました。 しかし、「これはどうしても捨てることはできん!無理!だって便利なんだもん!」というのが今回ご紹介するベスト14のChrome拡張機能でございます。 というわけで、この記事がGoogle Chrome拡張機能難民の方々に少しでも参考になれば幸いです。ではいってみましょう! ウェブ閲覧がラクになるGoogle Chrome拡張機能 Keycon