こんにちは、ディレクターの小川です。以前、ISMSの構築と運用に携わっていた経験があります。ISOのマネジメントシステムに関わると、自然と継続的改善や再発防止の意識が身につきます。私もこれまでに多くの報告書を作成してきま […]
Web制作スタッフのブログ
JavaScript不要!CSSとGridで実現するスムーズな高さアニメーション
CSSだけで高さ0から要素の高さまでの変化をtransitionでアニメーションさせたい 近年、CSSは色々な事ができるようになりました。 たとえばアニメーションの実装。 変化前後の値を利用する事で、アニメーションを実装 […]
jQueryが持つ必要性の低下と脱jQueryについて
jQueryを使わないようにシフトする場面が増えています 最近、jQueryを使わないという方針が広まっています。jQueryはJavaScriptのライブラリとして広く使われてきましたが、現代の開発環境ではその必要性が […]
CSSのclip-pathプロパティを使うと、図形を書くのに便利すぎる
clip-pathって何?基本を知ろう CSSのclip-pathプロパティは知っていますか? 図形を書くときに、CSSを使って文字情報だけでできるようになる便利なプロパティです。 要素の表示させたい領域を作って、図形を […]
Webサイトで行末を整えたり、括弧や句読点などを詰めて、文字を美しく表示させよう
ブラウザ上では難しい文字の配置 Webサイト制作の現場で、デザイナーからは「文字を両端揃えにしてほしい。」とか、「字詰め(カーニング)をして、文字の間隔を整えてほしい」とか聞かれる場面があると思います。 弊社はデザインと […]
ふりかえりとは
こんにちは、ディレクターの小川です。今回は、Web制作の現場で直面する様々な課題に対処し、チーム全体を成長させるための重要なプロセスである「ふりかえり」について、実践方法とその価値を共有したいと思います。 「ふりかえり」 […]
4月1日からの改正障害者差別解消法で、Webサイトはどうしなければならないのか
あらゆる方がホームページで提供されている情報や機能を利用できるようにしよう 2024年4月1日より、障害者差別解消法の改正内容が適用されます。 これによって、心身の機能に制約のある人が、生活する上で障壁…バリアとなるもの […]
木こりのジレンマ
こんにちはディレクターの小川です。今日は、「木こりのジレンマ」という寓話を通じて、Web制作現場の環境改善と品質向上について考えます。 昔々、森の奥深くに住む木こりがいました。ある日、木こりは一本の大きな木を切る仕事を抱 […]
Googleマテリアルアイコンを使ってみた
Webサイトのデザインを向上させる便利なアイコン“Googleマテリアルアイコン” ボタンなどにアイコンを配置することで、よりよいデザインになる事が多くあります。 例えばページリンク。 リンクボタンの右側に「>」がついて […]
SVGを活用して綺麗なロゴを表示させよう
拡大や縮小に耐えられるSVG 画像のファイル形式では「JPG」や「PNG」、「GIF」が有名です。 ですがこれらのファイル形式は、拡大していくと荒く表示されたり、端がガビガビして見えてしまいます。 下は見え方のイメージで […]
アテンドのW.U.Pを導入して、更新できるホームページを運用しよう
好きなタイミングで気軽にホームページを更新できるW.U.Pはいかがでしょう ホームページを作ったけど更新してない……とか、 都度制作を依頼した会社に連絡を取ってやってもらうのも面倒……とか、 なかなか更新対応してもらえな […]
ネットショップに適格請求書発行事業者登録番号を設定しよう(インボイス対応)
適格請求書等保存方式(インボイス制度) 2023年10月からスタートした「インボイス制度」。正式には「適格請求書等保存方式」といいます。 制度の開始に伴って、多くの事業者は、適格請求書の発行や、保存が求められるようになり […]
デザインカスタマイズも柔軟に対応できる!カラーミーショップ
柔軟にカートデザインのカスタマイズが可能! CMS系のカートだと、デザインがあまりできなさそう・・・というイメージを持ってはいませんか? 大丈夫。だいたいの事はできます。そう、カラーミーショップならね。 という事でカラー […]
どの閲覧媒体でもスマートフォン用のデザインを適用したWEBサイト
PCの時でもスマートフォン用のコンテンツを表示させているサイト こういったデザインを2022年の秋ごろから見かけるようになりました。 動作を図解したものがこちらです。 PCで表示した時は画面の一部へスマートフォン用のコン […]
「ずつ」と「づつ」に違いはあるの?使い分けは?
「ずつ」と「づつ」で使い分けはあるの? 日常的に「1人2個ずつ」などの表現をする事があります。でも日本語では同じ発音で「づつ」という表記があるので、どちらが正しいのだろう?状況で使い分けたりするのかな?と疑問に思う事はあ […]
Grid Layout(グリッドレイアウト)を活用して、思い通りのレイアウトを作成しよう。
とても便利な「Grid Layout(グリッドレイアウト)」 Grid Layout(グリッドレイアウト)は格子状のマス目を基にして、レイアウトを決定していく手法です。 floatやflexboxを使った配置とは少し異な […]
「ください」と「下さい」の使い分けについて
「ください」と「下さい」は本来の意味では同じ Web制作をしていると、「お問い合わせください」とか「ご利用ください」などを良く見かけます。 この「ください」ですが漢字表記にして、「下さい」という表記もありますよね。 2種 […]
pictureタグを使って画像を画面幅に応じて置き換えよう
表示デバイスに最適化された画像へ切り替えて表示しよう 同じ画像であっても、スマートフォンの画面表示と、パソコンの画面表示とで別々の画像を表示させたい時があります。 画面の縦横比率が異なるので、パソコンの画面を想定した画像 […]