ブログBLOG

脱初心者！駆け出しコーダーがつまづきがちなポイントを解説してみた【デザイナーも必見】

突然ですが、あなたはコーダーですか？それともWebデザイナー？ そして、あなたはどのくらいコーディングに自信があるでしょうか？ え？「自分デザイナーなんでコーディングとか関係ないし！」という人、ちょっと待って！ まだ「戻る」ボタンを押さないでください！！ コーディングとデ ...

時短！Photoshopのアクション&ドロップレットで大量のPSDファイルを一括で処理しよう！

WEB制作に限らず「複数のデータに一括で同じ効果を適用したい！」という場面があると思います。 Photoshopのドロップレットを使えば、アクションで作成した機能をドラッグ&ドロップのみで簡単に実行できます。 [toc heading_levels="2"] 「アクション」と「 ...

【画像素材管理】エクスプローラーでタグ検索が…できた！

Web制作では画像素材をいくつも使用してサービス内容を分かりやすくしたり、伝えたいイメージや印象をつくります。 そのため段々と購入した画像素材が増えていき、欲しい画像がどこにあったのかわからなくなって時間がかかることもしばしばです。 前回（【画像素材管理】画像素材を検索してヒットさせたい【タグ ...

【画像素材管理】画像素材を検索してヒットさせたい【タグ検索/無料/日本語】

「仕事の内の〇割は探し物をしている時間だ」という話をWebデザインスクールの講師から聞いたことがあります。 年間あたり150時間、一日20分は探し物をしている時間だそうです。年間ともなると膨大な時間ですね。まさにちりも積もれば山となる。時は金なり。 参考：書類探しの時間１日に何分費やしているのか ...

IE非対応のCSSグラデーションを文字にかける2つの方法（画像・SVG）

IEで文字にグラデーションをかけようとするとこのようになります。 文字の背景に色がついてしまうんですね。 デザインの関係などで、IEでも文字にグラデーションをかけたいときがあるかと思います。 以下のようにしたので参考にしてみてください。 画像や幅指定などおこなうので、 ...

【すぐに使える】ユーザビリティ＆コンバージョン向上！WebサイトのためのUI・UX改善ポイント26こ

せっかく良質なコンテンツや優れたデザインがあるのに、ユーザーにとって「使いにくい」サイトになっていませんか？ サイトの使い勝手が良いかどうかはコンバージョンにも関わってくる重要なポイント。ディレクター・デザイナー・フロントエンドエンジニアのそれぞれが、ユーザーがどう利用するのかを予想しなが ...

【社内デザイン】レスポンシブテーブルのデザインの作り方【Photoshop】【独学デザイナー必見】【WEBデザイン】

以前「もう悩まない。CSSでレスポンシブなtableデザイン＆コーディング」でテーブルのhtmlコーディングについては記事をまとめさせていただきましたが、 今回は社内のデザインデータをあさってテーブルデザインのパターンを見てみたいと思います。 その前に3年くらい前のデザインデータ ...

【WP5.0】WordPress5.0は使いづらい？（エンジニア視点で触ってみた衝撃）

標準エディターが変わる、という記事を書く側にとっての大きな変更になるWordPress5.0のアップデート。 実際に触ってみた感覚は、WordPress3.8 以来の衝撃です（WP3.8についての過去記事）。 エンジニアとしての視点でWordPress5.0を触った感じを纏めました。 ...

11月は実績を多く掲載できた月。（社長日記 2018年11月）

もう11月です。 あっという間に2018年も終わりですね。 既に年末モードが始まっているのか11月はスピーディーに日々が過ぎている感じがします。 今年の11月は体調不良になるメンバーが多いと感じた月でした。 夏が熱く疲れが溜まったからでしょうか。 年末に向け気を引き締めていきたいので体調管理万 ...

サイトが重いときに！画像をふわっと遅延表示させる「lazysizes.js」【レスポンシブ対応】【PageSpeed Insights改善】

Webサイトの表示速度を上げられるよう、スクロールをしたタイミングで画像を読み込む「画像の遅延表示」ができるJavaScriptはいくつかあると思います。私も試したことはありますが、画像がパッと出てきて画面がガタついたり、jQueryをいじらないとカスタムしにくかったりと、思った通りの動きを ...