Animation:Framer MotionCSS:EmotionFramework:Next.jsHosting:VercelLanguage:TypeScriptState Mgmt.:ZustandTypefaces:Inter, Source Code Pro
ページ上部の固定のメニューを画面がスクロールしたときにもじゃまにならないように半透明にしてみよう。参考にするサンプルは「Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops」(tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/)だ。 まずはjQueryを読み込む【1】。次に半透明にするJavaScript部分を作成しよう。ウインドウがスクロールされたときに動作する関数で透明度を操作する。$(window).scrollでスクロールしたときに動作する。「var scrollTop = $(window).scrollTop();」ではスクロール時の座標を取得して変数に格納する。変数「scrollTop」が0ではないとき、すなわち
サッカーの本田圭佑氏がよく「個の力を高めなきゃいけない」と言っていますが、スタートアップにおいても同様だと実感しています。組織力では圧倒的な個には勝てない。堅い守備もメッシの前では無力。みたいな話。 この「個の力で打開する」話を書こうと前から思っていたのですが、B Dash CampのコマースのセッションでBASE鶴岡さんが印象的な発言をされていたので、そこから膨らまします。 Q:これから後発や大手の参入とかで、されたら嫌なことはありますか?(モデレーター) A:(大手による参入よりも)メルカリの進太郎さんやグノシー木村さんのようなスーパーサイヤ人が競合になるのが、(僕のような一般人経営者からすると)一番いやですね(BASE鶴岡氏) 圧倒的な個=スーパーサイヤ人という表現は言い得て妙ですね。 サロンでもこんなコメントが。 社長変えたら成長するスタートアップだらけだと思いますよ!給与3,00
擬似要素はCSS1から存在するもので、ここで解説する「:before, :after擬似要素」はCSS2.1でリリースされたものです。 CSS1では「:first-letter, :first-line」です。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3ではコロンを二つにした「::before, ::after」などがあります。 サポートブラウザブラウザ 「:before, :after擬似要素」をサポートするブラウザは下記の通りです。 IE8+ Firefox3.5+ Chrome Safari4+ Opera6+ IE8+とすべてのモダンブラウザと言ってよいでしょう。 非サポートブラウザへの対応 IE7にも「:before, :after擬似要素」を利
宮さんが「ういーっす。Dashicons in WordPress 3.9の日本語訳はないの〜?」って言ってたので訳そうと思ったんだけど、Dashiconsの使い方そのものの日本語訳が見つかんなかったんで、ついでにご紹介。 「Dashicons」はWordPress 3.8から導入され、先日リリースされ、3.9でさらにいくつか追加されたWordPressの管理画面で使われている公式のアイコンフォントで、 こんなようなやつです。 テーマで使うには functions.phpに以下を追加して、 add_action( 'wp_enqueue_scripts', 'themename_scripts' ); function themename_scripts() { wp_enqueue_style( 'themename-style', get_stylesheet_uri(), array
皆さんは、CSSだけで三角形のような図形を表現出来ることを知っていますか? 調べてみると、三角形の作り方を解説している記事が沢山あります。 普通の三角形を作る方法は多くありますが、実際どのような場面で使うのかを解説しているものは、少ないような気がしました。 そのため、私が個人的にこんな場面で使えるのでは?といったものをまとめてみましたので、ご紹介したいと思います。 ~この記事の対象ブラウザ~ iOS5、iOS6、iOS7 Safari Android OS 2.3.3、Android OS 4.0.4、Android OS 4.1.1 標準ブラウザ ※PCでも表示はされていますが、動作検証は不十分なのでPCで使用する際は注意してください。 CSSだけで作ると何がいいの? CSSだけで作ると、 色やサイズの調整が簡単に出来る。 画像分の容量を削減出来る。 スライスの手間が減る。 などのメリッ
AppleがWWDC2014にてSwiftを発表してから2ヶ月近くが経ちました。OS X/iOSのアプリ開発に存在するObjective-Cの壁は取り払われ、より多くの人に馴染みやすい言語として現れたSwiftはコミュニティへの新たな開発者の流入を促し既存の開発者にもより安全でモダンなスタイルでの開発を可能にした点でとても歓迎されています。 既に沢山の入門文献や言語の特徴的な振る舞いを解説した文章が日本語で世に出回っていることは承知の上でありますが、最近のbeta 3で変更になった部分やこの2ヶ月で溜まってきたナレッジをもとにあらためて言語からアプリ開発まで一貫した解説記事を残したいと思いました。 本記事の構成はまず速習Swiftで文法の基礎的なところを話し、その後Todoアプリの作成を通じてクラスや構造体、UIKitを用いたアプリ制作の具体的な話をしていきます。読者は他言語を多少触ったこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く