非エンジニアがGPTでバナーを生成しようと奮闘した話
現役のWEBディレクターです。 一応、非エンジニアですが、wordpress、rails、spring bootなど改修程度で触ったことあるので初級プログラマーレベルの知識はあります。 今回は社...
58 search resultsShowing 1~20 results
You need to log-in
現役のWEBディレクターです。 一応、非エンジニアですが、wordpress、rails、spring bootなど改修程度で触ったことあるので初級プログラマーレベルの知識はあります。 今回は社...
最近よく見かける、あるWEBデザインについてまとめてみました。なお正確な名前は分かってないのでここでは「スプリットレイアウトデザイン」と記載します。(もしわかる方がいれば教えてください) スプリ...
やりたいこと ・詳細ページから、お問い合わせのボタンを押すと、遷移先のフォームに遷移前のタイトルが入力されている。 ・選択フォームの内容が動的にリスト表示される。 画面遷移のイメージ 投稿記事作...
wordpressの無料テーマlightningでFAQページを作成。FAQのアコーディオン機能はPro版にしかなかったため、手動にてアコーディオン機能を実装。今回はその備忘録である。 完成図 ...
これでいけませんか? ターミナル npm install postcss-cli autoprefixer -D package.json "browserslist": [ "last 2 v...
今回の経緯 このWEB発展した社会で、現在さまざまな端末があります。WEB開発をしていると各端末の微妙な画面サイズの違いで表示が崩れることもあります。 特にクライアントとやりとりしていると、こっ...
WEBデザイナー&コーダーのYJ2222です。 JSを使ったスライダープラグインSwiperについてのメモです。 経緯と概要 今回は最新(2022/2/3時点)の事についてではなく、古いVerの...
※今回はプログラミングの記事じゃないです。 最近エンジニア職からWEBデザイナーとして転身しまして、勉強の一環としてバナートレースする際、文字加工でつまずいてしまったので自分用の備忘録としてまと...
Netowlに登録 まずは以下のサイトに行き会員登録を済ませましょう。 SterServer 右上の「会員登録」から、「Netowl」のログインフォームに飛びます。 中盤あたり、「新規会員登録」...
はじめに vivus.jsという素晴らしい、プラグイン?を使用したのでメモとして残します。 まだ理解し切ってないので、本当にメモ書き程度のまとめです。 完成イメージ 手順 illustrator...
カルーセルスライダーを自作しました。また初学者用に図解化してみたので是非参考にして下さい。 完成イメージ 箱が小さくて申し訳ないのですが、こんな感じです。 ごく一般なカルーセルスライダーです。 ...
画像コンテンツのレスポンシブ対応をする際に、コンテナのサイズ計算で考えてしまうのでメモようにまとめてみました。 完成イメージ イメージ的にはこんな感じです。 サイズがバラバラな画像を、CSS同じ...
自分への備忘録としてbxsliderとlightboxの導入からオプション設定までをまとめてみました。 おまけでドロワーメニューも書いてます。是非参考に。 準備 当たり前ですが、以下の一次ソース...
久しぶりにJQuery触りました。JQueryが優秀すぎて、自分がおバカになりそうだったのでしばらく触ってなかったのですが、とはいえ「楽に実装できるなぁ」って思いました。 正直将来性は感じません...
自分用の備忘録に作りました。 pureなJSでアコーディオンメニューを実装し、一応簡単な形ですがレスポンシブ対応してるので、参考にしてください。 完成図 コード ※注意点としては、コードはPCフ...
cssのpositionって要素を自由な位置に配置できるので非常に便利ですよね。 改めて調べてみると絶対値やら相対値やらと非常に分かりずらい・・・なので自分なりに分かりやすく解説していきたいと思...
floatの解除方法についての記事です。後続の要素にclear:both;をすることは皆さんご存知かと思いますが、そもそも後続要素がない場合などがあると思います。その場合の方法を紹介します。 ※...
WEBデザインで画像をホバーしたら画像がズームアップするような機能を実装しましたのでご紹介します。 【完成イメージ】 ポイントは画像サイズを変えることなくズームアップ表示できることです。 使用画...
CSSスプライトという機能を初めて知りました。UX/UIが綺麗になるのと、画像読み込み時の速度が早くなるとのことで最近では結構使われている機能らしいです。 今回は機能実装と簡単にまとめてみました...
普段はJQueryを使っているのですが、プロジェクトによっては素のJavascriptで書いてくれと指定があったりします。僕も過去このような経験があってJQueryだったらもっと簡単に・・・なん...
58 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.