PHPからJavaScriptに変数を渡すまとめ - Qiita
【訂正版】 PHPからJavaScriptに変数を渡す方法をまとめました。 2015.06.03 基本形を修正しました（コメント欄を参照のこと） 2015.04.21 json_encode()について加筆しました。 2015.04.20 jQuery.data()を使った文字列の取得周りに誤りがあったため修正しました。 2015.04.19 tadsanさんからの指摘を受けてエスケープ周りの記述を修正しました。 基本形 <?php $array = array("hoge" => "fuga"); ?> <script> var array = <?php echo json_encode($array, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); ?>; console.log(array); // Obj
DTPの勉強部屋（名古屋）で登壇しました
2014年8月30日（土）第33回DTPの勉強部屋（名古屋）勉強会にて、当研究会の加納と的場が登壇しました。 これまでデザイン事務所での勤務経験がなく、本や資料での学習や、セミナー、インタビューなどと現場での実務のみで、タイポグラフィ技法を培った2人の話は内容が偏っていたり、違う意見の人は少なくなかったとは思いますが、概ね好評だったようでほっとしています。「技法書にあまり載っていない話をしたい」という目的はある程度達成できたと思います。書籍組版の仕事が中心の方は色々と難しい問題はあるかもしれませんが、グラフィックデザインにおいては「合成フォント」は是非活用して欲しい機能です。時間配分の関係から、一部のパートが省略されたり、練習不足だったりでお見苦しい点などもありました。省略された部分も含まれた、当日のスライドをPDFデータにて公開しますので、興味のある方は読んでみてください。
意外と知らないオンライン決済プラットフォームの7つの導入メリットとツール5選
インターネット上で"モノ"や"サービス"を提供する際、顧客管理や在庫管理など大切な要素はいくつかあります。その中で、カスタマーにとってもサービス提供者にとっても重要な機能（部分）の一つとして挙げられるのが、直接お金を取引する*「決済」*です。 決済機能はECサイトを運営している方であればもちろん必要不可欠で、新規制作しているホームページに設置しようとしている方も、既存のホームページ内に組み込みたいと思っている方も存在します。そこで今回は、プログラミングの基礎を押さえておくだけで、自社ホームページに数行のコードで決済機能を実装することができる、オンライン決済プラットフォームをご紹介します。 最近では決済機能の付いたECサイトを簡単に作ることができるようになりました。当記事では、決済機能を設置しようと検討している方、これから検討しようとしている方にオススメです。ぜひ一読ください。 オンライン決
最新版！あらゆるWebページを作成する時に使える、必要最小限をまとめたHTML5のテンプレート
HTML5でWebページを作成する時のベースになる必要最小限の構成で実装されたHTML5のテンプレートを紹介します。 スニペットに登録しておくと、便利ですね。 HTML5 Boilerplate -GitHub イラスト: Girls Design Materials HTML5のテンプレート HTML5のテンプレートの解説 HTML5のテンプレート HTML5 Boilerplateのテンプレートを日本語化しました。 ライセンスはMITライセンスで、商用利用、修正、配布、サブライセンス可です。 <!doctype html> <html class="no-js" lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>タイトル</title
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
Webクリエイターボックスの2016年を振り返る
2016年12月27日 Web関連記事, お知らせ 今年も残りあとわずか！一年間お世話になりました！Webクリエイターボックスも間もなく7周年です！毎年思いますが早いですね。という事で例年どおり、Webクリエイターボックスが今年1年どんな変貌を遂げたのか、そしてWebクリエイターボックス内でよく読んでもらった記事トップ10などを紹介しようと思います。いくつ覚えていただけてますかね？ :3 ↑私が10年以上利用している会計ソフト！ 2016年ハイライト 今年あった出来事をまとめました。昨年日本に帰国したこともあり、日本でのイベントにもちょこちょこ参加して、勉強会等で登壇しています。次はあなたの街に出現…するかも……よ？ 4月2日 第一回 デザインの基礎講座 を開催 6月28日 本のレビュー記事開始 7月5日 私のポートフォリオサイトをリデザイン 7月20日 Webクリエイターボックスのニュー
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
注）本文中の「コンテナ」「アイテム」について 本文中でいう「コンテナ」「アイテム」は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題（Safari） Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定（デフォ値なので、指定がなければそのままでOK） Safari10にて修正済み（つまり、SierraとiOS 10以降では対応不要） 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
【第2弾】少しのコードで実装可能な20のCSS小技集
2019年5月17日 CSS はるか6年前に書いた記事「少しのコードで実装可能な20のCSS小技集」の第二弾です！（スパンながっ）簡単なコードで素敵な効果が得られる小技をダダっと紹介してみます。前回に引き続き、初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 目次 画像を丸く表示 1本線のテーブル 1本線の水平線 線色を指定しなくても文字色と同一色になる 複数の背景画像 背景画像のサイズ Webフォントを使う 画像をモノクロやセピアにする リストマーカーの色を変更 グラデーション グラデーションボーダー フラットだけど立体的ボタン 画像をぼかす レスポンシブに対応した動画 要素を真ん中に配置 カンマで分けたリスト 文字を縦書き フォーカスすると伸びるテキストボックス iOSでボタンのスタイルをリセット 線のオフセット設定 HTML・CSSの全
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ
高品質でしかも無料！すごい使えるレスポンシブ対応のHTML5/CSS3のテンプレートのまとめ