フロントエンドチェックリスト（日本語訳） - Qiita
GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日本語に翻訳しました。 日本語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日本語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau
GAMY と Riot.js
This document discusses using Riot.js for building a component-based user interface. It mentions using Riot tags for article lists and individual articles. It also discusses using Gulp, concatenation, uglification, and the superagent library for AJAX requests. Modules are described for separating the View, Controller, and Model code. Examples are given of Riot tags for rendering different article
AMP（Accelerated Mobile Page）が拓くモバイルの加速世界 - Qiita
AMP（Accelerated Mobile Pages）とは？ Googleが先日発表した「AMP（Accelerated Mobile Pages - アクセラレーテッド・モバイル・ページ＝アンプ）」は、モバイルにおけるWeb表示を劇的に高速化することを目的にしたオープンソース（新フォーマット）です。パブリッシャーとしてBBC、ウォール・ストリート・ジャーナル、Twitter、Pinterest、WordPress、LinkedIn、朝日新聞、毎日新聞、産経デジタルなど多くの企業が立ち上げ段階で参画しています。 Google検索によるデモはこちら ※スマホからのみ有効 AMP HTMLの利用 AMPは「AMP Project · GitHub」にて導入方法が上がっているので、誰でも採用することが可能です。現在のWebページをAMP HTMLの仕様に習って修正することで、AMP対応が可能
Photoshop CCの画像アセット機能でSVGを書き出す裏技
SVG はモダンなWebブラウザーで表示できるベクター画像形式で、Retina ディスプレイや、タブレットでピンチアウトで表示拡大した時にも荒く見えないため、これから使用する機会が増えそうな画像形式です。 SVG は Illustrator で書き出すことができますが、これまで Photoshop ではプラグインなどを使わなければ SVG を書き出すことができませんでした。 しかし、Photoshop CCの「画像アセット」機能を使用して SVG を書き出す裏技を見つけたので紹介します。 準備 下記のファイルをダウンロードします。 Macの場合 Finder でメニューの［移動＞ホーム］を選択し、ホームフォルダを表示します。 そこに、generator.json ファイルを移動またはコピーします。 Windowsの場合 ユーザーフォルダ（ユーザー名のフォルダ）に移動します。 そこに、gen
jQuery + Flux という選択肢 - peroli Developer's Blog
2016 - 05 - 27 jQuery + Flux という選択肢 JavaScript Front-End こんにちは、 SKAhack です。普段はMERYのWebフロントエンドを主に書いています。 今回はMERYのフロントエンドで採用している jQuery + Flux という構成を紹介してみたいと思います。 なぜReactではなく jQuery か 普通はReact + Fluxで語られることが多いですが、MERYでは JavaScript の ソースコード の大半が jQuery に依存しており、簡単には jQuery を捨てられない状態です。 また、Viewの変更をする２つのライブラリを 共存 させるのも良くないですし、MERYのサービス特性上、現時点で1画面を頻繁に書き換えるような処理は少ないこと、ReactがサポートしていないIE8など古いブラウザもサポートしているとい
未知の端末に対応するレスポンシブデザイン - Qiita
はじめに 多様化する環境 iPhone6とiPhone6 plus、iPad proの登場によりiOSデバイスの画面サイズが一気に増えました。 次は4インチのiPhoneが追加されるという噂もあります。 Androidではそれ以上に多様な解像度の端末が発売され今後も増えていくことが予想されます。 Windowsタブレットの小型化も見逃せません。 さらに今後はTVやタブレット、カーナビなど様々なデバイスがWebにアクセスしてくるようになります。 以前のように特定の画面サイズをターゲットにしてWebサイトのデザインを行うのは難しくなっています。 現在ではあらゆる解像度や画面サイズで最適なWebデザインを行う必要があります。 最適とは 最適というのは、小さな端末でも見やすく、大きな端末では、大きさを活かしてもっと見やすく表示できることを言います。 より大きなスマートフォンを持っている人はより多く
EC-CUBEカスタマイズかゆいところに手が届く小技4選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ライターの内藤です。 本日は純国産オープンソースのECサイトプラットフォーム、EC-CUBEのデフォルトでよくある不満を解消したいと思います。 ちょっとしたことですが、お客様に使いやすく、運営側にも嬉しい小技をご紹介します。 少し古いですが、EC-CUBEバージョン2.11.3をベースにしています。 目次 会員登録後の画面にカートへ移動ボタンをつける 会員登録画面のカスタマイズ 会員登録ステップを削除したい場合 カート機能が不要の場合 会員登録後の画面にカートへ移動ボタンをつける EC-CUBEのデフォルトで地味に使いづらいのが、会員登録後の画面。 仮会員制を取らない場合の購入手続きの流れは通常は下記の通りです。 カートから購入手続きボタンを押す 会員ログインと会員登録・登録無し購入の選択画面が表示される 会員登録を選ぶと、会員情報の入力画面へ 登録ボタンで会員登録が完了する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atomic Design powered by React @ AbemaTV - 第65回 HTML5とか勉強会 ー React最新情報