タグ

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

  • ドラッグ&ドロップでカスタマイズ可!多機能WordPressテーマ – Themify

    2016年8月19日 Wordpress, お知らせ, 便利ツール WordPress、使ってますか?今や世界中で愛されているCMSですが、元々ブログ用CMSなだけあって、ブログ以外のサイトでは扱いにくく感じている人もいるかと思います。そこで!今回はドラッグ&ドロップでコンテンツの追加やレイアウトの変更ができちゃう素敵テーマを扱っているThemifyをご紹介します! ↑私が10年以上利用している会計ソフト! Themifyとは? Themifyはカスタマイズ性を重視したWordPressテーマの販売サイト。無料テーマもいくつか配布しています。 クオリティの高いテーマの数々 運営者は海外の人気Webデザイン系ブログ「Web Designer Wall」の中の人で、彼のデザインへのこだわりを色濃く反映したハイクオリティなデザインのテーマが盛りだくさん! 例えばポートフォリオサイトとして人気のテ

    ドラッグ&ドロップでカスタマイズ可!多機能WordPressテーマ – Themify
  • より素早く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スニペット集
    OfficeRiverHead
    OfficeRiverHead 2013/07/02
    以前「効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!」という記事で紹介したSass/SCSS。皆さん使ってますか?今回はそのSassの @mixin という機能に注目してみようと思います。中には後述する「
  • Twitter 人気のつぶやき 6/15~6/21 2013

    2013年6月21日 Twitter 人気のつぶやき WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. Macを選ぶべき理由、選ぶべきでない理由:MacとWin、どっちを買う? この記事をRTする 2. Webサービス:色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ! この記事をRTする 3. ネタ:速すぎてフォローできないTwitterアカウント @Abarth500_DE この記事をRTする 4. Photoshop:Adobe Photoshop CCファーストインプレッション この記事をRTする

    Twitter 人気のつぶやき 6/15~6/21 2013
    OfficeRiverHead
    OfficeRiverHead 2013/06/22
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • とあるフリーランスWebデザイナーの一日

    2017年7月14日 フリーランス, 便利ツール フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか?どんな風に時間管理してるんだろう?どんなツールを使ってるんだろう?などなど、気になるけど、聞くまでもないかな…なんて…。最近そのような、フリーランスの働き方についての質問メールをいくつか頂いたので、フリーランスのWebデザイナーである私の一日を追ってみました(自分で)。いつも業務に使っているWebサービスや便利なツールも紹介しています。ほとんどが無料サービスなので必見ですよ! ↑私が10年以上利用している会計ソフト! 5:30 起床 朝は早いです。逆立ちをして(!)目を覚まします。逆立ちなんて相当集中していないとできないので、一気に目が覚めます。 その後Macを開いてメールチェック。メールクライアントはMac付属のMail。すぐ返信するもの、後で返

    とあるフリーランスWebデザイナーの一日
    OfficeRiverHead
    OfficeRiverHead 2013/06/18
    フリーランスとして働いている人は、なかなか他の人の働き方を知る機会がないのではないでしょうか?どんな風に時間管理してるんだろう?どんなツールを使ってるんだろう?などなど、気になるけど、聞くまでもない
  • Twitter 人気のつぶやき 6/1~6/14 2013

    2013年6月15日 Twitter 人気のつぶやき WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. とんだ流れ弾だぜ!/ネタ:フジテレビ「ほこxたて」でネットエージェントが思わぬ風評被害、サイバーエージェントも被弾 この記事をRTする 2. ネタ:【画像】新発表されたMacProのデザインがハイセンス過ぎて日人のおもちゃに この記事をRTする 3. 「不足のせいでリリースを遅らせるわけには」──OS Xがネコ科をやめた理由 この記事をRTする 4. デザイン:デザイン作業のスピードアップ この記事をRTする 5. デザイン:iOS

    Twitter 人気のつぶやき 6/1~6/14 2013
    OfficeRiverHead
    OfficeRiverHead 2013/06/15
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • 日本にいるWeb制作者に必要な英語力は「英会話」ではない

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

    日本にいるWeb制作者に必要な英語力は「英会話」ではない
    OfficeRiverHead
    OfficeRiverHead 2013/06/10
    私達Webサイトの制作者は、常に英語と関わっています。なぜならHTMLコードやプログラミング言語は英語をベースに作られているからです。そのため、Web業界界隈では英会話上達方法についてのブログ記事がよく話題になり
  • Twitter 人気のつぶやき 5/18~5/31 2013

    OfficeRiverHead
    OfficeRiverHead 2013/06/01
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • Web業界で活躍する日本人の素敵な名刺デザイン 2013年版

    2016年2月18日 インスピレーション, 名刺 名刺を交換する度に思うことですが、やはり名刺に書かれた内容やデザインが会話のネタになる事が多いです。素敵なデザインの名刺はもらっても嬉しいですよね!今回日のクリエイターの方に名刺を頂く機会があったので、以前書いた「国内Web業界で活躍する方の素敵な名刺デザインいろいろ」の2013年版という事で記事にまとめてみます。デザインの参考にしてみてください! ↑私が10年以上利用している会計ソフト! オフ会に参加しました 仲良しのバンクーバーのうぇぶ屋のセナ君がカナダから日に一時帰国するってことで、5月25日に大阪で開かれた「バンクーバーな僕らと仲良しになろうパーティー!」に参加してきました!鹿児島からの参加者や、東京から日帰りで〜なんていう強者も…!仲良くしてくださった皆さんありがとうございます! 私はバンクーバーな僕らというWebマンガの登場

    Web業界で活躍する日本人の素敵な名刺デザイン 2013年版
    OfficeRiverHead
    OfficeRiverHead 2013/05/30
    名刺を交換する度に思うことですが、やはり名刺に書かれた内容やデザインが会話のネタになる事が多いです。素敵なデザインの名刺はもらっても嬉しいですよね!今回日本のクリエイターの方に名刺を頂く機会があった
  • Web Designing 2013年6月号に執筆させて頂きました

    2014年8月19日 お知らせ この度、雑誌 Web Designing 2013年6月号に執筆させて頂きました。特集の『jQueryプラグイン百花繚乱』に2ページほど書いてます。簡単に実装できる、最新のjQueryプラグインが盛りだくさん!サンプルファイルも付いてますよ!ぜひ読んでみてください! ↑私が10年以上利用している会計ソフト! 私はマルチデバイスに対応したプラグイン、「アプリ感覚で使える!画面を下に引っ張ってページを更新」「Webサイトをタッチジェスチャーで操作」「テーブルを簡単にレスポンシブ対応させる」「Googleマップのiframeを画像に置換」を書かせて頂きました。 他にも、おもしろそうな記事がいっぱい! Pinterest 風のグリッドレイアウトを簡単に実現 ガクガクブルブル、要素を激しく震わせる コンテンツに合わせて、ページ内メニューを自動作成 スマホアプリのように

    OfficeRiverHead
    OfficeRiverHead 2013/05/28
    この度、雑誌 Web Designing 2013年6月号に執筆させて頂きました。特集の『jQueryプラグイン百花繚乱』に2ページほど書いてます。簡単に実装できる、最新のjQueryプラグインが盛りだくさん!サンプルファイルも付いてますよ!
  • Twitter 人気のつぶやき 5/11~5/17 2013

    2013年5月18日 話題のWeb関連情報 WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. 私も前払金頂いてます/僕にとって前払いしてもらうことの意味の話とか色々 この記事をRTする 2. ビジネス:貧しい身の上から大成功したビリオネア8人に共通するちょっとした戦略 この記事をRTする 3. Tips:米Google社員が語った、作業が捗るGoogle Chromeテクニック20個! この記事をRTする 4. Webデザイン:他とは違う? ”動き”や”レイアウト”にこだわる素敵サイトたち。 この記事をRTする 5. アート:( °Д°)

    Twitter 人気のつぶやき 5/11~5/17 2013
    OfficeRiverHead
    OfficeRiverHead 2013/05/18
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • 実はあまり知られていない?Adobe公式の無料チュートリアル動画集

    2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない!なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基的な使い方はマスターできちゃいますよ!昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト! Adobe TVとは? Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー

    実はあまり知られていない?Adobe公式の無料チュートリアル動画集
    OfficeRiverHead
    OfficeRiverHead 2013/05/13
    Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない!なんて言
  • Twitter 人気のつぶやき 4/27~5/10 2013

    2013年5月11日 話題のWeb関連情報 WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. ニュース:Adobe、Web画像ツール「Fireworks」終了へ この記事をRTする 2. 社会を知らない事はデザイナーにとって致命的かもしれないがクリエイターにとっては好都合なことも。 この記事をRTする 3. 「いつPhotoshop CS7がでるの?」→「だからでません!」の流れw/ネタ:Photoshop CC 発表後の、よくある質問と回答の話 この記事をRTする 4. Zipに関してMacユーザーが押さえておくべき、たった2つの知識 こ

    Twitter 人気のつぶやき 4/27~5/10 2013
    OfficeRiverHead
    OfficeRiverHead 2013/05/11
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • 静かに流行り始めているポリゴン風デザインに挑戦!

    2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください! ↑私が10年以上利用している会計ソフト! 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け

    静かに流行り始めているポリゴン風デザインに挑戦!
    OfficeRiverHead
    OfficeRiverHead 2013/05/07
    2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真か
  • Twitter 人気のつぶやき 4/20~4/26 2013

    2013年4月27日 話題のWeb関連情報 WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. ロゴのデザイン費って高ければいいってわけでもないし、難しいですよネ/あのロゴ、このロゴ、お値段はいくら? この記事をRTする 2. デザイン:これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編) この記事をRTする 3. WebサービスGoogleマップの航空写真モードで「40年以上昔の日」を見れるサービスに驚愕! この記事をRTする 4. Webデザイン:半透明なボックスを使ったWebサイト25。取り入れる時は可

    Twitter 人気のつぶやき 4/20~4/26 2013
    OfficeRiverHead
    OfficeRiverHead 2013/04/27
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • アンケート作成サービスのTypeformが日本語に対応!

    2013年4月22日 便利ツール Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか?以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう!」という記事でも紹介しましたが、その時はまだ日語の表示に不安な点も多々ありました。この度中の人から、フォーム部分は日語に完全対応させ、新機能を搭載したとのご連絡をいただきましたので、改めて紹介します。 ↑私が10年以上利用している会計ソフト! 紹介用動画です。その動画でもあるように、アンケートの入力にタブレットを使う企業が増えてきたなーと実感しております。というのも先日初めて訪れた某ジムの初回登録用アンケートでも、某ファッション・ブランドの「お客様の声」アンケートでもiPadを使っていたからです。しかし、どちらもデスクトップ用Webサイトでよくあるような登録フォームで、文字も小さく、入力

    アンケート作成サービスのTypeformが日本語に対応!
    OfficeRiverHead
    OfficeRiverHead 2013/04/23
    Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか?以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう!」という記事でも紹介しましたが、その時はまだ日本語の表示
  • Twitter 人気のつぶやき 4/13~4/19 2013

    OfficeRiverHead
    OfficeRiverHead 2013/04/20
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • 無料・商用利用可!おしゃれで個性的な装飾系フォント20

    2013年4月17日 フォント キャッチコピーや見出し、ちょっとした装飾に使える英字フォントを紹介します。どれも無料で商用利用もできるなんてすごいですねー!個性的すぎて読みづらいものも多いので、読んでほしい部分や文には不向きです。大きくどどーんと使っちゃいましょう! ↑私が10年以上利用している会計ソフト! Salt & Foam まるっこいシェイプと複数の細いラインがとっても綺麗ですねー!ライセンスの明記はありませんでしたが、メールで確認したら商用利用OKとの事です。 Feel free to use the font in your commercial work, as it is publicly licensed. Enjoy! PAPERWORK 紙を折りたたんだようなフォント。ラインや水玉模様入りもあります。 Costura クロスステッチ刺繍風のおしゃれフォント。加工する

    無料・商用利用可!おしゃれで個性的な装飾系フォント20
    OfficeRiverHead
    OfficeRiverHead 2013/04/18
    キャッチコピーや見出し、ちょっとした装飾に使える英字フォントを紹介します。どれも無料で商用利用もできるなんてすごいですねー!個性的すぎて読みづらいものも多いので、読んでほしい部分や本文には不向きです
  • Adobe Edge AnimateでHTMLファイルにアニメーションを追加する

    2013年5月12日 HTML, JavaScript, Webサイト制作, 便利ツール Adobe社のEdge Animateというツールを聞いたことはありますか?クリエイティブ クラウドのメンバー登録をしている人は、「聞いたことあるけど、何するツール?」という方もいるかと思います(私もそうでした…)。Edge AnimateはアニメーションやインタラクティブなコンテンツをFlash感覚で作成できるツールです。簡単な使い方を、サンプルも交えて紹介します! ↑私が10年以上利用している会計ソフト! Adobe Edge Animateとは? Flashで作っていたようなアニメーションを作成し、HTMLJavaScriptで書きだすツール。タイムラインを使って直感的に動きのあるHTMLコンテンツを作成できます。Adobe クリエイティブクラウドにメンバー登録すると使えます。HTMLの基礎知

    Adobe Edge AnimateでHTMLファイルにアニメーションを追加する
    OfficeRiverHead
    OfficeRiverHead 2013/04/09
    Adobe社のEdge Animateというツールを聞いたことはありますか?クリエイティブ クラウドのメンバー登録をしている人は、「聞いたことあるけど、何するツール?」という方もいるかと思います(私もそうでした…)。Edge Animat
  • Twitter 人気のつぶやき 3/23~4/5 2013

    2013年4月6日 話題のWeb関連情報 WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだフォローしてない人はお気軽にフォローしてみてくださいね! 1. 大事/Webデザイン:クライアントに振り回されるWebデザイナーに共通した、たった一つの特徴 この記事をRTする 2. ほしい…/マックの中に住んでるネコ この記事をRTする 3. CSS:floatを解除する方法のまとめ この記事をRTする 4. ネタ:エイプリルフールに便乗しているサイトまとめ2013年版 この記事をRTする 5. デザイン:レイアウトが考えやすくなるデザインのルール この記事をRTする 6. WebデザイナーもGit使うといいよ

    Twitter 人気のつぶやき 3/23~4/5 2013
    OfficeRiverHead
    OfficeRiverHead 2013/04/06
    WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック!まだ
  • WordPressの多言語化プラグインをqTranslateからWPMLに変更しました

    2016年6月8日 Wordpress 過去に何度か記事にした、WordPressの多言語化プラグイン。昔からWPMLを使用していましたが、qTranslateの存在を知り、このブログではqTranslateを使っていました。ところがなんだか問題発生したようなので、WPMLに完全移行!その理由と移行手順を紹介します。 ↑私が10年以上利用している会計ソフト! qTranslateとWPMLの違い ふたつのプラグインの違いをザックリと解説。使い方の説明は以下の過去記事をご覧頂ければと思います。 WordPressプラグイン「qTranslate」でブログを多言語化する WordPressプラグイン「WPML」でブログを多言語化する 翻訳記事の扱い 一番の違いは、ひとつの投稿記事に対する翻訳記事の扱い。qTranslateはすべての言語をひとつの記事としてまとめています。それに対しWPMLはデ

    WordPressの多言語化プラグインをqTranslateからWPMLに変更しました
    OfficeRiverHead
    OfficeRiverHead 2013/04/02
    過去に何度か記事にした、WordPressの多言語化プラグイン。昔からWPMLを使用していましたが、qTranslateの存在を知り、このブログではqTranslateを使っていました。ところがなんだか問題発生したようなので、WPMLに完全移行!そ