いざという時に使える13のHTML&CSS Tips集 | BUILD Journal
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML＆CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
12 Little-Known CSS Facts — SitePoint
CSS is not an overly complex language. But even if you’ve been writing CSS for many years, you probably still come across new things — properties you’ve never used, values you’ve never considered, or specification details you never knew about. In my research, I come across new little tidbits all the time, so I thought I’d share some of them in this post. Admittedly, not everything in this post wil
理系にも分かるイラストの描き方
ちょっとしたイラストが描けたらなぁ。なんて思うこと多いですが、デジタルならではの方法で簡単に描く方法が公開されていたので、簡単ですが訳したいと思います。詳細はオリジナル記事であるHow to Draw Cute Thingsを御覧ください。 最初に好きなネコとかハムスターとかナマケモノなどの動物の画像を用意する。基本的に何でも良いけど、慣れるまではモフモフ系がやりやすいみたい。トカゲとか蛇はむずい。 選んだ動物を円の集合にする 円じゃなく三角や四角を使ってもよい。動物をシンプルにする工程。画像ソフトのシェイプから選んでね。 できた形の輪郭を描く 必要のない線を消す。余裕あったら脇の下を細めたり足の重なりを上手に書いたりしてみる。 全体のバランスを変形してかわいくする 頭大きくしたり、胴体縮めたり、太らせたりしてかわいくする。ここはセンス。 可愛さは目に宿る 目が一番大事。サンプルを参考に。
背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
クックパッドが教えてくれた食べたい！と言われる料理写真テクニック - 原宿パンケーキ速報
Warning: Undefined array key "adf" in /home/c5846153/public_html/pancake.tokyo.jp/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41 Warning: Undefined array key "sim_pages" in /home/c5846153/public_html/pancake.tokyo.jp/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42 原宿・東京のパンケーキというニッチなテーマで月間25万ページビューある当サイトだがメシマズ写真と言われないようプレッシャーを感じてき
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
Macのアイコンを変更したり、デフォルトに戻したりする方法 / Inforati
Macのアイコンをカスタムする方法を紹介します。 Macのアイコンをオリジナルの画像にカスタマイズする方法 変更したカスタムアイコンを削除して元に戻す方法 複数のアイコンを元のデフォルトアイコンに戻す方法 複数のアイコンを同時に変更する方法 アイコンを変更したり、元に戻したりする方法 Macではアプリケーションソフトやフォルダのアイコンを簡単に変更できます。 アイコンを変更する方法 アイコンを変更するには、アイコンに貼付ける画像ファイルを用意します。できれば、縦横512ピクセル以上の画像ファイルをお勧めします。 次に、その画像ファイルを「プレビュー.app」で表示したあと、下のように「編集」メニューから「コピー」コマンドを実行します。 次に、変更したいアイコンを右クリックや「Control」キーを押しながらクリックして「コンテキストメニュー」を出し、「情報を見る」を選びます。 すると、「情
「 MacBookシリーズの電源アダプタは使い回しできる」や「iPhoneのURLスキームチェック」など、最近ためになったTips 11個。 | Appdrill
「 MacBookシリーズの電源アダプタは使い回しできる」や「iPhoneのURLスキームチェック」など、最近ためになったTips 11個。 Photo by goobimama いろいろなブログで紹介されているMacの小技やTipsをまとめました。 どの記事も役立つものばかりなので、是非チェックしてみてください！ 1. iPhoneでURLスキームが使えるかチェック めっちゃ簡単にURLスキームが使えるかどうかをチェックできます。 ⇒ URLスキームが使えるかどうかをiPhone標準のメモで調べる方法があった！ – @hebyumetan 2. MacBookシリーズの電源アダプタは使い回しできる MacBook Pro や Air は、付属している電源アダプタよりワット数の高いアダプタなら問題なく使えるそうです。 MacBook シリーズを買い換えていくユーザーには朗報かもしれません。
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
カメラロールから動画だけを探す裏ワザ。 | AppBank
大量にたまっていくカメラロールの中から、目当ての動画を探すのって結構大変ですよね。 人に見せようとして録ったのに、いざって時に探せなかったり。今回はそんな大量に入ったカメラロールの中から動画だけをピックアップして探せる方法をご紹介します。 やり方 右方向へスワイプします。 左上のカメラロールをタップします。 すると上に【すべて】【写真】【ビデオ】と表示されています。 この【動画】をタップすればiPhoneに入っている動画だけを表示できます。 写真アプリは見れないの？ カメラロールを見るときに開く、この写真アプリでは【すべて】【写真】【ビデオ】と分類された表示はないので見れません。 このように、動画だけピックアップできると、いらない動画があることにも気づけるので、カメラロールの整理にもなりますね！！
プロカメラマンが教える！ 知っておきたい写真のこと100
プロカメラマンが教える！ 知っておきたい写真のこと1002012.05.08 12:0022,231 そうこ 写真好きあつまれー。プロからのちょっとしたティップスが100個もここに詰まっています！ 賛成するもの反対するものあるかも知れませんが、まずは覗いてみましょうか。プロカメラマンからの100のこと。 1）高価な機材を使っているからと言って、腕のいいカメラマンとは限らない。2）常にRAWで撮影すること。3）単焦点レンズでの撮影は、腕磨きになる。4）写真編集はそれだけで、1つのアートだと言える。5）三分割法は99％の場合において効果的である。6）マクロ写真は誰でもできるわけではない。7）UVフィルターはレンズキャップの役割もある。8）写真フォーラムなんかに何時間も行くよりは、外に出て写真を撮った方がいい。9）平凡な日々の生活の中にある美しい一瞬を切り取ること。それが、入賞作品になる。10）
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
人気ブログ20の共通点をレイアウトやデザインの参考にしよう
人気のあるブログのレイアウトやデザインを見ていると、結構共通点があります。共通しているということは、それぞれ重要な意味があるはずです。 例えば、超有名な以下のブログは、すべて２カラムで左にメインコンテンツがあります。 ホームページを作る人のネタ帳 Webクリエイターボックス かちびと.net Webデザインレシピ ということでウェブサイト作成のプロが作るブログの共通点を探ってみました。これが絶対正しいということはないですが、デザインやレイアウトの参考にはなると思います。 枠組みについて まずは全体的な枠組みについてです。 1. 横幅は1000px前後 私がホームページを作り始めた頃は、横幅800pxが多かったのですが、ディスプレイは年々大きくなって、解像度も高くなっていますので、800pxはもうあまりないですね。 かといって広すぎても、収まりきらなくなるので広けりゃいいってもんでもないです
WordPressをカスタマイズする便利な10個のスニペット
10 Very Useful WordPress Hacks [ad#ad-2] 下記は各ポイントを意訳したものです。 リンクを新しいウインドウで開く 検索結果ページのインデックスを阻止 編集ボタンを設置 コントロールパネルのリンクを設置 データベースエラーページのカスタマイズ ページ内にもう一つのページを埋め込む 著者の情報を加える Facebookのボタンを加える WordPressのアドミンバーを下に移動 管理者用のパスワードをリセット リンクを新しいウインドウで開く デフォルトでリンクを常に新しいウインドウで開くようにします。 「wp-admin」フォルダ内の「quicktags.js」を変更します。 変更前 if (!edCheckOpenTags(i)) { var URL = prompt('Enter the URL' ,defaultValue); if (URL) {
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
【保存版】花火を iPhone で綺麗に撮る方法を伝授します。 | AppBank
調味料にだって冷蔵庫に入れて“良い”と“悪い”がある！まとめ37個 - M3Q
ごりゅご.com
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP