エンジニア– category –

2021年11月現在、WordPressテーマ「SWELL」でURLを貼り付けると、「ブログカード」となるものに自動変換される仕様になっています(埋め込みともいう)。参照→https://swell-theme.com/function/3736/ ブログカードとは、よく見かける下記のようなもの↓(この...

画像のようなおしゃれでシンプル、かつレスポンシブに対応しているドロップダウンメニューです。 てっとり早く実装したい方は、ぜひコピペしてご自由にお使い下さい。 完成形はこちら 完成形は以下です。 PCとスマホ画面、両方でご確認ください。 See the ...

Sassのコードのインデントを最もてっとり早く行う方法です。 行間や配置が気になる几帳面なコーダーの皆さんは、ぜひお試し下さい。 Visual Studio Codeを使う方向けの記事となります。 やり方 やり方は「formatters scss」というプラグインをインストール...

コーディングができるようになった。WordPressがいじれるようになった。よし！次はWeb制作会社に就職を目指そう！ と考えている方に向けた記事となります。 先日あるWeb制作会社と面接をさせていただき、いろいろ勉強になったのでアウトプットも兼ねて言語...

近年、ニュースでもIT用語が頻繁に使われるようになりました。 IT用語の意味がわかると、ニュースの内容をより深く理解できます。 この記事では、ニュースでよく使われるIT用語と、その意味をわかりやすくまとめました。 AI artificial intelligence(アー...

下記のような、おしゃれな矢印の作成方法です。 コピペだけで簡単に実装できますので、ご自由にお使い下さい。 https://twitter.com/MockRoll/status/1468119456371318785 「CSS 矢印 おしゃれ」の検索ランキング2位になってました。よく見かけるこんな感...

Web制作の仕事やコーディングを行う際に、実装したいものがあっても これ、何て検索したらいいの？ といった感じに、「検索するにも名称が分からない」ことは珍しくないと思います。 そこでこの記事では、「Web制作を行ううえで頻出するパーツやレイアウト...

XDでの共有方法として用いられるのが、”URL化”と”画像化”。 この2つは、片方がXDを契約していなくても効率的に共有する方法として重宝されています。 https://morilynblog.com/xd-share-image-url/ しかし「XD契約者同士」なら、さらに便利でてっとり早い...

僕がやっていた、おすすめの模写コーディングの習得方法を紹介します。 少々面倒で泥臭い方法ではありますが、理解力のない僕が模写コーディングを理解し、習得した方法なので記事にしました。 僕も横並べや配置系のCSSが苦手で、5回以上ヘッダーで挫折を...

WordPressのテーマ「Swell」では、画像をクリックするとこんなアニメーションが出て、周りが暗くなり、 白い2つの丸がクルクルと回る(撮り方が下手で申し訳ない) 画像が拡大して表示される「ポップアップ機能」があります(ライトボックスというらしい)。 ...