コーダーから見た美しいデザインデータのつくりかた 指示補足編 | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発
こんにちは。9/11発売のPS3・PS4ソフト「Destiny」が楽しみすぎてプレイしてる夢を見たSatoです。 今回は「思わず手を合わせたくなる美デザインデータのつくりかた」続編です。 前回のあらすじ 【整理した。】 前回の予告通り、 「さらば…伝わらぬ指示書！」 ということで、デザインデータを渡すコーダーさん、エンジニアさんetc…にちゃんと伝わる指示を書こう！というお話です。 正直、指示に関しては各会社でテンプレや決まり事のようなものがもう既にあると思います。なので、個人でやっている方やまだ慣れていない方向け、ということで…。 こだわりたい部分はデザインに直接書く ここは絶対ズレないように！ ここは絶対このグラデーションで！ ここは絶対画像で！ など、デザイナーさんには色々とこだわりたい部分があるはずです。しかし、文章で送ったところで相手によく理解してもらえなかったり、上手く汲み取れ
コーダーから見た美しいデザインデータのつくりかた 整理・整頓編 | SRIA BLOG – 宮城県仙台市のWEBシステム開発・スマホアプリ開発
こんにちは！ 最近肩を回すとボキッと鈍い音が鳴るようになってしまったデザイナーのsatoです。 SubversionやらHTML、JavaScriptなどお堅い文字の目立つSRIA BLOGですが、今日はデザインに関することを書こうと思います。 デザインと言っても「デザインする」側のことではなく、「デザインを貰ってコーディングする」側から見たデザインデータのお話です。 題して、「思わず手を合わせたくなる美デザインデータのつくりかた 整理・整頓編」ッッッ ※あくまでも私個人が思うことであり、誰もが良いデータだと思うかどうかはわかりません。 ※主にWEBサイトの制作を例にしております。 ※参考画像にはPhotoshopを使用しております。 では早速、一番大事なことから行こうと思います。 レイヤーはフォルダで分ける これがまったくなっておらず、全ての素材が羅列されていたときが 最も最も最も最も最
Flexboxで決まり！ | Webクリエイターボックス
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います！ ↑私が10年以上利用している会計ソフト！ 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】
Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編1】を紹介します【2015年4月現在】 こんにちは、WEBマーケティング部の杉尾です。 今回と次回で、『2015年4月現在、Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編】』を紹介します。 今回はFlexboxのIE10、Safari、iOS Safari、Androidブラウザへの対応実践編の第一回です。 各プロパティの書き方 はじめに ※Flexboxは過去に二度大きな仕様変更がありました。 それぞれを古い順に、『box仕様』、『flexbox仕様』、『flex仕様』（現行）と呼称します。 ※IE10はベンダープレフィックス（-ms-）付きで『flexbox仕様』に対応している唯一のブラウザです。 ※iOS 6.1以前
大文字（英字）→小文字（英字） | 文字変換サイト（無料）｜アルファベット・英語｜a big letter is converted to a small letter
英語（アルファベット）の大文字を小文字に変換します。全角と半角を区別して変換するよ。 この逆の小文字から大文字に変換したい場合は「小文字（英字）→大文字（英字） | 文字変換サイト」をご利用ください。 ■運営会社より 株式会社ゼロスリーです。いつも当サイト「大文字→小文字」をご利用いただき、誠にありがとうございます。 この変換サービスを、いつまでも快適にご利用いただけるよう努力していきたいと思っております。 また弊社では、ホームページ（ウェブサイト）制作等のインターネット関連全般を承っております。ご検討中・ご興味ございましたら、お気軽に「お問い合せ」ページよりお問い合せ下さい。 弊社Facebookページへの「いいね！」もよろしくお願いします！
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
