Webエンジニアのブログ

Web開発で利用するテキストエディタを選ぶ時は自分が使っているパソコンのOSで何にしようか考えると思いますが、AtomテキストエディタはWindows、Mac、Linuxとクロスプラットフォームで使うことができます。 ベースは英語ですが、パ...
続きを読む>>

Webデザインをする上で、背景とテキストをうまく使った魅力的なデザインで人の目を引きつけたいものです。そこでテキストをマスクして透過部分から背景を見せることのできるCSS3のbackground-clipプロパティをご紹介します。 back...
続きを読む>>

Gmailでメールの文章を引用する際に、「>」の大なり（grater than sign）の不等号を引用する文章の行頭に毎回一生懸命付けているというお話しもちらほら聞いたことがあります。 Gmailには文章を引用する際に使う引用符を簡...
続きを読む>>

CSSで変数を使うとなるとSassやLessが思い浮かぶと思いますが、CSSやWebブラウザも進化を続けて変数を扱えるようになりました。そこで今回は、CSSでも手軽に変数を扱えるようになったCSS Variables（カスタムプロパティ）の...
続きを読む>>

WordPressでWebサイト（ホームページ）やブログを構築していると、ニュース記事やブログ記事などの投稿を入力してプレビューや別のブラウザなどでWebページの確認した際に、投稿者自身のアクセスが反映されるのでGoogle Analyti...
続きを読む>>

jQueryを使う際にCDNを利用することでWebサイトの表示速度が少し上がりますので、自分の公開サーバからではなくCDNサーバからjQueryを読み込んでいるWebサイトは多いんではないでしょうか。 CDNとはコンテンツデリバリネットワー...
続きを読む>>

Atomはデフォルトの設定で自動アップデートされるようになっていますが、使用しているパッケージが最新バージョンに対応していなくエラーが出たりして動かないといったことが起こらないように、手動アップデートに設定しておいたほうがいいこともあります...
続きを読む>>

マルチプラットフォームで使えるAtomエディタは開発者に人気のテキストエディタで多くの方が利用されているかと思います。そんなAtomテキストエディタも使い勝手がよくなるように更新されます。新機能の追加や不具合などの修正対応がされている最新バ...
続きを読む>>

Googleの検索エンジンでWebページの表示速度が速いと、ユーザーにストレスを与えないので検索順位が上がるなどいろいろ言われている中で、表示速度を速くする方法の1つとしてHTTPリクエストを減らすという方法があります。 その1つとして画像...
続きを読む>>

最新のIllustrator CCでは、簡単に画像アセットを使うことができるようになりました。Web制作の現場ではデザインカンプから必要な画像、アイコン等をよく書き出します。また、ロゴやイラスト、アイコンといったデザインはIllustrat...
続きを読む>>