Home · takahashiakira/tech_for_web Wiki · GitHub
Technology for Web Developers Webエンジニアリングに関するトピックで、フロントエンドをメインにバックエンドやインフラ周りまで、個人的にまとめたドキュメントを公開してます。 なんの気なしに公開していたドキュメントでしたが、最近急激に読者が増えてきて、そろそろ内容も古くなってきたこともあり今後真面目にメンテナンスや運用方法を検討中です。 ※本Wikiは内容が古かったり誤りがある可能性がありますのでご了承ください。 ※内容に致命的な問題を発見した場合はお気軽にご指摘ください。 Front-end FEのためのJS基礎 これだけ覚えるべきJSの基礎 現場で使うjQuery FEの実践的なJS頻出表現 フロントエンド環境構築とnpm CommonJSモジュール運用 JS小規模なView設計 JSモジュール設計 ReactとRedux Reactの基礎 Reactの実践
表示速度改善！SEOに効果的な必ずやるべきサイト高速化手法40選
サイトの高速化手法40選基本編1．HTML・CSS・JSの無駄な部分の削除HTMLやCSS、Javascriptのファイルで余計な空白・改行、無駄なコードはなくして、容量を削減しましょう。ダウンロード時間が短くなります。 HTMLは以下のツールを使うことで簡単に空白や改行を削除できます。 Compress HTML CSSは以下のツールを使用すると、空白・改行と共に、それぞれのプロパティを文字数が一番少なくなる記述方式に変えて容量を削減できます。 Online YUI Compressor Javascriptは以下のツールを使用すると、空白・改行と共に、コードを文字数が少なくなるように変更し、変数も短いものに変えて、容量を削減することができます。 Closure Compiler Service 2．複数のCSSファイルはすべて1つのファイルにまとめるCSSの外部ファイルを複数読み込んで
Virtualbox上のApacheでホストマシンと共有している静的ファイル（CSSなど）の更新が検知されない問題を解決する方法 | tipshare.info
× Sign in with twitter. You can follow the user and hashtags. Share your tips on social media. Post relative tips. If you have relative tips, click [Add relative tips] to post. ■環境 Virtualbox7.0.1、CentOS6、Apache2 ■現象 Virtualboxの共有フォルダ機能でホストのMacのworkspaceを ゲストのCentOSにマウントしてDocumentRootに設定し、開発していたところCSSを変更しても反映されない。 応急的にはサーバーを再起動すると反映される。 また、該当のファイルを削除して、作りなおすことでも反映される。 ■原因 Apacheの静的ファイルをメモリ上にキャッシュす
CSS Spheres
Recently I’ve talked about creating CSS triangles, which used border-radius to create the angled shapes. Now let’s try spheres. Flat designThere are two ways we could approach making spheres with CSS. One is to create an actual 3D sphere using lots of elements. There are some beautiful examples of these. A potential downside though is that these require the browser display many elements, which can
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
