» 【コーディング】個人的に使ってる、オンラインツール5選|ホームページ制作・運営からWEBデザイン、ウェブサイト企画作成を行っている名古屋市のホームページ制作会社「ABABAI」

【コーディング】個人的に使ってる、オンラインツール5選

スタッフブログ

  • 2018.06.19

    【コーディング】個人的に使ってる、オンラインツール5選

    顔アイコン

    どすこーい!!

    いつもお世話になっております。
    真面目系コーダーアババイ中原です。

    I am crazy about music. Happy fat bearded man is touching headphones and laughing. He is looking at camera with excitant while standing on roof on party. Portrait

    早速ですが、コーディング楽しんでますか!?

    今回は、博士こと私、中原が使っているオンラインツール5選の紹介です。

    1

    主に、Boxに影をつけたい時や、テキストに影をつけたいに使いますね!
    テキストシャドウは shadowを追加する で増やすことも可能で

    大見出しに、白いモヤモヤした影を付ける時などは、重ねます。

    akuma_shadow

    ■ 全角カタカナ→半角カタカナ 様

    http://zerothree.sub.jp/php/mbckana/

    4

    デザインのカタカナが全角カタカナ!!?
    「」も全角!!?

    bikkuri_me_tobideru_man

     

    手打ちで直す前に半角カタカナに・・・
    意外に使う・・・

    ■ 鬼ツールズ 様

    http://www.oni-tools.com/tools/em2en

    3

    空前のwebフォント時代!!

    だけど・・・

    デザインでは GALLERY で大文字なのに
    コピーしたら 小文字の gallery じゃっん!!

    kenka_couple

    ってな時に使います。

    ■ css 2 sass/scss CONVERTER 様

    http://css2sass.herokuapp.com/

    6

    scssファイルが納品されてない!?
    やりづらいかなら、css よ 再び scssになっちゃえ!
    ※デンカに教えてもらった

     

    sampl1

    ■ テキスト処理ツール 様

    https://so-zou.jp/web-app/text/html/list/

    2

    デザインの文字列から一気にリストタグへ
    手打ちと比べミスが、かなり減るのでおススメ

     

     

    これで、上司・部下の好感度もうなぎ登りだぜ!!

    ( ゚∀゚)アハハ八八ノヽノヽノヽノ \ / \/ \

    以上、真面目系コーダー中原でした。

     

    おしまい

    フェイスブックシェアボタン

名古屋で1番真面目なウェブ会社!! ABABAI お電話でのお問い合わせはこちら

メールでのお問い合わせ リンクボタン

カレンダー

2018年7月
« 6月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

MENU

求人情報本社・広島オフィス

お問い合わせ

ページの先頭へ

お問い合わせ

閉じる

アババイめちゃ凄いこと

建築会社に選ばれる5.5の理由

制作実績

お客様の声

スタッフ紹介

代表挨拶

新着情報

会社概要&アクセス