Web制作挑戦– category –
Web制作に関連する情報
-
お名前.comのドメイン追加からWordPressインストールまで
新米アピコです。 WEBデザイナーなら、1からWordPressでのサイトを構築しなければならないということで、ドメイン作成からインストールまでを行ないました。 分かって仕舞えばものの10分で終わるのですが、分からないと1時間以上かかちゃいます！ 既存のド... -
Shopify ECサイト制作過程
アピコです。 ShopifyでのECサイト構築はデザイナー単独でもできる！！ とのことで（汗）、初めてShopifyに入ってみるとWordPressと同じような編集方法でECサイトができます。 （WordPressの賢威を使ってサイトを作たブログもあります） なるほど、アプリ... -
safariで、撮った写真をブラウザ上で表示させる機能が動かない【iPhone/iPad】
どんなシステムか デザイナーのオッコです。 iPhoneで写真を撮らせるフローがあるシステムってありますよね。 例えば顔写真認証サイトなど。 今回の案件では、受付のときに写真が必要なシステムがありました。 流れとしては、受付時に「写真を撮る」ボタン... -
【初心者コーダー必見】コピペで実装できる参考サイト
■Pote Stock とっても簡単にHTMLとCSSで実装できる参考コードがコピーできます。 ※アピコの場合はtplファイルでシステムが入り込んで複雑すぎて成功できませんでした（汗）。 https://pote-chil.com/html-maker/ ■動くアイデア帳 いろんな動く表... -
scroll-hintで横長の表の操作性を改善する
デザイナーのオッコです。 どうしても横長のコンテンツをスマホで表示しなければならないときってありますよね。 でもぱっと見て「横スクロールができる」とユーザーに分からせるUIを作るのは案外難しいです。 そこで、指マークが出てくれるプラグイン「sc... -
インデント【無料】HTMLのコード整形ツール
コーディングにはインデントを入れるルールがありますが、複数のエンジニアやコーダーが入ってコピー＆ペーストなどで編集した時、かなりインデントが乱れ、コードがわからなくなることがあります。 そんな時、カンタンにページのインデントを整形してくれ... -
WordPress「賢威」コーポレートサイトをつくる 【4日目】
アピコです。 ワードプレスに賢威の設定ができたのでサイト表示確認をしたら、URLの末尾に/wp/が付いています！？ 「お客様がLPやダイレクトメール、または、名刺などでサイト表記したときカッコ悪いのではないか？」 という課題ができてしまいました。 サ... -
jQueryで数値を「＋/−」で増減させるスピナーボタン
アピコです。 ECサイトでご要望の多い、数値を「＋/−」で増減させるスピナーボタンをご紹介。カラーはサイトのトーン＆マナーを意識して変更してください。 新米なので、円の上に「＋」「ー」がうまくハマる方法がわからず、作業時間は1時間弱かかりました... -
要素の上にチェックボックスを重ねる方法
アピコです。 今回はECサイトなどで商品を選択して一括で追加するときなどに使うチェックボックスのご紹介。 画像の上に表示させたかったので、なるべく分かりやすいように大きめに表示しました。 /* コメント*/ を参考に入れ替え、利用してみてください... -
position:stickyを使ってテーブルの1行目を固定する【css】
デザイナーのオッコです。 表が長くなると、見出しを固定したくなることがありますね。 今日はそんなときに使える、position:stickyを使った処理をご紹介したいと思います。 前提：UIKitを使用しているためある程度のテーブルが既に出来上がっている（ukク...
