タグ

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

  • かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技

    2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと

    かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
    mfks17
    mfks17 2015/03/20
  • IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ

    2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします!今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト! Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは

    IllustratorでのWebデザインがいい感じ!おすすめポイントや設定いろいろ
    mfks17
    mfks17 2014/03/19
  • Slicing Images for Your Website with Photoshop

    2014年8月17日 Photoshop, Webサイト制作 印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス(分割)し、HTMLCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目!私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その5 目標:コーディングしやすいパーツ画像を用意できる 必要なもの:Adobe Photoshop 対象レベル:Photoshopの基的なツールの使い方がわかる 目次 誰のため?何のため?Webサイトを作り始める前に

    Slicing Images for Your Website with Photoshop
    mfks17
    mfks17 2014/01/14
  • 日本にいるWeb制作者に必要な英語力は「英会話」ではない

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

    日本にいるWeb制作者に必要な英語力は「英会話」ではない
    mfks17
    mfks17 2013/06/10
  • Credit Card Test Numbers and Paypal Test Accounts

    2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか?動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです!便利ですよね! ↑私が10年以上利用している会計ソフト! 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHPクレジットカードチェックサンプル」

    Credit Card Test Numbers and Paypal Test Accounts
  • 1