この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール87個をまとめています。なお、新しいツールを随時アップデートしています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問題を瞬時に解決することを目的に作成された便利なツールが揃います。 Web制作に活用したい最新ツールと合わせてチェックしてみてはいかがでしょう。 これだけあれば困らない!Web制作を快適にする最新オンラインツール48個まとめ Web制作�の面倒�な作業をラクにするCSS便利ツールまとめ CSS box-shadow Examples さまざまなサイトで実際に使われているCSS box-shadowを集めているライブラリ。お好
TL;DR まあぜんぜん最強ではないですが、自分好みの配色 Web サービスをつくってみました yum-yum COLOR 個人で公開まで作りきったのは初めてでしたので、色々とつまずきました そんなつまずきポイントや、 Web サービスを公開するために利用した技術などを紹介していきます ❗ なぜ配色サービス ❓ 色彩検定という資格をご存知でしょうか? 僕はプログラマーなのに 色が好き で、この試験を受検しました。 その学習をしてる時にこんな風に思ったのです。 この色相環、これを使って配色選べたら便利じゃない? あっ、このトーン、これを使って配色選べたら便利じゃない?? と。 受検勉強の追い込みをしないといけないのに、そっちのけで作り始めてしまった...というわけです (一時はどうなるかと思いましたが、無事に検定は合格しましたよ 🎉 ) どんなサービスなの ❓ 使い方 色相環 と Hue
ドメインのWHOIS情報が検索できます。「http://」が含まれていてもOK。調べたいURLをそのまま検索して下さい。
ダイソーで売ってる300円のコンロwwwwwwwwwwwwwwwwwww 2017年08月25日07:00 カテゴリ調理器具・家電アウトドア 1: 風吹けば名無し@\(^o^)/ 2017/08/23(水) 23:43:43.80 ID:dOVab8M90 有能過ぎる 1時間は燃えるから十分 15: 風吹けば名無し@\(^o^)/ 2017/08/23(水) 23:47:39.62 ID:cMBYi2XA0 コンロじゃない定期 24: 風吹けば名無し@\(^o^)/ 2017/08/23(水) 23:48:50.77 ID:dOVab8M90 >>15 コンロやぞ こちらもおすすめ スポンサード リンク 64: 風吹けば名無し@\(^o^)/ 2017/08/23(水) 23:55:06.31 ID:0pqqq1Wip >>24 ええやん ベランダBBQとかすんごい便利そう 58: 風吹け
Macで文字入力の効率アップ!Controlキーを使用するキーボードショートカット11選 活用することでキーボードのホームポジションから指を大きく動かすことなく、カーソルの移動が可能 Macで意外と知られていないのは、controlキーの活用。controlキーを使いこなすことで、キーボードのホームポジションから指を大きく動かすことなく、カーソルの移動が可能だ。 物書きは当然のこと、文字を入力する人なら覚えておいて損はしない。キーボードショートカットは覚えるまで訓練が必要だが、身体に染み付くと作業スピードの向上を実感できるだろう。本記事ではMacで文字入力の効率がアップするControlキーを駆使したキーボードショートカットをまとめた。参考にしてもらいたい。
その他のスクリプト: テキストでちょっと便利 パスでちょっと便利 その他にちょっと便利 画像でちょっと便利 フォルダ一括でちょっと便利 このサイトのスクリプトは お役に立ってますか? 皆様からの動作報告、ご意見やご要望などをお待ちしています。 「これがうまく動かない!」「こういう風に動作するように改良してほしい!」「こんな事ができるスクリプトが欲しい!」などなど、お気軽にこちらの送信フォームからお送りください。 メッセージ送信用の ウィンドウが開きます。 ここからは、メッセージ以外の情報(メールアドレスやIPアドレスなど)は一切送信されません。単に「使ってるよ」という意味で空メッセージを送っていただくだけでも喜びます。お気軽にどうぞ。 (「web拍手」の配布スクリプトを使わせていただいています) 免責事項 これらのスクリプトは無保証です。お使いになってどのような損害が生じたとしても責任はと
このページにあるスクリプトはアップデートを行っていません。最新のスクリプトファイルは 新しいダウンロードページ https://onthehead.com/ais/#text からダウンロードください。 Add Texts は、選択したテキスト群に、テキストや連番を追加するスクリプトです。 Add Texts 実行イメージ 選択したテキストオブジェクトに、接頭辞や接尾辞を追加できます。追加するテキストには、文字列や連番を指定することができます。 連番は、開始させたい数字を入力します。連番部分に6と入力すれば、6, 7, 8, 9, 10… のように、6から始まる連番が割り振られます。 ゼロパディングにも対応しているので、06 と入力すれば、06, 07, 08, 09, 10… といった具合に、頭をゼロで埋めた数字を追加します。006 と入力すれば、006, 007, 008, 009,
Sound Gatorはさまざまな音を無料でダウンロードできるサイトです。 たとえば、レストランのがやがやした音や、小銭をジャラジャラしたときの音、金属音などたくさん揃っています。 さらにそれらをMP3形式でダウンロードすることができますよ。 普段何気なく聴いている音をMP3でほしいときに便利です。 以下に使ってみた様子を載せておきます。 まず「Sound Gator」にアクセスしましょう。 登録は必要ではありませんが、登録しないとMP3ダウンロードはできません。 カテゴリごとにわかれているので、探すのも便利です。 その場で音を試聴できますよ。 埋め込み用のコードもあります。 ログインすればMP3形式でダウンロードできますよ。 普段よく耳にするありきたりな音ですが、 いざ音声ファイルでほしいと思ったときは探すのに苦労しそうですね。 このサイトを覚えておくと便利かと思います。
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
「すごい…」「こうやって世の中は便利になるんや!」――セルシスの創作活動支援サイト「CLIP」で、高品質なサラダの絵を一瞬で描けるブラシ素材が話題を呼んでいます。話題の発端となったCLIP STUDIO PAINT向けの「サラダ素材集」は現在メンテナンス中(追記:12月26日現在は復活)ですが、IllustStudioやComicStudioで利用できる「サラダマルチ」を見ればどんなモノなのか分かりますよ。 ブラシのストロークに合わせて、サラダの具材が勝手に描かれる!! ヤバイ!!!! なんということでしょう!!!! 同ブラシを使うと、ベビーリーフ、プチトマト、アボカド、赤タマネギ、クルトンといったサラダの具材のイラストを、スタンプ感覚でキャンバスに描き込んでいけます。ひと筆描くだけで、ポポポポーンと葉っぱやプチトマトが描かれていき、あっという間に山盛りのサラダが描けてしまうというわけ。す
WordPressで複数の画像を横並びにしたいならWPCanvasプラグインが便利すぎた!2014.11.09 WordPressでブログ記事を書いていると、複数の画像を横並びにして表示させたいケースがあります。当ブログでは今までCSSで調整したり、テーブルを組んでからラインを消したり、相当の労力をかけて表示を試みていました。(これが本当面倒くさい・・) しかし、WP Canvas – Shortcodes プラグインを使うようになってからは、記事内に任意のカラムを簡単に指定することができます。 このような ⇒ 理論派 vs 感情派 の8つのブログ運用談義コンテンツも短時間で作れるようになりました。 ここでは、1分程度で2枚の画像を横並びにする工程を解説します。私のようにCSSやhtmlが苦手だったり、まったく分からない方にはとても便利ですね。 WP Canvasの設定方法① カラムを選択
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く