タグ

ブックマーク / www.webcreatorbox.com (7)

  • WordPressのカスタム投稿タイプでメンバー紹介ページを作成

    2014年8月22日 Wordpress 先日公開したFrogのサイトは例のごとくWordPressを使って制作しました。ブログで使う「投稿」や、その他の「ページ」とは区別して、これからも増えていくであろうチームメンバーの一覧&詳細ページを、カスタム投稿タイプという機能を使って作成したので手順を公開。企業サイトに従業員一覧ページを用意しているところも多いと思うので、参考になれば幸いです。 ↑私が10年以上利用している会計ソフト! 目次 目標 – こんなページを作ります カスタム投稿タイプとは カスタム投稿タイプの設定 コンテンツを入力 テーマファイル:個別ページ テーマファイル:一覧ページ パーマリンクの設定 コード全文 目標 – こんなページを作ります Frogのチームメンバーページを実例として紹介します。カスタム投稿タイプを設定するためのWordPressプラグインもありますが、今回は

    WordPressのカスタム投稿タイプでメンバー紹介ページを作成
    yulily100
    yulily100 2018/03/19
    [wordpress]
  • 日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

    2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います! ↑私が10年以上利用している会計ソフト! 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の

    日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス
  • より素早くCSSコーディングするための、Sass(SCSS)のmixinスニペット集

    2017年2月22日 CSS 以前「効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!」という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「Compass」というフレームワークを使えば同様のコードが記述できるものもありますが、お勉強も兼ねてあえて使わず自分で書いてみました。カスタマイズしやすそうなものを中心に紹介するので、自分の使いやすいオリジナル mixin を作ってみてくださいね! ↑私が10年以上利用している会計ソフト! 目次 Sassの基礎知識 @mixin の基的な使い方 リンクカラーを一括設定 ベンダープレフィックス 透明度 絶対位置の指定 rem を使ったフォントサイズ指定 レティナディスプレイ対応画像 Compassについて軽く。 Sas

    より素早くCSSコーディングするための、Sass(SCSS)のmixinスニペット集
  • Web系女子へのプレゼントにおすすめ!5000円以内で買える雑貨20選

    2016年10月31日 Web関連記事 女性へのプレゼントに頭を悩ませている男性、多いんじゃないでしょうか?今回はそんな方のために、WebやIT関連のお仕事をしている女子が貰って嬉しいお仕事まわりのガジェットやファッション雑貨を集めました。…まぁほとんどが私が使っている物や欲しい物だったりするので、偏ってしまってるかもしれませんがw 参考になれば幸いです! ↑私が10年以上利用している会計ソフト! 文具 スマートフォン用タッチペン Jot Pro(Dampening)は私も愛用しているタッチデバイス用のペン。「iPadだけでWebサイトが作れるのか試してみた!」という記事でも軽く紹介しましたが、主にiPadでワイヤーフレームを描く時なんぞに使ってます。細かいとこまで書き込めて便利です! Evernoteスマートノートブック 散々話題になったので、もうご存知の方も多いと思いますが、Evern

    Web系女子へのプレゼントにおすすめ!5000円以内で買える雑貨20選
    yulily100
    yulily100 2013/12/02
    Tシャツ…
  • Webデザインのスキルを磨こう!Webサイト模写のススメ

    2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います! ↑私が10年以上利用している会計ソフト! 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。(模写したデザインを自分のオリジナルで活かせない) もし模写するときはどう

    Webデザインのスキルを磨こう!Webサイト模写のススメ
  • 日本にいるWeb制作者に必要な英語力は「英会話」ではない

    2013年11月28日 英語 私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になります。しかし、当に英会話って必要なんでしょうか?海外の企業に就職するのであれば、英会話は必須ですが、日にいるWeb業界の人達はどうでしょう? ↑私が10年以上利用している会計ソフト! Web制作者にとって英語ができることのメリット まずは根的なところから考えてみましょう。 リリースしたてのWebサービスを使える 多くのWebサービス英語サイトを第一に作られます。Wikipediaにある2010年のインターネットにおける使用言語は42%が英語で、第一位となっているのが理由のひとつでしょう。他の言語も徐々に追加していくというサービスもありますが、ど

    日本にいるWeb制作者に必要な英語力は「英会話」ではない
  • 世界のWebデザイナーのお給料はいかほど?

    2013年12月25日 Web関連記事, 海外情報 以前日のWeb屋さんと、海外のWebデザイナーのお給料について話したことがあります。話を聞く限り、日は長時間労働・低収入、海外は時間キッチリ・高収入な私の勝手なイメージ。じゃあ実際どんなもんかしら?と思い、働いたことにある国を中心に、6カ国の賃金事情を調べてみました。各国の最低賃金とWebデザイナーのお給料はどのくらいあるのでしょう? ↑私が10年以上利用している会計ソフト! さっそく見てみましょう! お給料(年収)は総支給額の中央値、レートは2013年3月11日のものです。ソースは記事の最後に。 オーストラリア オーストラリアが国で定めた最低時給はAU$15.96(1,568円)*1。オーストラリアはチップ文化がないため、比較的高めの設定になっていると聞いたことがあります。ちなみに日曜に出勤したら時給2倍に、祝日だと3倍になります!

    世界のWebデザイナーのお給料はいかほど?
    yulily100
    yulily100 2013/03/12
  • 1