タグ

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

  • Web業界でよく使う用語の英語辞典

    2014年8月22日 Web関連記事, 英語 英語のサイトにはたくさんの素敵情報が溢れていますが、なんだかハードルが高く感じていませんか?頑張って読んでみたけどわからない単語につまづいたり。という事でWeb業界でよく使う英単語を、過去のメールのやり取りを読み返したりして思いつく限り書いてしました(そのままカタカナになっている単語は省きます)。ポイントをおさえれば「「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々」で紹介されているようなサイトもスラスラ読めるようになるかも!? ↑私が10年以上利用している会計ソフト! 目次 あ行 か行 さ行 た行 は行 ま行 や行 ら行 あ行 値 – Value HTMLCSSJavaScriptなどなど、いろんな場面で出てきますね。 You can get the value of a form elemen

    Web業界でよく使う用語の英語辞典
    Yeshi
    Yeshi 2014/05/13
  • 背景に動画を使ったWebサイトの作り方

    2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で

    背景に動画を使ったWebサイトの作り方
    Yeshi
    Yeshi 2014/04/29
    キャンペーンサイトとかにいいかもね。
  • 目が不自由な人のネット利用に関する8つの迷信

    2013年3月23日 アクセシビリティ 以前「Webアクセシビリティは、誰がどう必要としているのか?」という記事を書きましたが、最近Webアクセシビリティの記事を読む機会が増えています。その中で、Webページを音声で読み上げるスクリーンリーダー(音声リーダー)についての興味深い記事があったので翻訳してみます。誰もが聞いたことがあるような、アクセシビリティに関するものですが、いくつかは間違った情報として流れているものも多いようです。また、元記事のコメント欄も賑わっていたので、そこにコメントされていたものも抜粋して紹介します。 ↑私が10年以上利用している会計ソフト! 私はフロントエンドデベロッパーとして、アクセシビリティについてはもちろん聞いた事があり、スクリーンリーダーで読みあげるのに何の問題もないWebコンテンツを作るよう、最善を尽くしてきました。しかし、多くのデベロッパーと同様、実際に

    目が不自由な人のネット利用に関する8つの迷信
    Yeshi
    Yeshi 2014/04/29
  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
    Yeshi
    Yeshi 2013/01/14
  • Free “Japanese-ish” Fonts 10 + 1

    2013年3月25日 インスピレーション, フォント 先日同僚と日語の文字についておしゃべりしていると、「日語はまるで絵や記号みたいだ!」と言われました。確かに私達日人から見るとアラビック文字やハングル文字が記号を並べているように見えるのと同じで、英語圏の人からすると不思議な記号に見えるんでしょうね!ということで探してみるといくつか見つかった素敵フォント。パッと見日語に見えたり、日をイメージした英字フォントをいくつか紹介します。なんだかジワジワきますw ↑私が10年以上利用している会計ソフト! 「日語風」の英字フォント 1. TokyoSoft ダウンロード(商用利用可) カタカナ風の英字フォント。日人が見たら間違ったカタカナの羅列ですが、よーく見るとアルファベットになっています。このフォントで「MANA」と書くと、「ポタカタ」になるようです…! 2. Kaneiwa ダウン

    Free “Japanese-ish” Fonts 10 + 1
    Yeshi
    Yeshi 2013/01/07
    使う機会があるのかわからないけどブクマ
  • Credit Card Test Numbers and Paypal Test Accounts

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

    Credit Card Test Numbers and Paypal Test Accounts
    Yeshi
    Yeshi 2012/10/06
  • 海外Webサイト・海外Web屋の特徴

    2013年3月23日 Web関連記事, 海外情報 以前「日向けのウェブデザインというのはあるのか?」という記事を読み、「逆に海外のサイトは具体的にどう違うかなあ?」と思ったので、私が感じた海外のWeb業界やサイトの違いを並べてみます。海外向けのWebサイト制作を考えている方、海外で働こうと思っている方の参考になればと思います! ↑私が10年以上利用している会計ソフト! 追記:ここで紹介する「海外」とは、私が滞在・就労経験のあるカナダとオーストラリアを指しています。 海外Webサイトの特徴 URLを直接入力 日ではURLバーに直接入力する人は少ないかと思われますが、海外では目的のブランド名がわかっている場合、とりあえず「.com」をつけてWebサイトを開きます。海外で .com が人気な理由はこのへんにありそうです。そのため、新たに会社やサービスを立ち上げるときは、そのブランド名とドメイ

    海外Webサイト・海外Web屋の特徴
    Yeshi
    Yeshi 2011/06/29
  • 海外のWeb業界で働くには?

    2013年3月23日 Web関連記事, 海外情報 「海外で就職するのは大変ですか?」よくこのような質問を頂きます。答えは決まって「はい、大変です」。そこには超えなければならない壁がいくつもあり、簡単に「海外で働くって楽しいよ!みんなおいでよ!」なんて言えません。今回はオーストラリア・シドニーでの就職を記念して(?)今まで頂いたメールの返答をざっくりとまとめてみました。Webデザイナーに限らず他業種の方にも当てはまると思うので、海外就職を夢見ている人はぜひ読んでみてください。 ↑私が10年以上利用している会計ソフト! まず何から始めればいいの? 「海外で働いてみたい」「でも何から始めれば…」との声をたくさん頂きました。私の場合特に何も考えずふらりと遊びに行ってそのまま居座ってしまったタイプですが、そうではなく、最初から海外就職を目標にしている人へ向けて記事を書いてみます。 まずすべき事、それ

    海外のWeb業界で働くには?
  • Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える

    2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください! ↑私が10年以上利用している会計ソフト! 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

    Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
    Yeshi
    Yeshi 2011/01/25
    リストタグの技、知らなかった。
  • Facebook 〜日本と海外の楽しみ方の違い~

    で劇的にFacebookユーザーが増加し初めて早数ヶ月。私がFacebookを始めたのは約3年前ですが、日でFacebookが流行りだしたのをきっかけにWebクリエイターボックス用に別アカウントをとって「日の」Facebookを始めました。当初から不思議に思っていた、海外とは違う使われ方をしているFacebook。今回はその違いをちょっとまとめてみます。 ↑私が10年以上利用している会計ソフト! 私のSNS利用歴は日滞在時に始めたmixi(約4,5年前?)→Facebook(海外)→Twitter海外)→Twitter(日)→Facebook(日)と日海外でいろいろ使ってみましたが、日文化のFacebookを最初に使ってみて感じたのは「なんか違う…どうやって使うのこれ…?」でした。 先ほど「日がガラパゴス化する瞬間に今まさに立ち会っている」という記事を見て、「ああ、

    Facebook 〜日本と海外の楽しみ方の違い~
  • ソースコードで発見した奇妙なコメント集

    2013年3月23日 ネタ コーダー・デベロッパー・プログラマーさん達はそのソースコードにわかりやすい説明書きを「コメント」として残し、後から他の人が修正・編集しやすいようにコードを書いていきます。Stackoverflowの中でなんだそりゃー!というコメントがまとめられていたのでいくつか翻訳してみます!「クライアントからのムチャぶり迷言集 」に続き久しぶりにネタ系記事です。楽しんでください! ↑私が10年以上利用している会計ソフト! プログラマーさん達の名誉のため、先に言っておきますが、全てのプログラマーがこういったコメントを残しているわけではありませんよ!「こんなの書く人いるんだー世の中いろんな人がいるもんだー」くらいに軽く読んでみてください! 自信を失したプログラマー達 自虐コメント多数! // ごめん。 /* お願い…動いてくれ… */ // このコードは最低だ。知ってるだろ?俺も

    ソースコードで発見した奇妙なコメント集
    Yeshi
    Yeshi 2011/01/23
    あるある
  • クライアントからのムチャぶり迷言集

    2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな!」と思ったことはありませんか?私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell(地獄からきたクライアント)と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト! 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか?」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに2日あれば充分かな?」 「ブログとショッピングカートのついた8ページくらいのサイトを作ってください!3万円で!」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」

    クライアントからのムチャぶり迷言集
    Yeshi
    Yeshi 2011/01/23
    あるある
  • Web屋さんのための新年の抱負アイデア24

    2017年6月29日 Web関連記事, ライフハック 2011年がスタートしましたが、「なんだか調子でないなー」という方!今年の目標はもう設定しましたか?私は毎年「新年の抱負」を考えているのですが、今年は何にしましょう?ということで、Web屋さんが設定できそうな新年の抱負案を考えてみたので、参考にしつつ新年の抱負を考えてみてはいかがでしょう? ↑私が10年以上利用している会計ソフト! 1. CSS3の勉強をする 角丸・グラデーションをはじめ、画像を使わなければできなかった効果がCSS3を使えば簡単に実装できます。デザインの幅がぐんっと広がります。IEで対応していないなどの問題もありますが、CSS3 PIEを使えばIEでも使えるようになりますよ。 CSS3リファレンス CSS3のリファレンスサイト。コードの例もわかりやすいです。 たった一行を追加するだけでIE6/7/8をCSS3対応にする

    Web屋さんのための新年の抱負アイデア24
    Yeshi
    Yeshi 2011/01/13
    うんこからきますた
  • 1