コーディング時にテキストを縦書きで見せたい箇所があったのですが、どうせならこれもCSSだけで実装できないかと探してみました。
JavaScriptで実装した事例は過去にもあったのですが、やはりもっとお手軽に実装できるとありがたいので。
アットスタッフがWEB制作の備忘録から雑談まで色々な情報を配信中
コーディング時にテキストを縦書きで見せたい箇所があったのですが、どうせならこれもCSSだけで実装できないかと探してみました。
JavaScriptで実装した事例は過去にもあったのですが、やはりもっとお手軽に実装できるとありがたいので。
自社で販売する商品やサービスなどを、自社ホームページでたくさんの画像を載せて紹介している方は多いと思います。
実際、ほしいものをなどを探す際には、画像はたくさんあると非常にありがたい!
…のですが、ページに画像をたくさん乗せると、今度はページが重くなってしまう。
業者さんに任せる事ができればいいですがお金もかかる、
自分でやろうとすると、画像の加工が手間で…
そんな時におすすめな無料サービスを見つけたので、ご紹介します。
まあ今更ですけども、ご存じない人もやっぱりいるみたいですので、今日はこれをご紹介します。
iPhoneを使用している人なら経験があるかもしれませんね。
iPhoneのカメラで撮影した画像をアップしてみたら、なぜか横向いている…と。
写真をきれいに順番にフェードインさせて表示させたかったので、色々スクリプトを探していたら、すごくお手軽に実装できそうなスクリプトを見つけたので、ご紹介します。(jQueryは読み込んでおく必要があります)
お手軽に実装できるって、良いですよね!
読み込むファイルも少なくて済みますし。
css3がすっかり定着した中、結構基本的な事ですが、やっぱり使っていて便利に思うので、ご紹介しておきます。
このブログは備忘録なので、ビギナーコーダーの為にも簡単、些細な事でもご紹介していきます。
クライアント様からいただいた、サイトに載せる様の画像のサイズがちょっとバラバラだったので、画像をきれいに並べられないものかと調べてみました。
なるべくお手軽に実装できないかと調べてみたところ、CSSだけでの配置を紹介してくれているサイトがあったので、それに倣って設定してみました。
以前、画像にちょっとした動きをつけて目を引きたかったので、CSSで簡単な動きをつけて見た事があったので、メモしておきます。
マウスオーバー時に要素の下にラインが走るエフェクトが面白かったので、実装しようとしたら、なかなかお手軽に実装できるようなので、ご紹介します。
cssだけで6角形ボタンを作りたかったので、調べてみました。
色々方法はあると思いますが、今回はこちらのサイトを参照しながら、少しカスタマイズしてみることに。
アットクリエイトスタッフのスタッフブログを始めました。
デザインやコーディングなどの技術的な事からお役に立ちそうな情報まで、
様々な情報をたぶん…どんどん配信していきます。
よろしくお願いします。