はてなブックマーク

Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理

マーケター視点、不動産業界に特化している、ツールを使用して作成された、スマートフォンのみ、など目的ごとにWebデザインを閲覧することができるギャラリーサイトを７サイト紹介します。 Choicely マーケター視点で選ばれたwebデザインを集められているギャラリーサイト。 コミュニケーション設計に優れたWebサイトをまとめているとの事で、たしかに使いやすさを感じるサイトが多く紹介されています。他にもマーケティング企業やマーケティングツール、メディアサイト、Webサービス、と用途によって分けてまとめられているのもおもしろい。マーケターがチェックしたいギャラリーサイトです。 Webデザインギャラリー | Choicely REAL ESTATE DESIGN GALLERY. 国内の不動産業界のWebデザインを紹介しているギャラリーサイト。 他のギャラリーサイトでも不動産カテゴリーでまとめられて

Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。

マイクロソフトから正式にInternet Explorer 11 デスクトップアプリケーションのサポートを終了する発表がありました。期限は2022年6月15日です。Webサイト制作者としては歓喜の出来事ですね。 ただ、IEを気にしなくてもいいという事は、IE対応をしてきたコードの見直しも必要となります。そこで今回は、IE未対応で泣く泣くスルーしてきた即戦力なHTMLやCSSコードを14個紹介します。2022年6月以降のために今から知識を蓄えておいてはいかがでしょうか。 ちなみに、『Windows10 LTSC』や『Windows Server上のInternet Explorer11 デスクトップアプリケーション』といった一部のIE11には影響はないとの事ですが、一般ユーザーが利用する『Windows10のInternet Explorer』はサポート対象外となりますので、これはIE終了と

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132 フリーランスとして一人で制作をしていると、どうしても自身のスタイルの中だけでデザインしがちなので、新たな刺激を求めて書籍やネットを徘徊して見るようにしています。今回は、私が参考にしているギャラリーサイトを11個紹介します。クライアントとの打ち合わせ時も担当者とイメージを共有できるので便利に利用できると思います。ぜひ参考にしてみてください。 URAGAWA 担当した制作会社を掲載しているギャラリーサイト。制作会社ごとに見て回れるのはおもしろい。カテゴリ分けも『業界』『タイプ』『特徴』『カラー』『特集』『アワード受賞』『ランキ

私のTwitterアカウント（@pulpxstyle ）では、サイト制作の現場で使えるTipsやアイデアを発信しています。2021年3月の間で人気があったツイートをまとめてみました。ブクマに埋もれてしまって探すのが大変という方はこちらからチェックしてみてください。 私が資料を作成する際に鉄板にしているフォント 私が資料を作成する際に鉄板にしているフォント pic.twitter.com/6U1TQX8ojM — 小林 I Web Designer (@pulpxstyle) March 11, 2021 私が資料を作成する際に使う”明朝体”や”セリフ”フォント 私が資料を作成する際に使う "明朝体" や "セリフ" フォント pic.twitter.com/56N4AuYWzi — 小林 I Web Designer (@pulpxstyle) March 17, 2021 背景に使える”

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132

.image { position: relative; } .image::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 20px); height: calc(100% - 20px); border-image-source: repeating-linear-gradient(45deg, #fff, #fff 3px, rgba(0 0 0 / 0) 0, rgba(0 0 0 / 0) 6px); border-image-slice: 20; border-image-repeat: round; border-style: solid; border-width: 20px; } デモでは、幅

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132

CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 CSSボタンのスタイル CSSボタンは11パターンあります。すべてのデザインに共通したCSSがありますので以下のコードをコピペした後に、実装したいボタンのCSSをコピペしてください。 CSSボタンの共通スタイル .btn a { display: flex; justify-content: center; align-items: center; position: relative; width: 300px; height: 60px; color: #333; font-size: 18px;

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132

Warning: Undefined array key "author" in /home/c7993020/public_html/pulpxstyle.com/wp-content/themes/pulpnote/functions.php on line 132