携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、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
Perfume vs. 電気グルーヴ - Laser Beam Popcorn
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
CMS Dashboard
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
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-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
商品フィード仕様 - Google Merchant Center ヘルプ
このヘルプセンターでは、Merchant Center Next と従来の Merchant Center の両方に関するコンテンツをご覧いただけます。参照している記事がご利用の Merchant Center バージョンのものであるかどうかは、各記事の上部にあるロゴで確認してください。 Merchant Center の商品情報は、このガイドに定められた形式に沿って作成してください。Google はこのデータを使用し、適切なクエリと一致するようにしています。効果的な商品広告と無料リスティングを作成するためには、商品データを正しい形式で共有することが重要です。 この記事の内容 はじめに 定義 商品データの属性: 商品基本情報 価格と在庫状況 商品カテゴリ 商品 ID 詳細な商品説明 ショッピング キャンペーンなどの設定 ショッピングモール 掲載先 送料 税金 はじめに
Google 商品カテゴリ [google_product_category] - Google Merchant Center ヘルプ
このヘルプセンターでは、Merchant Center Next と従来の Merchant Center の両方に関するコンテンツをご覧いただけます。参照している記事がご利用の Merchant Center バージョンのものであるかどうかは、各記事の上部にあるロゴで確認してください。 進化し続ける Google の商品分類によって、すべての商品が自動的に商品カテゴリに割り当てられます。質の高いトピック タイトルや説明に加え、正確な価格、ブランド、GTIN の情報も提供することで、商品が適切に分類されます。 Google 商品カテゴリ [google_product_category] 属性を使用すると、特定の場合に Google の自動分類をオーバーライドできます。 この記事の内容 使用場面 形式 最小要件 おすすめの方法 その他のガイドライン 例 使用場面 各商品で省略可 Googl
PhotoshopでのWeb制作効率を向上させる「JSX」とは
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js
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世紀。 イギリス人の心の奥底には、ヨーロッパに対するかすかな敵意が潜んでいる。 「この地方は荒れ果て、人々は不親切で、しかも愛すべき犬を何代にもわたって、激しい労働に不当にこき使っている」 こんなことをずらずらと書いているのだ。 ベルギーを始めとするヨーロッパで人気が出るわけがない。 その上、本家イギリスでは、運命に抗わずに教会で死ぬという内容がアングロ・サクソン的に受け付けられなかったようだ。 結局欧米では、誰も見向きもしなくなったというわけだ
44 Photoshop Web Design Layout Tutorials - DesignM.ag
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
Two Level Superfishy Menu | CSSDeck
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.
bijou.im - the place for learning about the online betting types
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ページを開く
http://instacode.linology.info/
写真スライド jCarousel - Riding carousels with jQuery
dezignus.com
Home - aviatstudios.com
Good night, Posterous
TechCrunch
