Xの初学者のポストにて古の手法を教わっている方をよく見かけるので、2024年現在そのCSSテクニックはもう古いってものをいくつか列挙しました。 ブロックのセンタリングに margin を使うなら margin-inline:auto を使いなさいmarginを使ってブロックのセンタリングを行う際によく教わるのはmargin:0 autoあるいはmargin:autoでしょう。
水鳥製麺所 @mizutoriseim 愛知県豊橋市にある直売所がある製麺所です😊 父親の家業を継いで早30年‼️特徴は国産小麦を中心に使い全国でも珍しいねり鉢を使った手打ち麺🍝さらに冷凍麺はこれまた珍しいリキッド冷凍という瞬間冷凍済みです🍜定休日は日曜日😊直売所の営業時間はAM11:00〜PM17:00まで😊 doumimen.shop-pro.jp 水鳥製麺所 @mizutoriseim おはようございます🌞 "餃子の皮の残皮" 餃子の皮を製造する際に必ず発生する残皮💁 一回の作業で完成品が5.1キロ、残皮が3.6キロ発生😳 今迄、この残皮を使って様々な加工品を作りましたが、中々全てを加工しきれません😅 原材料が高騰する現在、当店の早急に解決しなければならない問題点です🧐 pic.twitter.com/8L6V0Wpcsk 2023-11-01 05:40:50
日本のウェブサイトを分析して見えた偏り 海外で普及しているサイトの特徴は、ミニマルなデザインと大きな画像があることです。一方、日本のサイトはカラフルで画像が多く窮屈に見えるとサブリナ氏は指摘しています。言葉を濁していますが、有り体に言ってしまえば、彼女から見ても「日本企業のサイトはダサいものが多い」ということです。 実際のところ、日本のサイトにはどのような傾向があるのでしょうか?そこでサブリナ氏は、200カ国にわたるウェブサイトのスクリーンショットを2,671枚集め、AIに分析させることにしました。分析方法は、各ウェブサイトのスクリーンショットの最も目立つ特徴を抽出し、その特徴をt分布確率近傍埋め込みという統計的な次元削減手法で比較します。 この分析を行うことによって、AIがウェブサイトのスクリーンショットをどのように整理し、グループ化しているかを確認することができます。スクリーンショット
オーディション完全制覇!タカシの演技備忘録 ココロザシ・タカシです。俳優やモデルやってます。 プロの「演技技術」を、いろいろと自分の備忘録的に書いていきます。 ドラマなどで印象的な「演技技術」があったらそれについても。 さて、つらつら書いてきたプロの演技「7つの基本フォーム」に対しての自分なりの解釈。 間違って理解している所もあるかもしれないけど、すべて自分が日々実践し、仕事に活用し、その中で体感してきたこと。 ついに最後の第7のフォーム「画作り」になりました。 さてではまず、「画作り」とはなんぞやってことで、ここはにレッスンのテキストを引用してみる。 画作り(えづくり)とは、元々カメラマンの用語で、ただ写真を撮るのではなく、「意図的に」狙った効果を出すために、構図や色調を考えることをいいます。 演技の「画作り」は、そのカメラのフレーム(または舞台のプロセニアムアーチ)の中に、どのように人
※今回はほぼ実話です。 システム開発会社勤務 プログラマーワイ ワイ「さあ、今日も開発をしていこか」 ワイ「とあるWebサービスの管理画面を作らなアカンのや」 ワイ「今日は、どんな機能を作らなアカンのやったかな」 ワイ「せや、クライアントさんからもらった機能一覧.xlsを見てみよか」 ワイ「あとは、デザインデータも見ながら、詳細設計書でも作っていこか」 ワイ「・・・ふーむ、作るべき機能の一覧は書いてあるんやけど」 ワイ「なんか、やる気が出ぇへんなぁ」 ワイ「仕方ないから、社内のSlackで愚痴っとこか」 ワイ「今のプロジェクト、誰のために何を作ってるのかがイマイチ分からんから」 ワイ「モチベーションが上がらへんなぁ」 ワイ「この管理画面を使って、どんな課題を解決したいのか」 ワイ「どういう風にユーザーさんの業務をうまく回したいのか」 ワイ「そんなんがピンと来てないから、作るべきモノもはっき
喚く狂人 @wamekukyouzin マインドマップを作るツールは色々あるんですが、僕はXMindを使ってます。 Mindmeister→SimpleMind→GitMind→XMindって流れで乗り換えました。どれも一長一短です。 無料がよければFreeMind(PC)とか、WebがよければMindMup+GoogleDrive、draw.ioとか使えばよいと思います。 2022-01-02 01:51:55 喚く狂人 @wamekukyouzin 何書くかマインドマップでまとめたら、プロットを立てていきます。VS Codeを使っています。 プロットはマークダウンで書いています。どんなプレイをするか、どういう反応をするかとかを、見出しとリストでつくっていきます。 見出しレベルの深さはノリで決めてます。何書くか自分が分かればいいので。 pic.twitter.com/j8nVVnX1CZ
秋丸 @akimaru2138 そのうち同人誌の表紙作る時に自分が考えてること〜とかクリスタでも(それなりに)できる簡素なロゴの作り方みたいなのまとめてツイートしたいんだけどあぁいうのっていかんせん"強い"人がやってるからおれ程度がツイートするのヒヨっちゃうんだよな 2021-12-03 23:29:38
Webページに動きやアニメーションを加えたい、毎回検索で探している、実装の手順を解説してほしい、そんな時にすぐに役立つコピペで利用でき実装方法もカスタマイズもていねいで分かりやすい解説書を紹介します。 動きやアニメーションのコードはサポートサイトから最新版がダウンロードでき、要素表示、背景の動き、エリアの動き、画像の動き、テキストの動きなど9種類にバリエーションが100個以上あり、「この1冊が丸ごとカバー」の文字通り大全集です。 既視感を覚えた人は、大正解! 「動くWebデザインアイディア帳(紹介記事)」の第2弾で、第1弾は基本的な動きでしたが、第2弾の本書は実践編として「印象に関わる動き」となっています。 Web制作者は、1冊持っておくとかなり便利だと思います。こういった気持ちいいアニメーションはクライアントからの要望も多く、喜ばれます。
この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.
この記事はなに? この記事は、キャラクターもののアナログゲーム(カードゲーム、ボードゲームなど、電源を使わないで遊ぶゲーム)の製作について、ゲームデザイナー視点で語るものです。特に、私はTCG(トレーディングカードゲーム)を製作することが多かったので、TCGを想定した内容が多くなります。 内容は私の経験によるもので、他の製作者が同じようにキャラクターゲームを製作しているわけではないと思います。同業の方へのガイドラインではなく、「こんな感じでキャラクターゲームを作ってるんだ!」と気楽に読んでいただければと思います。 ※この記事は、Board Game Design Advent Calendar 2015の12月1日の記事として書かれました。 まずは自己紹介 まず、私、中村誠について自己紹介。 現在はアナログゲームを中心に手がけるプロのゲームデザイナー(ゲームのルールを作ったりする人)ですが
【デザイン初心者向け】入社して初めて作成したアイキャッチ、先輩からのフィードバックをすべて公開します! こんにちは! そして、初めまして! 今年の6月より社内制作チームのデザイナーとして入社しました、えびちゃんと申します。LIGのデザインスクール「デジタルハリウッドSTUDIO by LIG」でWebデザインを学び、未経験でLIGに入社いたしました! 社内制作チームでは、LIGブログの記事の一番上やサムネイルとして表示される画像(アイキャッチと呼んでいます)やバナーなど、社内で使用する制作物を作成しています。 私が入社して初めて作成したのは、「現役デザイナー厳選!デザインを勉強したい人におすすめの本23選」という記事のアイキャッチでした。このアイキャッチ制作には、デザイン初心者が陥る悩み・学びがたくさん詰まっていました。そこで、先輩デザイナーからフィードバックを受け完成するまでの過程を共有
この記事では、商用利用かつ無料ダウンロードできるイラスト素材、サイトをまとめてご紹介します。 資料作成やサイト作成などあらゆる場面に重宝するフリー素材を揃えています。 国内と海外サイトに分けてまとめています、用途やデザインに応じて、お好みのイラスト素材を見つけてみてはいかがでしょう。 このリストは随時アップデート予定です、ブックマークしておくと便利です。 コンテンツ目次 1. 国内の無料イラスト素材サイトまとめ(56個) 2. 海外の無料イラスト素材サイトまとめ(50個) 3. 当サイト紹介の人気イラスト素材まとめ 4. イラストを活用したデザイン参考例 5. イラスト素材編集のおすすめツール 国内の無料イラスト素材サイトまとめ ここでは、日本生まれのイラスト素材サイトをまとめています。 無料なのはもちろん、商用利用OKで高品質なイラスト素材が揃います。 商用利用可能な素材を中心に紹介して
手書きイラストレーションは、最近よく見かけるデザイントレンドとして、ウェブサイトやソーシャルメディア、プレゼン資料などあらゆるシーンで利用されています。 しかし、イラストをしっかり手書きできるというデザイナーはあまり多くはないでしょう。新しくアップデートされたイラスト素材サイトOuchでは、追加された数千に及ぶベクターイラストにだれでも無料でアクセスできます。 イラスト素材を無料ダウンロードできるサイトは、以下の記事でも紹介しており、国内向けの日本発イラストもまとめています。 全て無料、本当は教えたくないフリーイラスト素材サイト83個まとめ【商用OK】 イラスト素材サイトOuchの特長 初代Ouchは、2年前に300種類ほどのイラスト素材ライブラリの無料公開をスタートしました。最近メジャーアップデートを行い、数千ものプロフェッショナルなイラスト素材が追加され、だれでも無料でダウンロード可能
この記事では、2020年にUIデザインで人気のトレンド8個を、サンプル実例を交えながら詳しく紹介しています。 世界中のデザイナー達が参加するデザインコミュニティDribbbleでは、実際のプロジェクトの他に、クリエイティブで実験的な新しいアプローチやスタイルをつかったデザインも多数投稿されています。 では、2020年にかけて話題となっている人気デザイントレンドをみてみましょう。 コンテンツ目次 1. ニューモーフィズム 2. 3Dヒーローイラストレーション 3. モノクロパレット 4. 書体、フォントの多様性 5. 複数レイヤーのスクロールアニメーション 6. モバイルUI向けイラスト 7. インタラクティブなページ 8. 不規則なグリッドレイアウト 1. ニューモーフィズム ニューモーフィズム(英: Neumorphism)、またはソフトUI(英: Soft UI)とも呼ばれているこのト
まずは、スマホで撮影した2つの写真を見比べていただきたい。 ▲上はプロが撮影したもの、下は私(素人)による写真である 撮影場所はそれぞれの自宅だが、料理自体はどちらも某大手コンビニチェーンで同時期に購入したハンバーグと冷凍食品の野菜。技術の差は一目瞭然だろう。 ▲こちらは寄りの写真。上がプロによるものだが、それに比べて私の写真はハンバーグのジューシーな魅力がまったく伝わってこない 小野田:すいません、髙橋さんってiPhone使っていましたっけ? 発端は私からのこんなLINEメッセージだった。「髙橋さん」とは旧知のプロカメラマン・髙橋定敬さんのこと。 ▲髙橋定敬(たかはし・じょうけい)さん。フリーランスフォトグラファー 雑誌などのメディアや、広告でのポートレート撮影、ライブ撮影などを中心に活躍しており、ライター&編集業をこなす私とは仕事上でタッグを組むことが多い。 新型コロナウイルスの影響で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く