グラスモーフィズムをCSSで実装するコードを簡単に生成できるジェネレーター -Glass Morphism Generator
カードやパネルにぴったりな透明度のある背景のぼかしを使った磨りガラスのエフェクト、グラスモーフィズムを実装するコードを生成できるジェネレーターを紹介します。 Glass Morphism Generator Glass Morphism Generator -GitHub このエフェクトは去年の暮れくらいから、Glassmorphismと呼ばれはじめたエフェクトで、古くはiOS7やWindows Vistaでも使用されています。最近では、macOS Big Surでも見かけますね。 参考: Glassmorphism in user interfaces Glass Morphism Generatorでは、磨りガラスの透明度やぼかし具合を確認しながら、コードを生成できます。
【GitHub超初心者入門】この前初めてGitHubを使い始めたエンジニア見習いが書くGitHubの使い方と実践～とりあえず一緒に動かしてみようぜ！～ - Qiita
【GitHub超初心者入門】この前初めてGitHubを使い始めたエンジニア見習いが書くGitHubの使い方と実践～とりあえず一緒に動かしてみようぜ！～GitHub初心者入門新人プログラマ応援 たくさんの「LGTM」ありがとうございます。 ちょっと別視点からバージョン管理システムの記事を書いてみました。 そちらもよろしければごらんくださいませ。 【Git】オレならこう説明する！Git初心者への用語説明 後、個人ブログもはじめましたのでよろしければ（宣伝） 3年ぶりにこの記事の続きをnoteで書きました。 https://note.mu/nahito/n/nded6e4dd7382 はじめに 「勝利にコミットせよ！」「結果にコミットせよ！」 ……は？ 何を言ってるかさっぱりわかりません． コミットって何？つーかコミットって日本語で言うと何？言ってみろよ！！！ そんなエンジニア見習いがとうとうG
斜め45度の影付き文字 改良版 | 鈴木メモ
以前やったイラレで斜め45度の影付き文字の描き方のアピアランスを改良しました。 影の中の斜め線がやっぱりある方が便利かなと思ったので、線あり・ベタ塗りが選べるようにしました。 前回より工程がだいぶシンプルになってます。文字はアウトライン取ってないので打ち直しができます。 ↓文字を打ち変えてる様子。 ダウンロードデータ →斜め影改良版（CS5）をダウンロード 【アピアランスについて】 ・変形で文字を正面向きに戻す仕組みは前回と一緒です。 ・ある程度のズレや割れは仕方がないとあきらめ、ざっくり作っています。 ・全体に３Ｄを加えることで捨て文字や位置合わせの手順を無くしました。 ・アピアランスを２段階に分けてかけるためにグループ化をはさんでいます。 【使い方】 ・フォントはなるべくシンプルで太いもの（新ゴみたいなの）を選んで下さい。（ダウンロードデータは小塚ゴシックＨ。） ・色の変更はカラーを編
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
CSSで簡単に吹き出しをつくってくれるジェネレーターが便利すぎる | Cappee Design
@cappeeです。 デザインで吹き出しを使う機会って多いですよね。 そんなデザイナーの強い味方、CSSで簡単に吹き出しをつくってくれるジェネレーターくんをご紹介します。 シンプルな吹き出しを直感的に作れる「CSS ARROW PLEASE!」 CSS ARROW PLEASE! 設定も簡単でシンプルな吹き出しをさくっとつくってくれるジェネレーターです。 複雑な指定が必要な吹き出しは「Grad3」 Grad3 ベンダープレフィックスの指定やシャドウまで一気に指定することができるのでとても便利です。 そもそもCSSでどうやって吹き出しをつくってるの？という方はこちらをご覧ください。 CSSだけで吹き出しを作ってみる 三角の作り方
今Googleで最も熱いサービスFirebaseで、リアルタイムWebアプリをサクッと作ってみた | PLAID engineer blog
今回は、Firebaseというサービスを使ってWebサイト上で動作するアプリケーションをいくつか作ってみたのでご紹介します。
codic - プログラマーのためのネーミング辞書
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
テキスト比較ツール difff《ﾃﾞｭﾌﾌ》
下記の文章を比較してください。 Betty Botter bought some butter, But, she said, this butter's bitter; If I put it in my batter, It will make my batter bitter, But a bit of better butter Will make my batter better. So she bought a bit of butter Better than her bitter butter, And she put it in her batter, And it made her batter better, So 'twas better Betty Botter Bought a bit of better butter. 下記の文章を，ﾋﾋ較してくだちい． Be
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
Webサービスの作り方をプログラミング初心者が勉強した記録記事
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた｜Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
関数や変数のネーミングに悩んだら「codic」に日本語名を入力するとある程度解決するかも
codicとは codicは、日頃、変数名や関数名に頭を悩ませるプログラマのためのネーミング辞書です。 以前は、プログラマ向けの単語辞書といった感じだったのですが、Ver.3からは、「日本語を入力すると、ふさわしい名前を勝手に生成してくれる」という仕様になりました。 例えば関数名を作るのに、「従業員数を取得する」と入力するだけで「get_employee_count」という名前を勝手に生成してくれます。 これだけでも、かなり便利なんですが、codicにはその他にも、プログラミングのための便利な機能が満載だったので、その使い方などを紹介したいと思います。 codicの使い方 codicの主な機能は、日本語を入力すると、勝手にネーミングを生成してくれると言うことです。 ただ、ちょっとした使い方次第で、より便利に利用できるので、その使い方などの紹介です。 基本機能 まずは、基本的な機能、「日本語
Webデザインの背景作りに活用したいパターンジェネレーター10選
Webデザインで背景を作成するときは、基本的にPhotoshopなどでデザインしたものから画像を書き出し、CSSで繰り返し表示をします。一方でPhotoshopを使わずにブラウザ上でコーディングしながらサイトを作るという方法も最近ではよくある話。 そんなときに活用したいのが、Webサイトの背景を簡単に作れるパターンジェネレーターです。ブラウザ上でパターンをチェックしながら作成し、簡単に利用することができるので、背景作りに困ったらこちらで紹介するパターンジェネレーターを使ってみるのをオススメします。 この記事ではWebサイトの背景作りにおすすめしたいパターンジェネレーターを紹介します。 簡単に背景を作れるパターンジェネレーター patternify こちらはピクセルを埋めていくことでシンプルなパターンを作成するツール。モノクロだけでなくカラーパターンも作れます。作ったパターンはcssにコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
freezeframe.js
オンラインでPDFファイルを分割。無料のPDF分割サービス
PaintsChainer
GitHub - swf2js/swf2js: swf2js is Flash Player Runtime Engine written in pure JavaScript. swf2js is now complete as an emulator and will evolve into the @Next2D project.
ガントチャート,プロジェクト管理,スケジュール表がサクサク作れる。チャート作成がカンタンに共有！しかもフリー タスク管理にも - Brabio!
ホッテントリメーカー
www.ai-j.jp
