【CSS】「これどうやる？」アップルやテスラのWebレイアウト再現テクニック集 - PhotoshopVIP

2022/07/15 551 users Twitter PhotoshopVIP NIKE テスラ

AppleやNike、Teslaといった誰もが知る大企業のWebレイアウトを、CSSで再現するテクニック集がTwitterで投稿され、話題となっています。 CSSのみで表現できる目からウロコのテクニックが中心で、あの驚くようなエフェクトも実はシンプルな数行のコードで表現されていたりします。 コピペできるCSSコードと一緒に、デモサ... 続きを読む

2分間コーディングのすすめ、コードを書く習慣のハードルを下げる

2021/03/28 631 users コーディング作業 ハードル 最初 サンプルコード 習慣

最近私は「2分間コーディング」と呼んでいる取り組みを行っています。文字通り2分間で完了する程度の、非常に簡単なコーディング作業を繰り返すことで、 技術書の最初のページの数行のコードだけ写経して走らせる ネットで見つけたサンプルコードをコピペして走らせる など、多くはコピペするだけで終了するくらいの作業... 続きを読む

JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく

2016/02/03 694 users パラメータ ライブラリ ウェブ 類似 グラフ

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「 CanvasJS 」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご... 続きを読む

CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips | コリス

2015/11/04 581 users カンマ区切り コリス デバイス テクニック CSS

リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub CSS Protipsは前回紹介した時（紹介記事）から倍近く量が増えているので、改めて全項目を紹介します。 CSS Pr... 続きを読む

わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ！ | シェアしたくなる最新のWebサービス・ITニュース情報をチェック！ APPGIGA!!（アプギガ

2015/07/29 807 users APPGIGA エディタ ヤバイ Adobe製 0310lan

どうも、まさとらん（@0310lan）です！ 自分のWebサービス・アプリ内で、本格的な「画像編集」の機能を持ったツールを組み込んで使いたい人に朗報です！ 数行の「JavaScriptコード」を追記するだけで、Adobeが提供する画像編集に必要な機能全部入りのエディタが、自分のWebサービス上で使えるツールをご紹介いたします！ 【 Adobe Creative SDK 】 もともとは、「Aviar... 続きを読む

【翻訳】それでも独自のCSVを書くつもりですか？ | POSTD

2014/11/12 584 users コンマ POSTD 改行 CSV フィールド

あなたは自分でCSVを書いてみたいですか？　フィールドはコンマで区切り、行は改行で分けます。簡単ですよね。数行書けば勝手が分かるというものです。 でも、ちょっと待ってください。 フィールド内にコンマがある場合は？ ダブル […]あなたは自分でCSVを書いてみたいですか？　フィールドはコンマで区切り、行は改行で分けます。簡単ですよね。数行書けば勝手が分かるというものです。 でも、ちょっと待ってくださ... 続きを読む

一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ - jsdo.it - Share JavaScript, HTML5 and CSS

2011/07/21 2061 users display 一夜漬け Box jsdo.it なか

jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、何を勉強したらいいのかがだいたいわかる！（はず） display:boxを使ったレイアウト CSS3の数行で作る簡単な3カラム... 続きを読む

CSSでアイコンをデザイン - Weblog - hail2u.net

2011/03/03 770 users グラデーション View Demo 万能 Weblog 背景

ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。View demo: Design icon with CSSul li a ... 続きを読む

内田樹の研究室 学習障害性ナショナリスト

2006/08/16 2115 users 内田樹 隣国 研究室 靖国参拝 文藝春秋

話は分かったみなまで言うな　- Je te comprends bien; il n'y a pas a raconter en detail 学習障害性ナショナリスト 小泉首相が任期最後のパフォーマンスとして靖国神社に参拝した。 首相の靖国参拝については、以前、『文藝春秋』のアンケートに書いた数行に私の意見は尽くされている。それを再録する。 「隣国と正常で友好的な外交関係を維持することは重要な国... 続きを読む