CSSIT系おじさんのチラシの裏2018年10月~プロフィールAUTHOR:とっちら書きたくなったときに書きたいことを書く雑記ブログ。IT系のネタが多いかも知れません。11:57とっちら1年前の記事に助けられました。14:28とっちらこの記事のお陰で60分録画できるようになりました。16:01とっちらライセンスを明示して貰えると使いやすいのですが。14:37ご回答いただきどうもありがとうございます。21:56とっちら超初心者です。統計情報お問い合わせ当サイトの記事にはアフィリエイト広告のリンクが含まれる場合がありますCSSCSSとJavaScriptでスワイプ操作にも対応した簡単なスライドを自作するどんな記事に需要があるのかなぁ、とアクセス解析を眺めていたらJavaScriptを使ったスライドショーの自作記事へのアクセスが案外多くてちょっと驚いています。あれは自動再生にしか対応していCSS22022-04-22簡単なJavaScriptとCSSで横並びプルダウンを自作するWeb上の入力フォームにおいて、よく使われるプルダウンのお話です。先日も、「PHPで日付の表記ゆれを修正する例」で選択肢が多い場合のプルダウン※の使いづらさについて少し触れました。※VCSS02022-01-28CSSでドロップダウンメニューを作るたぶん一番簡単な方法サイトのコンテンツ量が増えてくるといくらメニューを整理しても、いや、むしろメニューを事細かに整理するほど、メニューツリーは深く複雑になっていきますよね。最近ひさしぶりにHTMLのフォーム要素でカラーピッカーを実装したのですが、その際にUIが変わっていて一瞬パニックになりました。以前、「CSSで左右/上下の両矢印を描画し、幅も自動調整する」という記事ではCSSを使い、幅やサイズの解説などに便利な両端に矢印が付いた線の描画をしましたが、今回はそういう矢印ではなく、クリックしたくCSS02020-07-28CSSだけで数珠つなぎに無限ループするニュースティッカーを作ってみるお知らせ等の短い文章をテロップのように横スクロールして表示するCSSサンプルです。ニュースティッカーのテスト1CSS02020-07-27CSSで左右/上下の両矢印を描画し、幅も自動調整する先日、「CSSだけで両矢印と上に重ねるテキストを描いてみる」と題して左右の両矢印「↔」をCSSだけで描いてみました。やっつけで作ったこともあり、幅の指定をしないといけない点が気になってCSS02020-07-09CSSだけで両矢印と上に重ねるテキストを描いてみる幅とか期間の指定に両矢印「↔」ってよく使うじゃないですか。画像で用意しても良いんですけど、CSSでやってみようかなーと思って作ってみました。通常は折り返されるような長い文字列を途中でカットして三点リーダーを付けてくれるtext-overflow:ellipsisって便利ですよね。Insightsのスコア上昇のためにも、SVGを直接埋め込むのが流行っているみたいですね。HTML中にimgCSS22020-06-12CSSのflexで画像をタイル状に中央寄せで並べつつ最後の行だけ左寄せにしたいフラットなデザインが好まれる昨今、写真やコンテンツを四角いタイル状に並べることって多いと思うんです。レスポCSS02020-06-08CSSでLINE風のふきだしを出来るだけシンプルに作ってみる雑記ブログなので、それほどコメントやメールは頂かないのですが、最近「CSSで画像の好きな位置を円形にトリミングする方法」と「JavaScriptで1文字ずつ表示するサンプルをドラクエ風に作ってみる」とCSS02020-05-07CSSで円形の画像と吹き出しを並べて表示する前回の記事「CSSで画像の好きな位置を円形にトリミングする方法」では画像の任意の位置で円形に切り抜いてTwitterやLineのアイコンみたいなモノを作ってみました。CSS02019-07-20CSSで画像の好きな位置を円形にトリミングする方法Twitterアイコンのように写真を丸く切り抜く必要に迫られたのですが、まぁそのくらいCSSで簡単に出来るやろ(鼻ほじ)と余裕かましていたら、ちょっぴりハマったので、備忘録としてφ(..)メモメモ。画像加工って面倒ですよね。とっちらか~るTOP。