レスポンシブ対応時にクリックイベントが、うまく動作しない時の対処法
こんにちは、Webプログラマの篠田です。
多くのサイトで、レスポンシブ対応をされていると思います。
その際に、アコーディオンを利用したコンテンツの見せ方もよく見かけます。
そんな、レスポンシブ対応アコーディオン実装時の罠についてご紹介します。
Monthly Archive: 2月 2018
第4回「ALAKI ◯◯Lab」を2018年3月9日（金）に開催します！
こんにちは、ALAKI ◯◯（まるまる）Lab実行委員の篠田です。
ALAKIでは、隔月に社内セミナーとして「ALAKI ◯◯（まるまる）Lab」を実施しています。
セミナーでは、毎回さまざまなテーマ（文章構成法やプログラミング、Gitなどなど）で開催しています。
今回で、4回目となる「ALAKI ◯◯Lab」は、社内スタッフだけでなく、広く社外からも参加を呼びかけることとなりました。
テーマは「非エンジニアでも使いこなせる正規表現の基礎-難解な正規表現を、簡単に使いこなして業務効率をUPしよう！-」です。
「正規表現」に対して、苦手意識のあるWebデザイナーやコーダー、フロントエンジニアの方は多いと思います。
そういった方でも、「正規表現」の基礎を再入門していただける内容を用意しています。
また、普段GoogleAnalyticsを使われているディレクターやマーケターの方や、事務作業を行われている方も「正規表現」を利用した業務効率化対策もご紹介！
興味のある方は、是非ご参加ください。
遅延読み込みでWebページを高速化！jQuery Lazy Loadの使い方
みなさんこんにちは！
デザイナーの伊東です。
一生懸命作ったWebサイトがめちゃくちゃ重い！
デザイナー・コーダーのみなさんなら、そんな悩みを一度でもお持ちになったことだと思います。
表示速度が遅いのには、容量の大きい動画を配置していたり、数万pxのボリュームのあるページだったり、様々な理由があると思います。
今回はそんなお悩みを解決する方法の一つとして、「画像の遅延読み込み」という方法をご紹介します。
昔からよく知られた技術ですが、実は「SEOに不向きだ」という意見も数多くありました。
しかしGooglebotの技術向上により、その不安は解消されつつあるようです。
読み込んでいる画像の数が多いサイトの場合、非常に有効な手段だと思いますので、ぜひお試しください。
Creative Cloud Extractを使ってPSDからCSSを自動生成！コーディングを効率化する方法
こんにちは！
デザイナーの伊東です。
去年の年末、Adobe Creative Cloudに関する記事を投稿しました。
Webデザイナー必見！Adobe Creative Cloudデスクトップアプリケーションを利用して、デザインデータをバージョン管理する方法
今回も、CCを利用したテクニックの一つをご紹介したいと思います。
Creative Cloud Extractという名前をご存知でしょうか？
2016年6月にサービスが終了したにも関わらず、一部の熱狂的なファンの声により翌月7月に復活したという、Adobeでは珍しい経緯をもつサービスです。
その特徴は、PSDファイルを開かずにブラウザ上で様々な操作ができてしまう点です。
Creative Cloud Extractがいかに世の中のコーダーにとって助けになるのか、その魅力をお伝えしようと思います。
