自分の経験をシェアしたい。Webデザインのテクニック&効率化。

: jQueryのaddClassで複数のclassを追加する方法

2016/10/9

下記のようにスペースで区切れば、複数指定できます。 $('div).addClass('btn btn-default btn-lg'); 簡単ですが、使う機会もなかったので知りませんでした。。。

jQuery

: iPhoneのミュージックで左右の音のバランスを調整する方法

2016/10/2

新しいイヤホンを買ったら、左右の音のバランスが悪く、iPhoneのミュージックで音楽を聴くと、左側からボーカルが聴こえてくる状態でした。 iPhoneのミュージックで左右の音のバランスが悪い場合に調 ...

iPhone

: CSSのflexプロパティで右寄せ、左寄せ、中央寄せにする方法

2016/9/30

CSSのflexプロパティを使うと、均等配置や順番の指定などができ便利ですが、 floatのように、右寄せ、左寄せにしたい場合もあります。

CSS

: Magnific PopupでYouTubeに関連動画を表示させない方法

2016/9/28

Youtube の動画をLightboxのようなモーダルウィンドウで表示できるMagnific Popup。レスポンシブ・デザインに対応しているので便利です。 Magnific Popup Magn ...

Javascript

: 3分で設定完了。コピペでできるgulpでCompassのコンパイル

2017/10/15 gulp

gulpでCompassのコンパイルを、コピペで済ますようになって、最初の設定が3分で済むようになりましたので、いつもやっている手順を紹介します。 2017/10/16　browser-sync追記 ...

CSS gulp

: MacBookAirで左クリックのみが反応しなくなった場合の対応

2016/9/4

MacBookAirをメインマシンとして利用していますが、時々、画面が一切クリックできなくなる症状が発生していました。今まで電源ボタンを押して強制終了し、再起動したら治っていたのですが、今回は、何度 ...

Mac

: 無料通行分に還元されるETCマイレージサービス

2016/8/28

最近、高速道路に乗る機会が多くなりました。何度も乗ると、高速道路の料金は痛い出費です。少しでも、安くなるようにしていますが、ETCにもポイントサービスがあることをしりました。

ライフハック

: クレジットカードの後払いが苦手な人に便利なカード

2016/8/23

私は、クレジットカードは、ネットでの買い物専用です。未だに、実店舗で使ったことはありません。クレジットカードを使う人はわかるでしょうが、一番の弱点は支払いが後と言うことです。

節約・お金・貯金

: Webデザイナーが一週間の仕事の効率を上げるためにやりたい月曜の仕事前の習慣

2016/8/21

月曜の朝仕事に行くと、データの整理をするようにしています。これをやるかやらないかで、一週間の仕事の効率が大きくかわります。

仕事効率化

: ビジネス・実用書好きはコスパがいいAmazon Unlimited

2016/8/17

Amazon Unlimitedのサービスが始まり2週間ほど経過しました。サービスインから使い始めての感想は、980円で読み放題なら、ビジネス・実用書好きには、「コスパがいい！」ということです。

本

: Macのモデル名にある「Early」、「Mid」、「Late」で発売時期を確認する

2016/8/15

Macの型番が知りたいと思った場合は、画面左上の「」をクリック＞「このMacについて」＞「概要」で、名前とオペレーティングシステムのバージョン、モデル名、シリアル番号などが表示されます。 ...

その他

: 「好まれる性格」「好まれない性格」トップ10がわかりますか？

2016/8/7

人から好かれたいと思いませんか？友人や同僚など多くの人から、好かれて、ストレスなく良好な人間関係を構築すると人生が楽しくなります。では、どのような性格が好かれるかわかりますか？ゆうきゆう著「「な ...

ライフハック

: Amazon Primeで注文した場合福岡市内へは配達はいつ届いたと思いますか？

2016/8/6

Amazon Unlimitedを試すに際して、Amazon Primeに入会し、Kindle Fireを購入しました。 Amazon Primeで福岡市内どのくらいの時間が必要か、Googleで調べ ...

ライフハック

: Amazon Unlimitedで読めるおトクなWeb/デザイン関連本

2016/8/4

Amazon Unlimitedのサービスが始まりました。 Web関連の本の価格の高さに悩んでいたところに、月額980円で読み放題なんて、夢のようです。 Amazon Unlimitedはじめるか迷っ ...

WEBデザイン

: 手書きでメモすることのメリット

2016/8/3

一枚のメモのは、どんな天才の記憶力にもかなわない昔、誰の言葉かわかりませんが、この言葉を聞いてからメモをするようになりました。（誰が言ったか、ネットで調べてもでてきませんでした(^^;)）

Webデザイナーの仕事術

: クライアントの思いを形にする

2016/8/2

今まで数百のWebサイトを制作してきましたが、いつも心がけていることがあります。それは「クライアントの思いを形にする」です。

Webデザイナーの仕事術

: できないと諦める前に知識をつける方法

2016/7/17

デザイナーやコーダーになって新人が最初にあたる壁が、「センスがない」「私には向いてないのではないか？」と思うことです。大半の人は、「好き」や「やってみたい」と思ってはじめます。しかし、大量の情報を ...

WEBデザイン仕事効率化

: コーディングの前にCSSの命名規則を紙に書いてみる

2016/7/16

CSSで一番迷うのが、ネーミングです。初心者はクラス名を、その場その場で考えがちで、後から破綻しがちです。頭の中でなんとなく決めていても、やはり破綻してしまいます。更新や改修をかけていくうちに破 ...

CSS

: 100種類以上のGoogleのアイコンがつかえる。Material icons

2016/7/16

アイコンを作成するのは大変ですよね。特に大量になると、時間も手間もかかります。そんな時に便利なのが、Googleの「Material icons」です。下のアイコンは、すべてWebフォントです。 ...

アイコンコーディング

: 量が質を生む

2016/6/21

20年ほど前、ある日本人の映画プロデューサーが、予算が10億あったら、ひとつの映画に10億使うのではなく、1作品1億の予算で10作品作ると言っていました。

新人向け

: コピペするだけのCSSアニメのジェネレーター「WAIT! Animate」

2016/5/12

WAIT! Animate アニメーションは、CSSの方がスピードも速くていいのですが、面倒なのがCSSの指定方法です。そんな場合に簡単に、CSSアニメーションを作れるのが、「WAIT! Anima ...

CSS

: いやされるかわいさの「Simple animating emotions.」

2016/5/9

See the Pen Simple animating emotions. by Misha Heesakkers (@MishaHahaha) on CodePen. Simple animati ...

CSS

: 気持ちいいローダーの参考になる「Spring Loaders」

2016/5/9

Spring Loaders ローディングは、後回しにして、ついついありきたりなものを作りがちになってしまいます。そんな時に、気持ちいいローダーの参考になるのが「Spring Loaders」です。

WEBデザイン

: 制作に疲れると首をあたためると気持ちいい

2016/4/28

気合いで制作できた若い頃と違い、ここ数年は体調管理に気をつけるようになってきました。おかけで、今年は風邪もひかずに皆勤しました。体調の中で、特に気にかけているのは睡眠。制作業に携わる人は、睡眠時 ...

その他

: これは便利！ソースとプレビューが見られる「Bootstrap 4 Cheat Sheet」

2016/4/23

Bootstrap 4 Cheat Sheet レスポンシブや効率的にコーディングする場合に便利なBootstrapのチートシートです。ソースコードとプレビューがでるので便利ですね。

CSS

: Sublime Textで一行ごとにタグで囲む方法

2016/4/3

長文テキストを流し込んだり、リストタグで囲む場面がよくあります。 Sublime Textで一行ごとにタグで囲む方法です。

コーディング

: グラフが描画できる「CHARTIST.JS 」

2016/3/28

CHARTIST.JS 普段、グラフの描画は、画像が多いかと思います。動的にグラフを生成する場合には、結構困ることがあります。「CHARTIST.JS」は、 SVGで描画するライブラリです。 EX ...

Javascript

: 無駄な悩みを減らして、仕事に集中する方法

2024/1/8

普段生活している上で、出勤前に「何を着て行こうか？」昼休みになると「何を食べようか？」など、些細な悩みは多いと思います。

仕事効率化

: わずか1分でできる翌日の仕事をスムーズに進めるための方法

2016/3/21

帰宅途中や寝る前に、「明日これをしなければ！」と思い出すことはありませんか？

仕事効率化

: 仕事をうまく回すには、気をきかせる

2016/3/21

デザインやコーディング、プログラムなどは、技術があり効率化すれば、仕事が早くなります。しかし、それだけでは、どうしても限界があります。

仕事効率化

« Prev 1 2 3 4 … 7 Next »

プロフィール

KIYOTA
Webデザイナー / ウェブ解析士

デザインとコーディングと制作現場が大好きなWebデザイナー（Webデザイナー歴21年 2023年現在）
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。ウェブ解析士。

@iclippinさんをフォロー