タグ

ブックマーク / www.nxworld.net (7)

  • ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集 - NxWorld

    サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。 自分もそのような場合は公式からデータをもらったりカラー確認したりするのですが、毎回ググるのが面倒なのとサービスによってはすぐに該当ページを見つけられないなんてことも稀にあるので、個人的にサイトやブログ制作時によく設置・利用されると思う各種サービスのガイドラインへのリンクを一覧化しました。 サービスによってはリンク先で全ての内容を確認できないものもありますが、ほとんどがロゴデータをダウンロードすることができ、ブランドカラーなども確認できるページとなっています。 また、利用条件や禁止事項についても同ページ内に記載されているところが多いので、

    ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集 - NxWorld
    pycol
    pycol 2014/09/05
  • スマートフォンサイト制作時に覚えておきたいCSS 15

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

    スマートフォンサイト制作時に覚えておきたいCSS 15
    pycol
    pycol 2014/02/05
  • アプリやwebサービスの紹介サイト制作時に役立つジェネレーターと素材まとめ - NxWorld

    スマートフォンアプリやwebサービスの紹介サイトなどでよく見かける、スクリーンショットを各デバイスに埋め込んでいるような画像などを手軽に作成することができる便利なジェネレーターツールと素材を紹介します。 中には単純なデバイスに画像を埋め込むだけでなく、実際に使用しているようなリアルな感じで作成できるものもあります。 ジェネレーター・素材ともに使用する際は再度ライセンス等を各自で確認してください。 September 1, 2014 追記 「Frame」を追記しました。 October 7, 2013 追記 「Free iPad & iPhone 5s Mockups - PSD」を追記しました。 MockUPhone 様々なデバイスに画像を合成できるもので、向きも縦・横・斜めの3パターン(一部は縦・横のみ)用意されています。 使い方も簡単で、合成したい機種を選んで画像をドラッグすれば作成さ

    アプリやwebサービスの紹介サイト制作時に役立つジェネレーターと素材まとめ - NxWorld
    pycol
    pycol 2013/09/30
  • 六角形のエレメントを上手く取り入れているwebデザインのショーケース - NxWorld

    菱形と同様、個人的に好みな**六角形(ヘキサゴンシェイプ)**を取り入れているwebサイトのまとめです。 やはり国内で使われているのをあまり見かけないのでほとんど海外サイトです。

    六角形のエレメントを上手く取り入れているwebデザインのショーケース - NxWorld
    pycol
    pycol 2013/07/29
  • ul・ol・li要素の備忘録 - NxWorld

    かなり今さら感はありますけど、ul・ol・li要素関連の備忘録です。 対応ブラウザ(特に一部のIEで未対応)とかそもそも使う場面がそんなにないとかの理由で使用頻度がかなり低いと思うのもありますが、低いからこそ使おうと思ったときにパッと思い浮かばなそうなので書き残しておきます。 list-style-type リストマーカーの種類を指定するプロパティlist-style-typeのメモです。 使用頻度が高いと思うのはulやolにデフォルトで設定されているdiscやdecimal辺りかと思いますが、他にもいろいろあるのと一部のブラウザでは未対応などあるので、パッと確認したいときのために一覧にしました。 画像はWin7 Chromeでの表示をキャプチャしたもの。 ChromeやFirefoxといったブラウザでは上記のように問題なく表示されますが、IEでは一部のマーカーが対応していない場合がありま

    ul・ol・li要素の備忘録 - NxWorld
    pycol
    pycol 2013/07/25
  • WordPress:お問い合わせフォームを簡単に設置できるプラグイン「Contact Form 7」の備忘録 - NxWorld

    「Contact Form 7」はお問い合わせフォームを簡単に設置でき、様々なカスタマイズも可能なので、多くのサイトで紹介・使用されているプラグインのひとつだと思います。 公式サイトでも多くの情報がありますし、人気のあるプラグインなので検索でもいろいろと出てはくるのですが、これだけ見れば良いっていう自分好みの感じのものを作りたかったので、使う頻度が高い使用方法やカスタマイズなどを備忘録としてまとめてみました。 紹介している内容は、WordPress Ver 3.5.1 と Contact Form 7 Ver 3.4.1 で確認等行ったものです。 Contact Form 7について フォームを作成する際、ほとんどの場合PHPなどのプログラミング知識が必要になってきます。 よほどの知識・技術がある人であれば容易に作ってしまうのかもしれませんが、ゼロからのフォーム作成は結構面倒ですし、知識が

    WordPress:お問い合わせフォームを簡単に設置できるプラグイン「Contact Form 7」の備忘録 - NxWorld
  • WordPress:プラグインの作成方法とスニペットをプラグイン化して管理する方法 - NxWorld

    プラグインの作成とか開発って聞くと凄く難しそうなイメージがあったんですが、実際にやってみると簡易的なものであればかなり手軽に作成できたので、触りだけですが備忘録兼ねて紹介します。 また、いろいろとカスタマイズしている場合にカオスになりがちなfunctions.phpですが、それをプラグインを使って少しでも管理しやすくする方法も併せて紹介します。 プラグインってなに? そもそもプラグインとは... プラグインは、WordPressの機能を拡張するためのツールです。 WordPressのコアは、柔軟性を保つため、不必要なコードでふくれあがってしまわないように設計されています。ユーザーそれぞれが特定のニーズに合ったプラグインを利用して、カスタム機能を取り入れられるように作られています。 プラグイン – WordPress Codex 日語版 上記のようにCodexにも載っていますが、要はWor

    WordPress:プラグインの作成方法とスニペットをプラグイン化して管理する方法 - NxWorld
  • 1