「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
Smartyサンプル 1 - カラーミーいじりたおし (新サイト:naeco.jp)
【仕事サイトにSmartyの関連記事を書きました】 カラーミーショップのカスタマイズに便利なSmartyを学ぶ (1/2) カラーミーショップのカスタマイズに便利なSmartyを学ぶ (2/2) カラーミーショップでは、Smartyと呼ばれるテンプレートエンジンが使用されています。 Smartyでやれること ・独自タグでデータ出力しページ上に表示させる （商品名や価格など。基本中の基本） ・デザインにより近いところでの、条件分岐やループ（JavaScriptでも条件分岐やループはできるがデザインが大変） ・正規表現と置換（regex_replace）が強力 たとえば、商品名を表示させる独自タグ（<{$product.name}>）には、「商品名への付加画像設定」で画像（New画像など）を指定した場合には、HTMLのimgタグがもれなくついてきます。 商品名のみが必要な場合は、 <{$pro
Edit by Kawaknown Vocal : レーザービーム by #Perfume Instrumental : POPCORN by #電気グルーヴ ------------------------------ 日本電子歌謡局 TECHNOLOGY J-POP STATION 2024/5/31(金) 20:00-25:00 チャージ無料・1ドリンクオーダー at KIETH FLACK 1F 福岡県福岡市中央区舞鶴１丁目８−２８ Ｍａｇｉｃ Ｓｑｕａｒｅ DJ / kunny YAS 超わかな kkna IWAO Clutch VJ / Tagami Kawaknown ------------------------------ instagram | https://www.instagram.com/kawaknown/ #mashup
This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description Improve the usability of your WordPress CMS system. This plug-in creates a dashboard widget with clearly labeled large buttons of the most common tasks one would perform when using w
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
属性名と、サポートされている値を使用する属性の値を登録する場合は、英語を使用してください。たとえば、状態 [condition] 属性の場合は、サポートされている値 new、refurbished、used を使用し、システムで読み込むには英語で登録する必要があります。 タイトル [title] や商品説明 [description] 属性など、サポートされている値を使用せず、自由形式のテキストを使用できる属性には、必ずフィード内のすべての属性で同じ言語を使用するようにします。複数の単語を含む属性名を登録する場合は、アンダースコアを使用します（例: image_link）。属性と属性値を登録する方法の詳細 定義 商品: 見込み客が Google で検索する実際の商品です。 アイテム:テキスト フィード、XML フィード、または API で商品データに追加されている商品です。たとえば、1 つ
このヘルプセンターでは、Merchant Center Next に該当する記事を掲載しています。詳しくは、アップグレードについてとよくある質問をご覧ください。 進化し続ける Google の商品分類によって、すべての商品が自動的に商品カテゴリに割り当てられます。質の高いトピック タイトルや説明に加え、正確な価格、ブランド、GTIN の情報も提供することで、商品が適切に分類されます。 Google 商品カテゴリ [google_product_category] 属性を使用すると、特定の場合に Google の自動分類をオーバーライドできます。 この記事の内容 使用場面 形式 最小要件 おすすめの方法 その他のガイドライン 例 使用場面 各商品で省略可 Google では、以下の場合にのみ商品カテゴリの上書きが認められます。 米国の税金を計算する場合。米国内で販売される商品の場合は、Goo
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ スマートフォンサイト用小技集 目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック（タップ）範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック（タップ
Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを汚さずに細かい設定でspanを挿入できるスクリプト -Lettering.JS では、Arctext.jsの使い方を。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js
「オチが救われない話」というまとめサイトを読んでいたら、こんな救われない話を知った。 『フランダースの犬』は、アニメとして日本人によく知られている。 しかしヨーロッパではほとんど知られていなかった。 もとは1872年発表のイギリスの童話だが、原作者の女性がベルギーの風俗をイギリス人の目で偏見的に描いている。 なにしろ、帝国同士の争いが激しかった19世紀。 イギリス人の心の奥底には、ヨーロッパに対するかすかな敵意が潜んでいる。 「この地方は荒れ果て、人々は不親切で、しかも愛すべき犬を何代にもわたって、激しい労働に不当にこき使っている」 こんなことをずらずらと書いているのだ。 ベルギーを始めとするヨーロッパで人気が出るわけがない。 その上、本家イギリスでは、運命に抗わずに教会で死ぬという内容がアングロ・サクソン的に受け付けられなかったようだ。 結局欧米では、誰も見向きもしなくなったというわけだ
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact
A very clean menu made purely in CSS3 replicating the superfish jquery menu. Second level is animated using keyframes property so the menu won't work in IE and Opera (All versions). However, it looks cool in Webkit browsers and Mozilla Firefox. Suggestions? Thoughts? Edit: Made some changes in the CSS as suggested by @geoffrey_c on my Forrst post.
The Grand National Horse Race – Each Way Betting Tips Each way betting is most prominent in horse racing competitions – the most popular of which is called “The Grand National”. Given the high profile of the event, it doesn’t come as a surprise that thousands of punters online would like to have a bit more viable knowledge that will help them make the right bet. Here, you will find more about each
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
