基本 都道府県を選択するselectメニューのhtmlコードを生成します。 オプション 「地域別にoptgroupを付ける」にチェックを入れると、地域名を挿入します。 用途 メールフォーム等に都道府県を選択するselectメニューを設置するときなどにご利用ください。 参考 下記サイトを参考にさせていただきました。 都道府県選択するやつ。|CSS HappyLife
This filter is a simple and easy to use helper for creating sensitive images to be used in HTML files. The filter slices up the source image (like the Slice Using Guides command does) along its horizontal and vertical guides, and produces a set of sub-images. At the same time it creates a piece of HTML code for a table saved in a text file. Every table cell contains one part of the image. The text
コンテンツマーケティングが流行っている。記事や動画、写真等を使って読んで面白いコンテンツで商品を宣伝したり、企業のイメージアップ、ブランド価値向上をはかる比較的新しい宣伝・広告の手法だ(狭義の定義)。 しかし中には失敗と無縁の企業や個人もいる。それが今回挙げる事例だ。 そして今回の事例にあげる企業や個人は、「デジタルメディア・ビジネスデザイン」をすべからく実行している。デジタルメディア・ビジネスデザインとは、コンテンツマーケティングも含む次のようなビジネスモデルだ。 「ウェブメディアの運営によって得られる広告収入・集客力・知名度(ブランド)を利用して、同業他社より圧倒的に有利な条件でビジネスを展開する経営手法」 先日書いた「KDDIがナタリーを買った理由」では、大手通信会社のKDDIが音楽系サイトとして有名なナタリーを買収した理由を、KDDIが自社のビジネスをウェブメディアでより加速させる
少しのPHPのコードでWebPayを導入する Posted by sowawa Aug 26th, 2014 本記事は少しのコードでWebPayを導入する PHP Ver. – Qiitaの再録です。 Qiitaの方はWebPay Advent Calendar 2013のものであるため当時の状態を維持し こちらの記事では最新の情報に合わせて加筆、編集を加えております。 まずはじめに。 少しのRubyのコードでWebPayを導入するはどうでしたか?WebPayの導入がこんなに簡単なのかと思われた方も多かったのではないでしょうか? 昨日はRubyを使った導入例でしたが、本日はさらにたくさんの方に使われているPHPを使ったお話をしたいと思います。しかも、WebPayのドキュメントで前提となっているComposerも不要な導入例を書いていこうと思います。ということで『さらに簡単』を目指し、より手
先日、WebSigの10周年イベントの検討会議の場で、Webディレクターとは?というの話になった。 昔よく言われたのは、「Webディレクター」は「デザインできない」「開発できない」人がなる職業というネガティブな表現があった。特に「Webの仕事」と言えば「Webの受託制作」だったころは、そういう人たちが沢山集まってきていた。 そういう中で、「工程管理しかできないディレクター」とか「気が効かないディレクター」とか、「言われたことしかやらないディレクター」とか、確かに、いろいろいたように思える。 またネガティブな意味で、「Webディレクターとは何でも屋なんだよ」と言われることもある。これはある意味真理だと思っている。 個人的に思っているディレクターの重要な役割とは、 「バネのように、状況(案件)に応じて自在に伸び縮みして、お客さんと制作との穴を埋める仕事」 だと思っている。 PMが全体を見ている
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
CSSはどちらかと言えばやさしく、雑にコードを書いてもなんとかなってしまう言語です。 しかし、雑にコードを書いてしまうと、昨日書いたこのコードなんだっけ? とか、新しくスタイルを増やすと別のスタイルがおかしくなってしまうことはありませんか? 大規模なプロジェクト、長期に渡るプロジェクト、複数のメンバーが関わるプロジェクト、そして明日の自分も一年後の自分も使える、メンテナンス性に優れた一覧性のある美しいCSSを書くのに役立つガイドラインを紹介します。 CSS Guidelines 2 CSS WizardryのHigh-level guidelinesの最新版(2014年8月リリース)。 大規模で長期に渡るプロジェクト向けのメンテナンス性に重点をおいたスタイルシートのガイドラインです。スキルの異なる制作者、新規で加わる制作者などでも、統一されたコードでの制作が可能になるのを目的としています。
コーポレートサイト、ブランディングサイト、キャンペーンサイトと、Web制作者が携わるサイトの種類や目的は多岐に渡る。 それらのサイトに共通して欠かせないのがドメイン名だ。ここでは、クライアントからドメイン名を含めて相談されるというケースに備えて、 TLD(トップレベルドメイン)選択のコツを解説する。 ドメイン名は長く使うもので途中で簡単に変えられない。だからこそ、慎重に選ぼう。 もしドメイン名を変更してしまうと、名刺やパンフレット、封筒などに記載しているURLをすべて新しく変えなければならない。定着していたURLほど、ユーザー(相手)は混乱するほか、いままで培ってきたURLの資産を放棄する意味では、SEOとしてのリスクが発生する点にも留意したい ドメイン名を選ぶ決め手として、何がもっとも大切なのだろうか?ドメイン名はサイトの“顔”であり、法人、企業にとっての“看板”だ。ドメイン名に並ぶ文字
はじめまして。このようなやり方の勉強会では以下の理由により意味がないと思います。 ・依頼主の予算感や運用に対する具体的な数字がでていない ・依頼主とのすり合わせができていない ・案件を段階的に進める事が想定されていない 見積は依頼の背景がクリアになって初めて価格の適正が評価可能になりますので、本件のようなスタンスで”典型的なWordPressサイトの見積りでも現状はまだまだ標準的な見積手法が確立されていないことが分かります”とコメントしてしまうのは「無限に広がる土地に家を建てるならこんな設計」って提案を複数並べて「いやー予算と間取りがバラつきましたね。これはまだ建築設計に標準的な工法が無いことを示しています」とコメントしてしまうことと同意で、見積金額がばらつくのは自明です。 また、金額の多寡は状況に依存しますので普遍的に評価することは難しいと思います。逆説的に言えば平均的な価格よりも多少高
「Vide」 はWebページの背景に動画を表示するjQuery プラグインです。最近よく見かける、動画上にオーバーレイでコンテンツを表示するプロモーションサイトが簡単に制作できます。 minify(圧縮版)が 3.6KBと軽量で、Google Chromeなどのモダンブラウザーと、Internet Explorer 9以降に対応しています。iOSとAndroidでは動画のインライン再生ができないので、動画の代わりに静止画を表示します。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、Vide をGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 Videは、パッケージマネージャーの「bower」でもインストールできます。b
1pxのズレはコーディングできないデザイン! DTPの世界でもグリットシステムは利用し、数値を利用して配置するデザインは基本中の基本ですね。 しかしながら、マウスを引っ張って配置するようなデザインをして、数値を利用したデザイン配置をしないデザイナーが存在します。 感覚だけで配置するデザインなので、1pxのズレなども多く発生します。このようなデザインをコーディングには大変なことなります。正直言うと、コーディングできないデザインなのです。 そんな当たり前のことができていないデザイナーが多い?ことから、海外では「photoshopetiquette」Photoshop エチケットというコンテンツがありましたのでご紹介いたします。 日本でも同様に起きていますね!弊社でもこのようなデザイン、ファイルを納品されて困ったケースがあり、受講生に聞いても同じ悩みがあるようです。 プロとして最低限のマナーなの
Scenario: someone hands you an Illustrator document with their latest web layout and it's your job to convert it into working HTML and CSS. Let's take a look how you can do that. Note: The aim of this tutorial is not to perfectly recreate the design for web use. Instead, we're going to use it to explore workflows and features within Illustrator which help us to do so. The Illustrator File Let's st
I've been using Coda for a while now, and it's become my web development application of choice. There are quite a few great web development applications out there (read "18 Wonderful IDEs for Windows, Mac, and Linux") but if you're a Mac user, Coda is easily one of the best. Here are 20 excellent Coda tips to increase productivity that I've gathered during my use of Coda so far. 1. Set Your Prefer
去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙(@xxmiz0rexx)です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く