Webデザイナーは子育てしながら働きたい方におすすめの職業です
子育てしながら働きたいならwebデザイナーはおすすめ 私は紙のデザイナーを経てWebデザイナー、クリエイティブディレクターを経験後、現在は育児と両立しながら短時間勤務でWebデザイナーとして働いていま […]
「web」の検索結果 38件
1/2ページ
時短勤務の派遣社員をしておすすめできる派遣サイト（webデザイナー編）
短時間勤務という働き方 最近は、短時間勤務の派遣の求人も増えていますね。 時短社員として、直接雇用で働ける求人（時短正社員）もどんどん増えている印象があります。 私はwebデザイナーとして働いています […]
- 2023.05.31
- webメモ,
css animation（keyframes）でお気に入りボタン作ってみた
お気に入りボタンをクリックした時動きをだしたい場合におすすめなkeyframes お気に入りやクリップ機能で、ボタンをクリックした時に動きを出したい時ってありますよね。 gif画像などを作成するのも一 […]
- 2022.02.23
- webメモ,
オープニング画面が出た後にページを表示する実装方法（画面内に現れたらフェードするinview付き）
いい感じのサイトを作りたい時に便利なanime.jsとinview.js 画面がローディングされた後、はじめにロゴなどのオープニング画面が表示された後にページを表示する方法をまとめました。 LPやイメ […]
- 2021.08.21
- webメモ,
scrollTop()を使ってスクロール値を保持したままfixedボタン先のポップアップを開閉させる
scrollTop()を使ってスクロール値を保持したままfixedボタン先のポップアップを開閉させる タイトルが長くなってしまいましたが、タイトル通り画面をスクロールした時の位置を保持したまま固定ボタ […]
- 2021.04.20
- webメモ,
要素の数が変化しても指定した横幅に画像を統一する方法
要素の数が変化しても指定した横幅に画像を統一する方法 今回は、スマホなど端末のブラウザサイズが固定ではないときに便利な要素の数が変化しても指定した横幅に画像を統一する方法をご紹介したいと思います。 あ […]
20代30代年齢別比較！転職経験豊富なワーママの年齢別役立つ転職体験談！
前回転職の記事を書いている中で、自分の経験を踏まえながら女性ならではの転職体験談を年代別で書きたくなったので、こちらでご紹介したいと思います。 前回の転職サイト比較メインの記事はこちら！ 転職経験豊富 […]
転職経験豊富なワーママがおすすめ！転職サイトと転職エージェントと派遣サイトを徹底比較しました！！
私が転職を複数回経験した経緯 現在私は、短時間勤務の派遣社員として働いています。 正社員から派遣社員になった大きな理由としては、夫が多忙の為子育てを両立していく上で私の働き方をセーブする必要があると感 […]
- 2021.01.02
- 便利アイテム,
パソコンと繋げるだけで簡単スキャン！CanoScan LiDE 400は在宅ワークにおすすめです！！
在宅ワーク時必要になってくるスキャナー 在宅ワークが長くなってくると、書類やDM、手書き文章などをスキャンしてデータで送る必要が出てくる方もいらっしゃるかと思います。 私もたびたび現物書類をデータ化し […]
iMovieの基本的な編集方法と動画の容量を軽くして書き出す方法
かんたんに動画が編集できるiMovie 仕事やプライベートでも動画を編集する機会が増えてきました。 Webデザイナーでも、サイト内で使用する為支給された動画を簡単に編集したり、容量を軽くすることが増え […]
在宅ワーク（リモートワーク）歴３年！おすすめ便利アイテム一覧
在宅ワーク（リモートワーク）中に揃えたアイテム 在宅ワーク（リモートワーク）をはじめて3年目になりました。 これまで家で仕事をしていて揃えた便利アイテムを、おすすめ度を5段階別にしてご紹介したいと思い […]
- 2020.10.17
- webメモ,
汎用性の高いスクロールしてもついてくるヘッダーとハンバーガーメニューのテンプレート
スマホサイトで便利なハンバーガーメニュー 今回は以下の要件を満たしたハンバーガーメニューのついたサイトベースを作成しました。 スクロールしてもヘッダーがついてくる スクロール途中でもサイドメニューが開 […]
- 2020.09.13
- webメモ,
複数の変数を代入してさまざまな範囲の高さを取得する方法
可変する複数の高さを取得して合わせた高さを使いたい 可変するバナー画像の高さを取得するというのを以前まとめましたが、今回は可変する複数の高さを取得して、それぞれの高さを合わせる方法をまとめました。 以 […]
- 2020.09.12
- webメモ,
特定の要素までスクロールしたら表示される固定ボタン
特定の要素を過ぎたら表示されるボタン 特定の要素までスクロールしたら、ページ下部に固定されたボタンが表示される実装方法をまとめました。 スマホでもパソコンでも使えるように、画面トップからの距離ではなく […]
転職のたびに会社（事業主）の証明書をiDeCoに申請する必要があるのが不満
iDeCoを始めるべく予約してみずほ銀行へ ずっと始めたいと思っていたiDeCoを開始すべく、先日みずほ銀行へ予約して行ってきました。 初めはオンラインで書類をある程度準備しようと思っていましたが、書 […]
- 2020.06.10
- webメモ,
特定の位置までスクロールしたら消える要素の実装方法
ページ内スクロール時リンク先で要素を消す方法 ページ上部や下部に固定したバナー、ボタンなどがページ内リンク先まできたら消えるようにする実装方法を忘れないようにメモしました。 今回はページ下部の固定ボタ […]
- 2020.05.21
- webメモ,
jqueryで画像サイズを取得して別の要素に直接styleで記述する方法
jqueryで画像サイズを取得する方法 可変する画像を使用する際に便利 jqueryで画像サイズを取得して、別要素（今回はdevタグ）に直接styleで記述する方法をまとめました。 バナーだったり、可 […]
- 2020.04.04
- webメモ,
LION Mediaで更新日を表示させる方法（IcoMoonでウェブフォントを追加）
LION Mediaで使用しているアイコンを追加する方法 投稿記事の更新日をブログに表示したいなぁと思っていたのですが、ついつい後回しにしていました。 記事もだんだん増えてきて、以前書いた記事を更新し […]
- 2020.03.29
- webメモ,
マウスオーバーとオーバーレイのポップアップウィンドウ
マウスオーバーとオーバーレイのポップアップウィンドウって、サイトを作成していると良く使いますよね。 今回はCSSだけで実装できるマウスオーバーのポップアップウィンドウと、jqueryを使用したオーバー […]
- 2020.03.25
- webメモ,
ページ内リンクのスムーズスクロール（ページトップ）
LPなどでよく使用するページ内リンクのスムーズスクロールの実装方法をまとめました。 メニューをそれぞれのアンカーリンクへスムーズスクロールさせ、ページ下部にあるページトップへテキストリンクは画面上部へ […]
- 2020.03.25
- webメモ,
ページ上部で固定されるメニュー
今回は、固定したいエリアがページ上部に初めからある場合ではなく途中にあり、スクロース後ページ上部に到達した段階で固定される実装方法をまとめました。 上にメインビジュアルのあるメニューや、サブメニューを […]
ワーママの情報収集にはfeedlyがおすすめ
Feedlyってなに？ 育児や家事、仕事などタスクてんこもりの毎日の中で、皆さんはどのような方法で情報収集を行なっていますか？ 最近はSNSのタグ検索などで情報を収集している方も多いと思います。 私も […]
- 2020.01.21
- webメモ,
長辺を100%で画像を縦横中央に配置するCSS
さまざまな比率の画像を同じサイズにレイアウトする際に、長辺側を100%として縦横中央に配置するCSSを作成しました。 一覧ページのサムネイル画像をレイアウトする時などに役立ちますね！ その他に、短辺側 […]
- 2020.01.18
- webメモ,
定義リストを表のようにするcss（高さを揃えてテキストは縦中央揃え）
定義リスト（dl,dt,dd）を表のような見た目にする マークアップをしていると、定義リスト（dl,dt,dd）を表にしたいときってありますよね。 今回は定義リストを表のような見た目にし、見出し側dt […]
- 2019.12.14
- webメモ,
Swiper.jsを使ったサムネイル画像付きのスライダーの実装方法
スライダーが簡単に実装できるSwiper.js 簡単にスライダーが実装できることで有名なSwiperですが、サムネイル画像付きで自分の思い描いていた動きを実装するのに少し苦労したので、忘れないようにこ […]
- 2019.12.11
- webメモ,
グラデーションをスマートに記述するmixin
グラデーションをCSSで実装する時って、各ブラウザに対応しようと思うとコードが長くなっちゃいますよね😖 いつも使うこのmixinは一行書くだけで横から縦からのグラデーションが簡単にかけちゃいます！ ボ […]
- 2019.11.16
- webメモ,
可変するヘッダ固定バナー（jsで高さを取得する方法）
スクロールしても、常に画面上に固定で表示されているヘッダメニューの実装はよくありますが、固定バナー（画像）の実装方法があまり紹介されていなかった（気がした、、、）のでここで自分メモ用に残しておきたいと […]
- 2019.09.12
- webメモ,
cssだけで作るリボン（枠から上に少し出たレイアウト）
枠から上に少し出たレイアウトのリボンって、プレゼント枠だったり注目してほしい時など結構使うことがあります。 毎回一からコードを書くのが面倒なので自分用のメモとしてまとめました。 このリボンはリボンの端 […]
- 2019.06.29
- webメモ,
実践でよく使う擬似クラスなどのセレクタまとめ（自分用メモ）
動的な実装を行う際は、HTMLの改修やパーツの使い回しが良く発生しますので、できる限りHTMLは統一させておきたいものです。 そんな時に擬似クラスはめちゃくちゃ使えますね！！ Web業界にすでに15年 […]
- 2019.05.31
- webメモ,
切り替えたタブの背景色が違うタブの切り替え（テンプレート）
タブの切り替えもデザインやマークアップをしていてよく遭遇しますよね。 今回は自分のメモ用として応用しやすいタブの切り替えテンプレートを記事にまとめておきたいと思います。 デモページはこちら DEMO […]