先週末からAmazonで、「1800冊以上対象 インプレスグループ10社合同フェア」が開催されています。デザインやイラスト、Web制作のKindle本も多数あり、なんとプライム会員だと0円もある見逃せないセールです! セール期間は、2020年3月1日23時59分まで。 グループ10社合同ということで、インプレスやMdNなどの人気が高い書籍が数多くセール対象になっています。 下記の中に、プライム会員0円のKindle本が2冊あります。
こんにちは、フロントエンドエンジニアのてりーです。 僕の詳しいプロフィールはこちら 独学でフロントエンドエンジニアを目指している人へ フロントエンドの仕事を得るまでにどんな勉強をしたら良いのかをまとめました!! 興味ある方は是非ご覧ください。 はじめに 記事の内容はタイトル通りです! 年明けから個人で3つほどLPやweb制作系の案件に関わりました。 主にデザインカンプからコーディングする!的な内容ですが、それらを進める中で先輩やデザイナーの方から貰ったフィードバックを重要度で区切ってまとめて見ました。 重要度は個人の主観で決めてます。 Lv3~Lv1で数字が大きいほど重要度が高いです! 割と初歩的な部分もフィードバック多いので、公開する事への恥かしさもありますが、自分の成長記録的な意義で赤裸々に記しているので、お付き合いください。 Lv3 実案件なら必須 reset.cssいれる rese
日本のほぼ真ん中にある山梨県は、富士山をはじめとした大きな山や川があり自然に恵まれていますが、優良なホームページ制作会社も多くあります。 山梨県でホームページ制作会社を探していても、どこに依頼すれば良いか迷ってしまうのではないでしょうか。 そこでこの記事では、山梨県のホームページ制作会社を徹底的に調査して、おすすめのWeb制作会社をご紹介します。 同じWeb制作をしているプロが選んでいますので、山梨県のホームページ制作会社について詳しく知りたい方は、ぜひご覧ください。 山梨県のホームページ制作会社8選【2024年版】山梨県にあるホームページ制作会社の2024年最新データを調査して、おすすめを8社まで厳選してご紹介します。 甲府市はもちろんのこと、甲府市以外も含めた山梨県にあるすべてのホームページ制作会社の中から厳選しました。
これまでの制作実績、料金相場、デザイン力、運営サポート力などを選定基準としています。 ここからはそれぞれの会社について、選んだ理由や、特徴、独自の強みやサービスについて一社ずつ解説していますので、比較検討の際に役立ててください。 連絡先を記載していますので、気になるWeb制作会社がありましたら、気軽にお問い合わせしてみましょう。 Web Design Aoi (ウエブデザインあおい)(株式会社 あおい) web design aoiは、シンプルなデザインと粋なキャッチコピーで「おしゃれなレスポンシブホームページ」を作成し、顧客のブランディングを重視する仙台のホームページ制作会社です。 SEO対策やマーケティングを得意としており、デザインと集客を特に重視したい個人事業主や、中小企業のWebサイト作成を行うことができます。 独自理論SEO対策を無料で行い、顧客のホームページの検索順位を計測しま
こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する canvas要素を作成し、そのcanvas内に円を作っていきます。 まずは一つだけ作りたいと思います。 <canvas id="canvas"></canvas> // キャンバス要素を取得 const canvas = document.getElementById('canvas'); // キャンパスに描画するコンテキストを取得 const ctx = canvas.getContext('2d'); // キャンバスサイズをwindowサイズに canvas.wi
神戸市でおすすめのホームページ制作会社9選 それでは早速、兵庫県神戸市でおすすめのホームページ制作会社をご紹介します。 おすすめのWeb制作会社を9社まで厳選。 それぞれの特徴や費用目安、所在地も記載していますので、制作会社選びの参考にしてくださいね。 気になるWeb制作会社があれば、気軽にお問い合わせをしてみましょう。 1.株式会社WebClimb(ウェブクライム) WebClimb(ウェブクライム)は神戸市中央区にあるホームページ制作会社で、「格安ホームページ制作サービス」を提供しています。 格安料金で制作できるだけでなく、独自ドメイン、SSL化、スマホ対応、WordPress、お問合せフォーム、スライドショー、ブログ機能、更新・運用、SEO対策などのサービスが全てプラン内で、サービス内容も非常に充実。 ホームページを運営していく上で欲しい機能は、全てと言っていいほど搭載されています。
1.ホームページ作成でやってはいけない設計 ホームページを作る時には、まずどのような目標を持ってホームページを立ち上げるのか明確にしなくてはなりません。 「ただ何となくカッコいいデザインのホームページが作りたい」というような曖昧な目標だけでは不十分です。 なるべく具体的に、「ホームページに来た人には最終的にどのような行動を起こしてほしいのか」考えてみましょう。 ホームページを制作する目的を明確にすることで、ホームページのデザインやコンテンツの配置などが決めやすくなります。 2.ホームページ作成でやってはいけないデザイン ホームページのデザインは、ホームページを開いてくれた人の滞在時間を左右する重要な部分です。 特にトップページを見て、そのホームページが自分の求めている情報をくれそうかどうか判断する人が多いため、トップページのデザインには最も気を配る必要があります。 「カッコいいホームページ
目まぐるしい変化への対応を求められるウェブ従事者にとって、制作をより快適にする便利な最新オンラインツールをまとめてご紹介します。 いままで時間のかかっていた面倒な作業がワンクリックで完了の時短ツールから、そのまま使えるウェブテンプレート、シンプルで使いやすいアイコン素材など、ウェブ制作のお悩みをまとめて解決できる、無料のツールや素材を中心にセレクト。 さいごは、「こんなツール、あったんだ」と思える、クリエイティブ全開なツールが控えます。暇なときの時間つぶしにもいかがでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザインツール 3. プロトタイプ・アイコンツール 4. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Webデザイン便利ツール Ho
鹿児島県にあるホームページ制作会社の中から、おすすめの事業者を厳選して8社ご紹介します。 Web制作の事業者であり、全国のホームページ制作会社を調査している担当者が選んでいるので、鹿児島のホームページ制作会社が知りたい方にとって、参考になる内容となっているはずです。 鹿児島県のホームページ制作会社について詳しく知りたい方は、ぜひこちらの記事をご覧ください。 【2024年最新版】鹿児島県のホームページ制作会社8選鹿児島県にあるホームページ制作会社の最新データを調査して、ホームページを作成する際の、おすすめWeb制作会社を8社まで厳選しました。 これまでの実績や、料金の相場、特徴や得意分野、サポート力、技術力などを総合的に判断して選んだ8社をご紹介します。
ホームページを作りたいと思った時に、どのようなWeb制作会社に依頼すれば良いのか、選び方が分からないという方は多いです。 Web制作会社選びで失敗してしまうと、かけたコストが無駄になってしまいますし、場合によっては他のWeb制作会社に依頼しなおす手間が発生するかもしれません。 そこでこの記事では、Web制作のプロが「失敗しないWeb制作会社の選び方」を解説していきます。 Web制作会社にホームページの作成を依頼する時の注意点についても詳しく説明しますので、ぜひ参考にしてください。 Web制作会社を決める前に準備する3つのこと Webサイトを作るためには、優良なWeb制作会社を選ぶ必要があります。 しかし、その前に以下の3つの準備をしておきましょう。 3つの事前準備を疎かにすると、たとえ良いWeb制作会社を選べたとしても、質の高いWebサイトの作成が難しくなってしまいます。 1.Webサイト
Web制作で日常的に使える無料のCSSやHTML、JSウェブツール50種類以上を提供しているToolb.dev。 なにかと面倒な作業をパネル上で直感的に行うことができ、リアルタイムでのプレビュー機能や作成したコードはそのままコピペも可能、Web制作でも活用機会の多いツールが揃います。 クレジット表記不要で、ユーザー登録をせず利用できるのも嬉しいポイントです。Web制作をサポートする便利ツールも一緒にチェックしてみてはいかがでしょう。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作を楽にする便利なSVGツール53個まとめ Web制作の面倒な作業が楽になるツール50個を揃えたToolb.dev 「これどうやるんだっけ?」いつも忘れがちなWeb制作の工程をサポートしてくれるToolb.devで利用できるツールは50を超え、現在ベータ版での提供となります。それぞれのツー
こんにちは、新人デザイナーのナガレダです! 社内制作チームでLIGブログのアイキャッチやバナーなどを作っています! 日々デザイナーの先輩にフィードバックしていただき、発見と学びのある毎日です。 皆さんはデザインをしているときに、「ラフの通りに作っているのに何か物足りないな」と感じることってありませんか? 私はめちゃくちゃあります。 素材を作って実際に画面に当てはめて完成間近! でもあれ? なんかさみしい……ってなることが多いんですよね。 そんなときに先輩デザイナーに教えてもらった、ひと手間加えるだけで物足りなさを解消できる方法をまとめてみました! また、本記事と同じ内容をYouTubeにもUPしています!動画や音声で楽しみたい方はこちらを参照してみてくださいね。 デザインの物足りなさを解消する方法 文字周りに飾りを入れてみる before クライアントのWebサイト用に作成した「スマホによ
こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD(以下:XD)で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか? なぜ作れたのか? などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方は、もろもろスキップしてこちらからどうぞ。 XDで更新しやすいテーブルができるまで XDといえばWebサイトなどの画面デザインのためのソフトというイメージですが、その使い勝手の良さから、デザイン以外の場面でも活用する機会が増えてきました。たとえばLIGのアカウントプランナーのノブさんは、企画書(提案書)をXDで作られるそうです。
ちょっと前にツイッターでこういうことをつぶやいたので、補足と言うかちょっと詳しく書いておこうと思う。 最初に結論 ツイートの通り、Web制作における『WordPressができる』っていうのは究極的に言うと素の管理画面でできること・起こっていることを把握していることであると思う。 なぜそう思うのか WordPressもしっかり進化しているので、カスタマイザーやブロックエディタでできることも増えていたりする。 デフォルトの機能でWeb制作に必要な機能は一通り揃っていると言っても過言ではないと思う。 プラグインや独自の実装でカスタマイズしたい場合も、デフォルトでできることを知っていれば無駄な実装は避けることができるし、どういう関数で動いているのかまでわかっていれば、フックで処理を少し書き換えてあげるだけでカスタマイズが完了してしまうケースも多い。 要は無駄のなるべく少ない実装ができるわけだ。 な
HTMLとCSSを真剣に学びたい人にお勧めの本を紹介します。 HTML5とCSS3の仕様書に基づいて、知識をしっかり身につけ、実践的なテクニックを本格的に学べます。Web制作者が持っておいて間違いのない一冊です。 実装の現場で必要とされる、リソースの先読みや画像の遅延読み込みなどの高速化テクニック、float時代のクリアフィックスを簡単に実現できるフロールートなど、必要な知識をまとめて吸収できます。 本書はコーダーの定番書である前書の第2版。 現在の最新仕様、HTMLは標準仕様はW3CからWHATWGに一本化され、CSSは各種機能の追加や主要ブラウザでの対応が進んでいます。ブラウザもChromiumベースのEdgeがリリースされ、使える便利な機能が増えています。 第2版はそれらに対応した解説書で、先日当ブログで紹介した:is()疑似クラス関数、min(), max(), clamp()比較
Web制作のお供に!最新オンライン時短ツール32個まとめ これから使いたい、あまり知られていない便利ツールが大集合 Web制作の効率化を図りたいというひとにオススメしたい、最新オンライン時短ツールをまとめてご紹介します。 「もっと早く知りたかった」と思ってしまう、便利なツールを中心に、クリエイターの日々のデザイン業務を軽減してくれる、目からウロコな素材やツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ デザインツール Womp 3D 立体感たっぷりな3Dデザインを、ブラウザ上で直感的に作成できる、新世代のオンラインツー
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか? WF(ワイヤーフレーム)の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
こんにちは、制作事業部WebディレクターのZIMAです。 みなさん、SEO内部施策やってますか? やっていないわけないですよね。しかし「どこまでやってますか」と聞かれると……困っちゃう人多いのではないでしょうか。 実は自分もどこまでやればいいんだろう? と思って、我らがづやさんに聞いてみたところ「ふむふむ、それなら、 ちょうどいいの作ってるから、勉強がてらZIMAがつくってみてよ」と、ひょんな流れから私がLIGのSEO内部施策チェックリストを作成することになりました。 せっかくなのでブログにして自分の学びをみなさまに共有したいと思います! そもそもSEO内部施策ってなんだ? Webサイトの中身をGoogleなどの検索エンジンに正しく伝えたり、ユーザーがストレスなく利用できるようユーザビリティを向上させるための施策のことです。 世界中のWebサイトをクローリングしているのは簡単に言えばロボッ
1月15日にMicrosoft Edgeの正式版がリリースされました。 とはいえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。 そこで、この記事ではWeb制作者向けの注意点と、非Web制作者、たとえば上司や家族などにEdgeを勧める時の注意点などをまとめています。 これまでのMicrosoft Edgeと何が違うの? これまでのMicrosoft Edgeは、Microsoft製の独自のブラウザエンジンでした。 そのため、これまでのIEへの悪いイメージもあり、またGoogle ChromeやSafariのような他のWebブラウザーと表示や動作が異なる場合もあり、あまり普及しませんでした。 新しいEdgeは、Google Chromeと同じChromiumとよばれるブラウザエンジンになりました。 なぜ私のWindows PCには配信されていないの?
プログラミング学習サービスはたくさんありますが、その中でも圧倒的に知名度があり、多くの方に使われているサービスがProgateです。 Progateを使った学習は、HTML・CSSを終えてから、下記のどちらかに進むのが王道の流れです。 フロントエンドに興味があればJavaScript バックエンドに興味があればRuby or PHP or Python 初学者の方にとってプログラミングに慣れる / 知るという意味で、この流れは適切です。ただし、Progateは基礎の基礎を勉強するサービスです。Progateだけではとても実務レベルのスキルや知識は身につきません。 この記事では、『Progateの次は何を勉強すれば良いのか』について、web制作 / フロントエンドに特化して紹介します。 ↓プロになるための学習ロードマップ(web制作編)は、下記の記事をご覧ください。 【2024年版】web制
この記事では、ウェブデザイン制作の参考にしたい、刺激的な最新UIインタラクション、アニメーションをまとめてご紹介します。ユニークでクリエイティブなアイデアが満載の素敵アニメーションが揃っており、今後のウェブデザインがますます楽しみになる、未来を感じるデザインを中心に集めています。 最新ウェブデザインも一緒に確認することで、デザイントレンドや動向をうまく掴むことができます。 Webアイデアの宝庫!注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに!いま話題の最新ウェブデザイン50個まとめ Web制作参考アイデア集!話題の最新ウェブデザイン40個まとめ 前回のまとめはこちらからどうぞ。 動きが新感覚!Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ 動きで魅せる!Web制作の参考UIインタラクション、アニメーションまとめ GoSurf Website
大阪府は全国の中でもトップクラスにホームページ制作会社が多く、非常にハイレベルで切磋琢磨しています。 これから大阪でホームページを作成しようと思っている方にとっては、優秀なホームページ制作会社が多くあるので有り難い反面、ホームページ制作会社の数が多すぎて、どこに依頼すれば良いかも迷ってしまうのではないでしょうか。 そこでこの記事では、Web制作の専門家の目から見て、大阪のおすすめWeb制作会社をご紹介します。 大阪のホームページ制作会社について詳しく知りたい方は、ぜひ最後までご覧ください。 大阪府のホームページ制作会社のおすすめ10選【2024年版】大阪府に所在地のあるホームページ制作会社の最新データを調査して、おすすめのWeb制作会社をご紹介します。 これまでの制作実績、料金相場の安さ、デザイン技術力の高さ、制作後のアフターサポート、サイト設計構築力など、様々な要素を総合的に判断して、大
これまで平面的に捉えられていたウェブサイトやアプリに、吸い込まれるような没入感を演出するクリエイティブなアニメーションが、いま注目を集めています。 この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。 Webサイトやスマホアプリのアニメーション実装参考アイデアに役立てみてはいかがでしょう。 アニメーションで魅せる!Web制作の参考UIインタラクション40個まとめ Juice Brand Website Menu フレッシュなフルーツジュースを選択する、フルスクリーン画面で展開するナビゲーションメニュー。ぼかしをつかい、遠近感をうまく表現したプロダクト紹介ページは参考に。
どうもデザイナーのナガレダです〜。社内デザインチームでLIGブログのアイキャッチやバナーの制作を行っています。 最近コロナの影響もあり、オフラインでの撮影の機会が減りました。アイキャッチなどでもイラストを描くことが増えてきています。 もともとイラストを描くことが好きで、趣味で描くときはイラストを描く専用のソフトを使っていました。なので、正直Illustratorでちゃんとしたイラストなんて描けるわけないだろ! と思っていたのですが……。 Illustratorをいじっていくうちに、すんごいイラスト描きやすいツールが多いことが判明してしまったので、よく使う便利ツールをご紹介します! 「わからないこと」が一瞬で解決するかも? Illustratorについて効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、
コーダーとして仕事をしていると、Webデザインデータをあらゆる形式で受け取ります。私はその中でもIllustrator(ai)形式でデータを受け取ってコーディングするのが苦手です。Illustrator 形式であってもとても快適にコーディングできる人もいるようですので、その場合は「なぜだろう」と思うでしょう。私が苦手だと感じる理由を書き出してみます。長年のしんどい思い出を辿りながら、心折れながら書いているので読みにくいと思います。 特に何かに役立つ情報ではありませんので、読んでみたい方だけお読みくださいね。 ※なお、印刷前提のデータとしてIllustratorファイルを受け取る(作る)のは、まったく苦痛ではありません。ロゴやイラストなど、Webサイト内で部分的に使用するベクタファイル素材の場合も同様です。あくまでWebデザインデータとしての話です。 CMYKIllustratorあるある第
彼のこの記事を読んで、使い始めました。 タスク管理ツールって、過去いろいろと使っているんですけど、なかなかしっくり来るものがないんですよね。結果的に、Googleカレンダーにタスクを登録したり、メモ帳にToDoを記載したり……。 ただ、このRemember The Milkを使うと、なんかテンションが上がって抜け漏れなくタスク管理ができる。いやいや、絶対褒めすぎでしょって思ってたんですけど、いや、便利っすね。これはマジで。 詳細はここでは説明しません。もう、まさくにの記事を読んでください。 私は、無料プランを使っているんですけど、たしかにこれは有料プランを契約しても良いレベル。 Transmit https://panic.com/jp/transmit/ 続いて、FTP/SFTPクライアントのTransmitです。 今までは、Forkliftを使っていたんですけど、ここ一年くらいでこのソ
普段からビジネスにおいてよくつかわれるメール。 今となってはほんとあたりまえになりました。 わたしがこの仕事をはじめた98年前後はメールでおくってもらえますか?っていうとめんどくさいな・・・電話じゃだめなの?なんて嫌がられたものです。 さてさて、メールを受信する際に意識されているかどうかわかりませんが2通りの形式があるのをご存知でしょうか? 1つは文章だけで構成されるテキスト形式メール もう一つは画像の挿入や文字加工で見た目を整えたHTML形式メール(HTMLメールと呼びます) です。 HTMLメールというのは皆さんもよく受信される画像や文字が装飾されたメールでAmazonや楽天などのメールマガジンなどでよく使われます。。 今回はこのHTMLメールはセキュリティ上やめるべきという内容のお話です。 「テキストメール」と「HTMLメール」の特徴 テキストメールの特徴 テキストメールというのは単
2021年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figmaなどの使いこなし術 フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 Web制作者にとって今年一番の出来事は、IE11のサポートがいよいよ終わろうとしていることです。正式には2022年6月16日がその日ですが、
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。エディタにはAceが使用されており、非常に快適で、高速に動作します。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 11.0+, Windows 10,11をサポート、Linuxも近日サポート予定です。 2年ほど前にv1.0がリリースされたときに紹介
いわさです。 皆様、アクセシビリティに配慮したWebサイトの設計されてますでしょうか。 Webアクセシビリティを評価するためのツールがMicrosoftから提供されていますので紹介したいと思います。 Accessibility Insightsというツールです。 元々はMicrosoftにて内部開発されていたもので、2019年にオープンソース化されています。 本日はWebサイトのアクセシビリティの評価を行いたいと思いますが、AndroidやWindowsのアプリケーションにも対応しています。 Webアクセシビリティの場合はGoogle Chromeの拡張として提供されています。 Webアクセシビリティとは 全ての利用者や環境下において、使用できるようにWebサイトが設計・開発されていることを指します。 弊社の以下のエントリをご参照ください。 使ってみた テスト用のWebサイトはSeleni
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く