文章の折り返し指定のCSS最新版 - ICS MEDIA

2024/04/11 202 users レイアウト 結論 CSS指定 ICS MEDIA みなさん

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？　この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると... 続きを読む

HTMLコーディングの今。アンケート結果から分析する2023年のウェブ制作 - ICS MEDIA

2023/06/22 288 users HTMLコーディング ICS MEDIA 常識 連載 傾向

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 480 users jQuery React Nuxt Vue NEXT

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ

2022/03/31 60 users ケアレスミス 検出 スレ node.js HTML

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッド... 続きを読む

文章の品質向上に役立つ！ Figmaのプラグイン「テキスト校正くん」を公開

2022/03/09 196 users figma Figma上 テキスト校正くん プラグイン 文章

ウェブ制作の現場で一般的に使われるようになってきたデザインツール「Figma」。そのFigma上で動作する文章校正支援プラグイン「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for Figma 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高める... 続きを読む

ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie

2021/08/31 435 users ペイジ Knowledge baigie タスク ドキュメント

営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のよう... 続きを読む

昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2021/07/15 375 users いまどき ICS MEDIA HTML制作 アンケート結果

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケー... 続きを読む

「Angular」「React」「Vue」の3大フレームワークに集約　ICSの代表が教える「フロントエンド技術」のトレンド - ログミーTech

2021/01/26 399 users ユーザーインターフェイス ICS React angular

「キャッチアップしておきたいウェブ制作の最前線」というテーマで、Vue.jsなどJavaScriptを駆使したユーザーインターフェイスの開発を主に担当してきた池田泰延氏が、Webのフロント周りの近年の技術的な動向を解説します。前半はフロントエンド技術のトレンドについて。 スピーカー自己紹介、『JavaScript コードレシピ... 続きを読む

成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie

2020/12/16 1089 users Knowledge baigie ペイジ BtoBサイト 反響

約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多く... 続きを読む

HTMLコーダーにとっての2020年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2020/07/10 251 users HTMLコーダー いまどき ICS MEDIA アンケ 常識

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第6回目となる本記事ではウェブ業界の「HTMLコーダーにとっての2020年」と題してアンケ... 続きを読む

ウェブ制作がすご楽！便利な最新オンラインツール個まとめ - PhotoshopVIP

2019/09/02 497 users PhotoshopVIP

この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これな... 続きを読む

フロントエンドエンジニアにとっての2019年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2019/07/09 92 users 常識 いまどき 連載 同業他社 傾向

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第5回目となる本記事ではウェブ業界の「フロントエンドエンジニアにとっての2019年」と題... 続きを読む

ウェブ制作が捗る！便利すぎる最新オンラインツール、無料素材56個まとめ - PhotoshopVIP

2019/06/23 126 users PhotoshopVIP 最新オンラインツール

この記事では、Webデザインやグラフィックデザインの制作が捗る、公開されたばかりの最新便利オンラインツール、無料デザイン素材をまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフ... 続きを読む

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3）｜総合サポートユニオン｜note

2019/06/21 192 users Note フリーランス 実態 制作プロダクション 太陽

フリーランスを「使い捨て」にするベンチャー企業の実態。 「株式会社北風と太陽」が駆使するやり方とは。（エピソード3） 医療分野に特化した制作プロダクションを謳う「株式会社東京アドメディカ」のウェブ制作等を担う別会社である「株式会社北風と太陽」にて、プロジェクトマネージャー兼ウェブディレクターとして業... 続きを読む

エンジニアのための、いますぐ使える文章校正テクニック

2019/04/14 669 users 文章校正テクニック エンジニア ICS MEDIA 一例 文章

ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。文章校正テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになります。 本記事では、ICS MEDIAで実践している文章校正の一例を紹介します。 レベル... 続きを読む

HTMLスニペット数1100以上！ウェブ制作の必要パーツをカテゴリごとにまとめた Free Frontend - PhotoshopVIP

2019/01/29 92 users ウェブデザイン PhotoshopVIP プログラマー 制作

ウェブサイトの制作でアイデアが欲しいとき、他のデザイナーやプログラマーが作成した作品からインスピレーションが湧いてくることがあります。 ウェブデザインに必要なパーツをカテゴリー分けし、1100種類を超えるHTML/CSS/JSスニペットをコレクションしている Free Frontend を、今回はご紹介します。 ますます重要に... 続きを読む

マークアップをパワーアップするWAI-ARIA

2018/10/19 51 users WAI-ARIA role 目次 フロントエンドエンジニア

