kannart WEB HACKS ← カンナートの社員がWEB制作の過程で「発見したこと」「便利だと思ったこと」を不定期にお届けします。

横スクロール時にはみ出した要素の幅が無くなる問題を解決する

6月

20

2019

こんにちは！「いまだにママにお弁当を作ってもらっている」でおなじみ、アラサーコーダーの愛はらです。 ※会社の人達には自分でお弁当を作っていることにしてるので、くれぐれも内緒でお願いしますよ！！さて ...

WEBエンジニアなら知っておいて損はないChromeデベロッパーツールの豆知識5選

6月

13

2019

Google Chromeのデベロッパーツールは、今やフロントエンド開発において欠かせないツールになりました。今回は、近年のアップデートで追加された便利な機能についていくつか紹介させていただきます。 ...

絶対にオススメできるVisual Studio code拡張機能 10連発

5月

31

2019

こんにちは、SDです。 VScode、良いエディターですよね。私はAtomからの移行だったのでまずその軽さに驚きました。拡張機能もどんどん増えてきていて、ますますその勢力を強めつつあります。 &n ...

Google chrome 機能拡張の紹介 – imgLIST

1月

31

2019

こんにちは、WebデザイナのKaです。今回は、拙作のchrome拡張「imgLIST」を紹介します。 https://chrome.google.com/webstore/detail/imglis ...

Google Analyticsの使える機能②

1月

25

2019

こんにちは、チェリーです。インフルエンザが流行していますね。みなさん体調を崩していませんか？チェリーは少し風邪気味です。。体調管理には十分気を付けてください。さて、前回はユーザーの行動を知るた ...

誰でも簡単！PHPのデバッグ環境の整え方（ステップ実行可能）【VisualStudioCode】

1月

18

2019

どうも皆さんこんにちは。システムチームのSDでございます。皆さん、PHPのデバッグってどうしてますか？ var_dumpやprint_r、はたまたechoを使うというのでも十分な場合はあるでしょう。 ...

未経験の文系がプログラマになるには

12月

13

2018

はじめまして！新入社員のSDです。今年9月からシステムチームとして採用していただき、日々プログラマとして修行しながら開発しています！実は私、カンナートに入るまでWeb業界は全くの未経験でありプログ ...

PhotoShop CC 2019のバウンティングボックス新機能を元に戻す方法

11月

28

2018

こんにちは、WebデザイナのKaです。先日更新されたAdobe CCで、使いにくくなったPhotoshop CC 2019 のバウンティングボックス変形の操作方法を元に戻すやり方がAdobe Hel ...

jQuery タブ切り替えを作るその１（基本）

11月

5

2018

こんにちは、デザイナーのKaです。今回も、jQueryですぐに使いそうなサンプルコードということで、「タブの切替え」を書いていきたいと思います。 XHTML <main> <nav ...

【かんたんjQuery】クリックした要素を変えてみる

10月

2

2018

こんにちは、デザイナーのKAです。今回は、jQueryですぐに使いそうなサンプルコードを書いていきたいと思います。地味だけど、意外と使うのがクリックしたら画像が切り替わるという仕組みです。 jQu ...