私たち @masuP9(わかり手) 株式会社サイバーエージェント @o_ti(キレ手) 株式会社まぼろし マークアップ生まれ マークアップ育ち フロントエンドエンジニア 受託魔族はだいたい友達 #deisui_html_radio ウェブ制作をこじらせたオレたちが 歩いてきた道は何か、進むべき道はどこかを探る （ただの飲み配信） 目次(role="d... 続きを読む

2018年大本命！HTML/CSSコピペできる、参考にしたいスニペット78個まとめ - PhotoshopVIP

2018/10/18 94 users SVG PhotoshopVIP うえ アニメーション 参考

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットを、定期的にまとめてご紹介しています。SVGを使ったアッと驚くアニメーションから、普段使いがしやすくなる小技テクニック、現在利用するデザイナーが増えているCSS Gridの可能性を探る実践向けスニペットまで、今後のウェ... 続きを読む

エンジニアのための、いますぐ使える文章校正テクニック - ICS MEDIA

2018/10/05 663 users ICS MEDIA 校正 文章校正テクニック エンジニア 定番

メールや原稿作成など、ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。定番の文章テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになるでしょう。 本記事では、ICS MEDIAで気をつけている校正... 続きを読む

ウェブサイトをもっと面白く！コピペ可能なHTML/CSSスニペット75個まとめ 2018年7月度 - PhotoshopVIP

2018/07/10 118 users グリッチエフェクト マイクロインタラクション テクニック

ウェブ制作で差がつくテクニックをつかった、コピー&ペーストで利用できる HTML/CSS スニペットをまとめてご紹介します。2018年を代表するグラフィックデザインのトレンドでもある、グラデーションやグリッチエフェクト、ちょっとした動きが魅力的なマイクロインタラクション、CSS Gridプロパティの実践的な使い方など、... 続きを読む

CSSコーダーにとっての2018年のコーディング事情。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA

2018/04/26 155 users CSSコーダー いまどき Twitter ICS MEDIA

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。 自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第四回目となる本記事では ウェブ業界の「フロントエンド」を中心にアンケート結果を紹介します 。アンケートは筆者の Twitter から実施していたものです。 CSSのベンダープレフィ... 続きを読む

中小企業にとって理想のウェブ制作会社のありかたを考える | SEO 検索エンジン最適化

2017/12/14 93 users 理想 中小企業 ウェブ制作会社 SEO 検索エンジン最適化

中小企業のウェブ活用の現場における現実をふまえ、中小企業にとっての理想のウェブ制作会社のありかたを考察します。制作技術がコモディティ化し価格下落圧力が高まっている昨今において、ただ作るだけの制作会社では十分な対価を得られるだけの価値を生み出すことができません。いま市場から求められているのは、課題解決と運用支援を高い精度で提供でき、確実に結果を出せる制作会社です。 ウェブ制作の仕事についての反省 僕... 続きを読む

「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人？ | HRナビ by リクルート

2017/11/17 1613 users WWW入門 Ruby Python リクルート HRナビ

90年代後半から2000年代にウェブ制作を経験した者なら『 とほほのWWW入門 』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLやJavaScript、Ruby、Pythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはず... 続きを読む

レスポンシブに対応しててCSSでデザインを柔軟に変更できるスライダー「Slider Pro」がなかなかいい – Rriver

2017/09/07 57 users Rriver カルーセル レスポンシブ スライダー CSS

ウェブ制作をしてるとスライダーやカルーセルってなにかと必要になるので、レスポンシブやタッチ操作などに対応していて、CSSで柔軟にデザインをカスタマイズできるスライダーのプラグインをいつも探しています。 過去に試したものでいくつかいいのはあるんですけど「帯に長し 襷に短し」的なところが必ずあって、すべての要望を満たしてくれるやつには出会えていませんでした。自分でゼロから作るのもあれですし。利用できる... 続きを読む

ウェブ制作が超快適に！デザイナーは入れておきたい Chrome 拡張機能20個まとめ - PhotoshopVIP

2017/05/08 173 users PhotoshopVIP Chrome デザイナー

PhotoshopVIP編集部： 2016年3月14日に公開された記事を再度編集、追加しています。 グラフィックデザインの世界は進化を続けてお Sizzy Sizzy は、iPhoneなど各種スクリーンサイズでどのようにウェブサイトが表示されるのか、まとめて確認することができる拡張機能。 こちら よりURLを入力することで、動作確認を実際に行うことができます。 CSS Peeper CSS Pee... 続きを読む